等高線アトラス:暗い地の上のラベンダーとミントの地形図の等高線リング
夜に描かれた起伏図を思い浮かべてください。等高線アトラスは、右上(77 × 30)の焦点の周りに 22 本の閉じたリングを重ね、74 の「緊張感」が外側のリングを内側よりはるかに大きく揺らがせるため、フォルムは大きくなるにつれてゆるみます。淡いラベンダーの線に 3 本ごとのミントのリングが、ほぼ黒のインディゴの上に載り、「エッジ」の構図が、見出しのために左側を背景へとフェードさせます。
自分好みに仕上げる
ローブの数を変える
「リズム」が 43 なので、各リングには 6 つのローブがあります。90 付近ではリングごとに 9 つの密なさざ波になり、0 に近づくと幅広い 3 つだけが残って、地図は海岸線の海図のように見え始めます。
線の太さを軽くする
「奥行き」は 82 と高く、すべての等高線を太くし、強く不透明にします。30 前後ではストロークが細くなり、不透明度は半分未満に下がって、「プロダクト」プレビューのような密な UI の背後により合うようになります。
よくある質問
等高線アトラスを明るい背景で使えますか?
はい。暗い見た目は 3 つの色だけから生まれています。「明るい色」はほぼ黒のインディゴ、「インク」は淡いラベンダー、「アクセント」はミントです。「明るい色」をオフホワイトに、「インク」を暗いトーンに替えると、同じ等高線の形状が昼間の地図として得られます。リングは塗りのない細いストロークなので、「インク」は明るさの点で背景とはっきり離しておいてください。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。