シルクチャンネル：1 つのゆるやかな波で曲がる、青い平行のベクターの線

罫線の入った紙を、ある場所で持ち上げ、別の場所で押し下げたところを想像してください。それがシルクチャンネルの動きです。36 本の細い線が並んで走り、一緒に曲がります。どの線の両端も水平のままなので、波は中央で膨らみ、両端に向かって落ち着きます。クールなオフホワイトの上のコバルトで「ウェイト」1.5 なら、布のように振る舞います。背景として存在しながら、その上に置いたダッシュボードのスクリーンショットや料金表と決して競合しません。

自分好みに仕上げる

• 01

  幅の方向にさざ波を加える

  「複雑さ」は 3 で、左から右へおよそ 1 つの完全な波を生みます。8 では同じ線が 2 から 3 つの波を持ち、表面は波形の布のように見え始めます。急になった傾斜がにぎやかすぎると感じたら、「曲率」を 54 から 30 あたりまで下げます。

• 02

  糸からリボンへ

  36 の「要素数」で「ウェイト」1.5 だと、細い糸として見えます。より大胆なリボンの見た目にするには、「要素数」を 18 に半減させて「ウェイト」を 4 に上げます。UI の背後でかろうじて感じられる程度のテクスチャにするには、36 本の線を保ったまま「ウェイト」を 0.5 に下げます。

よくある質問

使い方

1. 01

   システムを選ぶ

   レイクラウンやアイリスフォールドから、緯度ケージやツイストタワーまで、24 の幾何学システムから 1 つを選びます。

2. 02

   ジオメトリを形作る

   密度、ディテール、曲がり、余白、ウェイト、スケール、回転、オフセットを設定し、バリエーションを変えて新しい配置にします。

3. 03

   色とフレームを決めて使う

   ペーパー、プライマリ、セカンダリ、アクセントの色を設定し、横向き、正方形、縦向きのいずれかを選びます。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。