ソフトメッシュ：深いインディゴに広がるバイオレット、コーラル、ピーチのメッシュグラデーション

ソフトメッシュは、このスタジオの最初のスタイルです。「夕暮れ」パレットを使った「メッシュ」グラデーションで、バイオレット、コーラルピンク、ピーチの色の点が深いインディゴのベースに溶け込みます。「柔らかさ」は 45、「ゆがみ」は 30 なので、色は濁らずに重なり合い、「グレイン」の 18 が、表面が平坦なベクターの塗りに見えるのを防ぎます。初期状態では動かないため、ヒーローや新規登録ページの背景として安心して使えます。

自分好みに仕上げる

• 01

  ブレンドを広げる

  ここでは「柔らかさ」は 45 です。70 に近づけると 3 つの色の点が 1 つの霞に溶け合い、長いランディングページに合います。25 未満に下げると、バイオレットとピーチがはっきり分かれた色だまりになります。

• 02

  「夕暮れ」をより明るい雰囲気に替える

  「パレット」を「夕暮れ」から「ラベンダーの霞」または「ローズゴールド」に変えると淡いバージョンになります。続けて「テキスト色」を「暗いテキスト」に設定すれば、「ランディングページ」プレビューの見出しのコントラストを保てます。

よくある質問

使い方

1. 01

   出発点を選ぶ

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

2. 02

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

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

3. 03

   プレビューして使う

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