ペブルスタディ：縁の柔らかい入れ子のアウトラインによる有機的な SVG シェイプ
ペブルスタディは、24 個の閉じたアウトラインを、小さな芯から広い縁まで互いの内側に入れ子にします。すべてが、わずかに三辺形の丸みを帯びた同じ輪郭を共有します。中ほどのリングは少し横にずれるため、間隔は片側で詰まり、もう片側でゆるみます。年輪や、カットした瑪瑙の縞模様によく似ています。ピーチがかったクリームの上のブリックレッドの線が温かさを保ち、陶器のパッケージやウェルネスアプリのウェルカム画面にありそうなマークになります。
自分好みに仕上げる
辺の数を変える
「複雑さ」はアウトラインの柔らかな角の数を決め、この場合は 3 です。2 では、フォルムはよりシンプルな丸い石に落ち着き、6 では縁が波打って花に近づきます。「複雑さ」を高くして波が深くなりすぎたら、「曲率」を 55 から下げます。
いくつかのリングを 2 色目で際立たせる
「アクセントの範囲」は 0 なので、すべてのリングがブリックレッドの「インク」を使います。20 に上げると、およそ 5 本に 1 本のリングがサンドの「アクセント」の色に切り替わり、1 本線の個性を壊さずに奥行きが加わります。
よくある質問
ペブルスタディのリングは、なぜ間隔がふぞろいなのですか？
意図的なものです。各リングは横方向にずらされ、そのずれは中ほどのリングで最大になります。「曲率」が、アウトラインの揺らぎとともに、そのずれの大きさを決めます。その結果、片側では間隔が詰まり、もう片側では開きます。「曲率」を 0 付近に設定すると、リングは等間隔の素直な楕円に戻ります。
使い方
システムを選ぶ
レイクラウンやアイリスフォールドから、緯度ケージやツイストタワーまで、24 の幾何学システムから 1 つを選びます。
ジオメトリを形作る
密度、ディテール、曲がり、余白、ウェイト、スケール、回転、オフセットを設定し、バリエーションを変えて新しい配置にします。
色とフレームを決めて使う
ペーパー、プライマリ、セカンダリ、アクセントの色を設定し、横向き、正方形、縦向きのいずれかを選びます。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。