軌道タイル：キャンバスの中心かららせん状に広がるインディゴと赤のタイル
軌道タイルは、そのレイアウトをヒマワリの頭花から借りています。30 枚の角丸タイルが、キャンバスの正確な中心から黄金角のらせんに沿って外へ進み、それぞれが独自の方向を向いています。4 枚に 1 枚はトマトレッドで、残りはさまざまな不透明度のディープインディゴです。各タイルには車軸のような小さな淡いドットが付いています。70 の「奥行き」がらせんを広く押し広げるため、外側のタイルは淡いライラックのフィールドの端を越えていきます。
自分好みに仕上げる
らせんをもっと引き締める
「奥行き」は、タイルが中心からどれだけ遠くまで進むかを決めます。70 では最後の数枚がキャンバスを出ていき、10 ではらせんが縮んでタイルの重なりが増え、そのまとまりは正方形の切り抜きやコンパクトなカードに合います。
アクセントのタイルに主導させる
「アクセント」を使うタイルは 4 枚に 1 枚だけなので、その色はハイライトとして働きます。ここでのライラックの上のインディゴのように、「インク」は「明るい色」と関連する色に保ち、「アクセント」には最も派手なブランドカラーを与えます。
よくある質問
軌道タイルはエコーリングとどう違いますか？
どちらも 1 点から広がりますが、エコーリングは暗い地の上に細い破線のアウトラインを描き、軌道タイルは明るい地の上に重なり合う塗りのシェイプを置きます。軌道タイルのほうが重みと色があるので、静かな背景としてよりも、「機能」や「ようこそ」のレイアウトのメインビジュアルとしてよりよく機能します。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。