エコーリング：ディーププラムの上で 1 点から広がるゴールドの破線の楕円
エコーリングは 1 つの点を軸に作られています。高さより幅の広い 17 個の同心の楕円が、62 × 46 の焦点から広がります。各リングは破線のストロークで、3 本のうち 2 本は柔らかなゴールド、残りはバイオレットで、ディーププラムの背景に載ります。「回転」は 0、「緊張感」は 25 まで下げてあるので、隙間はダッシュより少し短いままで、リングは均等な縫い目のようなビートを保ちます。
自分好みに仕上げる
ダッシュを目盛りに変える
ダッシュの長さは「リズム」で決まります。50 から 0 まで下げると、ストロークは短い目盛りになり、ソナーのディスプレイのような点線の見た目になります。隙間も比例して縮むので、リングは均等に埋まったままです。
中心をキャンバスの外へずらす
「焦点 X」は 62 です。100 まで動かすと、各楕円の左半分だけがフレームに残り、リングは右端から入り込む弧に変わります。左揃えの文章のための自然なフレームです。
よくある質問
エコーリングのスタイルは何に向いていますか？
はっきりした中心を必要とするものなら何でもです。商品写真、アバター、再生ボタン、ロゴなどです。リングが視線を焦点へ引き寄せ、「焦点」の構図がそこに背景色のかすかなベールをかけるため、上に置いたコンテンツはコントラストを保ちます。「プロフィール」と「機能」のプレビューレイアウトで確認してください。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。