粒子海岸：縁がぼけた斜めの帯に集まる、何千ものペトロールブルーのドット
2,000 個を超える小さなドットがこのスタイルを作り上げ、そのどれもグリッドには載っていません。ドットは焦点の高さでキャンバスを横切る帯に集まり、中心部で密集して、上下に向かってまばらに広がります。潮の線に沿ってまいた砂のようです。ペトロールブルーのドットに 7 個ごとのコーラルが、淡いシーミストの地に載り、26 度の「回転」が海岸を斜めに置きます。
自分好みに仕上げる
浜辺を細い筋に絞る
「緊張感」は帯の密集した中心部の厚みを、「奥行き」ははぐれたドットがそこからどれだけ遠くへ行くかを決めます。ここでは 72 と 68 です。両方を 20 未満にすると、ドットは細い筋にまとまり、セクションの区切りとして機能します。
海岸を水平に寝かせる
26 の「回転」が斜めの向きを与えています。0 では、帯は現在 50 の「焦点 Y」の高さでキャンバスを水平に横切ります。それを 85 に動かすと、ヒーローの下部に沿った海岸線になります。
よくある質問
粒子海岸のエフェクトはどのように作られていますか？
各粒子には、キャンバスの幅に沿ったランダムな位置と、「焦点 Y」を通る線の上または下のランダムな距離が与えられます。大半は線の近くに、少数は遠くに落ち、それが密集した中心部と柔らかな縁を生みます。その後フィールドは 26 度回転され、「構図」が「エッジ」なので、左側は背景に向かってフェードします。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。