UIのトレンド

UIから「白」が消える日

https://note.com/ritar/n/n0f6aad6c2560

UIが脱色されていくのが流行っている話。

ダークモードの流行からデザイントークンが発展し、透明化が浸透していっている。

デザイントークンとは？

https://bagelee.com/design/basics-of-design-tokens/

デザイントークンとは、デザインシステムにおいて最小単位のスタイルを定義するもの ...

デザイントークンの中には最小単位のスタイルの情報が保存されます。 プロダクトの中でよく使われるデザインの要素をパッケージ化し、複数のプラットフォームに横断的に読み込んで使用します。 ...

デザイントークンは色、余白、行間、Elevation(高さ)、フォント、フォントサイズ、シャドウ、アニメーション時間など複数のコンポーネントやテキスト要素にまたいで使われる情報を保存します。 ...

デザイントークンは普通の変数よりも抽象度が高いもので、プラットフォームに依存しない情報です。抽象度の高いレイヤーで命名規則に則ってデザイントークンを設定することにより、プラットフォームやフレームワークをまたいだデザインの基礎となる部分の共有言語を作ることができます。

変更容易性のために共通化して規約にするもの。