グレイニーサンセット：強いフィルムグレインをまとったコーラルからパープルへのリニアグラデーション
グレイニーサンセットは、このセットで最も質感の強いスタイルです。160 度の「リニア」グラデーションがコーラルレッドからアプリコットを経てパープルへと移り、「グレイン」の 55 と「グレインサイズ」の 2 が、粗いフィルムのようなノイズをその上に重ねます。レンダリングされたものではなく印刷されたもののように感じられるため、エディトリアルのカバー、音楽やイベントのグラフィック、SNS の投稿に合います。
自分好みに仕上げる
UI 向けにグレインを抑える
ここでは「グレイン」は 55 です。グラデーションをインターフェースのテキストの背後に置くときは 20 あたりまで下げ、「グレインサイズ」を 1.5 に戻すと、ノイズが斑点状ではなく細かくなります。
水平線を回す
「角度」は 160 で、わずかに斜めです。90 や 180 を試すとフェードがフレームの辺とそろい、「ミラー」を「上 / 下」に切り替えると色が折り返されて対称の帯になります。
よくある質問
そもそも、なぜグラデーションにグレインを加えるのですか？
グレインは、なめらかなグラデーションが一部の画面で見せるバンディングを隠し、平坦な色に手触りのあるアナログな質感を与えます。55 になると、リソグラフ印刷やフィルムのスチルのように、目に見えるスタイルの選択になります。フィルムのようにノイズをちらつかせたい場合は「グレインアニメーション」をオンにします。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。