オーシャンウェーブ：ゆっくり動くティールとシーフォームの重なる波のグラデーション

オーシャンウェーブは、柔らかなブレンドを形に置き換えます。7 層の波がフレームの上から下へ積み重なり、深いティールのベースの上で、ティールからシーフォームミントを経てオーシャンブルーへと色づきます。「柔らかさ」は 15 まで抑えられているので、それぞれの波頭は重ねた紙のようにくっきりした縁を持ちます。「アニメーション」はオンで「速度」は 25 と、動くスタイルの中で最も遅く、各層は少しずつ違う速さでうねります。

自分好みに仕上げる

• 01

  うねりの数を変える

  うねりを少なく大きくすると見出しの余白ができるので、「バンド」を 7 ではなく 4 にしてみてください。12 にすると海がにぎやかになり、フッターやセクションの区切りとして使うほうが向いています。

• 02

  波頭をぼかして霧にする

  縁をくっきり保つため、「柔らかさ」はわずか 15 です。50 にすると層が互いに溶け合い、切り紙のような見た目から海霧へと変わります。動きが潮の満ち引きのままであるよう、「速度」は低く保ちましょう。

よくある質問

使い方

1. 01

   出発点を選ぶ

   ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。

2. 02

   グラデーションを調整する

   スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。

3. 03

   プレビューして使う

   ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。