氏 ブラッド・フロスト、そして彼の兄弟イアンは、彼らが販売している新しいコースを持っています Subatomic：デザイントークンの完全なガイド。
正直に言うと、私は懐疑的でした。デザイントークンとは何かを知っています。それは色の変数です font-family または何か。私はほとんどウェブサイトでのみ作業しているので、 --custom-property そして、それらを使用するためにそれらを使用することは、色とフォントの一般的な使用法を抽象化することが賢くて役立つことをすでに知っています。終わり。私は、サイトの艦隊を管理する人々（およびWho-Knows-What Technologiesで実行されているアプリ）を管理している人が、よりファンシーなトークンシステムを必要としていることを理解していますが、それは私ではありません。
しかし、私たち Shoptalkショーにそれらのフェラがありました そして、私はあなたが本当に今度何度も繰り返し行った人々の専門知識に頼りたいと思っているという私の考えを更新しました。
（PS彼らはまた、彼らがショーに参加していたときに20％の割引コードを与えてくれました：Shoptalkshowhowhowsawesome）
ネタバレ：彼らは、カスタムプロパティの3層システムを提唱しています。 1つ目は、生材料だけです。色、しかしあなたはただ色を命名しているだけです。サイズですが、サイズに名前を付けるだけです。それからあなたが本質的にクラフトしているこの中間層があります テーマ それらの生の材料から。そして、このレイヤーは最も重要です。これは、あなたが両方とも生材料に手を伸ばしていないこの抽象化の完璧な層を与えるので、あなたに最も重要です。 そして コンポーネントの個々の部分を命名するなど、あまりにも具体的ではありません。 3番目の層はできる限り避ける必要がありますが、絶対に特異的にする必要がある場合は、これがあなたがそれを行う場所であり、まだカスタムプロパティの土地を維持しています。
これは私にとって特に賢いと感じています。過去に構築したカスタムプロパティシステムを構築する前に、Frost Brotherの専門知識の恩恵を受けていればいいのにと思います。私は生の材料だけでその最初の層を持っている傾向があり、それから彼らが3番目の層と呼ぶものに右にジャンプします。次回はリファクタリングの機会が得られるとき、私は間違いなくテーマティアについて考えています。
ブラッドも彼に安定しています グローバル設計システム アイデア。私 私の考えを投稿しました これについては以前に、しかし私はこれに戻ってき続けます：
気分がいいです 毎 あなたが下す決定は、誰がそれを使用するかをチップします。
私は、このことを可能な限り「グローバル」に保つ決定がどのように行われるかを見て魅了されています。それは絶対に行われなければなりません。そうでなければ、それは単なる別のデザインシステムであり、目標に達していないと思います。感謝しました ブライアンの深い考え すべても同様に、私は基本的にこれらすべてをそれにリンクする言い訳として書いています。
グローバルな設計システムには何かがありますか デザイン まったく？多分;多分そうではありません。 「フラットデザイン」の時代は、私たちが10年ほど滞在してきたように思われるのは、部分的に設計システムの結果であると思われるのではないかと思います。よりシンプルなものが、まとまりのある美学のすべての「レゴブロック」を構築することがより実用的であるように見えます。しかし、それはおそらくデザインのトレンドが進んでいるでしょう。多分 フラットは終わりました。デザインシステムは非常に派手/複雑なルックスの準備ができていますか？間違いなく読む価値はあります アメリアの考え UIの「ハード構造とソフトな柔軟性のバランス」について。
デザイントークンといえば、 DesignTokens.fyi 設計システム/トークンの人々が投げるのが好きなすべての用語を定義するための素晴らしいサイトです。単語の定義があるサイトは非常に退屈かもしれませんので、ここで楽しいデザインに感謝します。私はバリューシステムを呼ぶというアイデアが好きです 「Tシャツ」 たとえば、パディングオプションのセットを実際に定義している場合、オプションはTシャツサイズのメンタルモデルに従います。
時々、他の人が何をしているのかを見て見る必要があります。デザインでは、インスピレーションに満ちたものでいっぱいのデザインギャラリーが常にあり、存在します。しかし、それらのいずれかにリンクする代わりに、私は 「インターネットの最高のウェブサイトの見出しの本拠地。」 私は良い見出しが大好きです。私は自分のポイントが何であるかを言うだけでひどい仕事をするあまりにも多くのサイトを見てきました。
Views: 0
