ペーパーグロー：紙のようなグレインをまとった明るいピーチのグローグラデーション
ペーパーグローはライトモードのスタイルです。「グロー」の種類がクリーム色のベースを白に近づけ、「柔らかさ」55 で、ピーチ、サーモンピンク、淡いアプリコットをふんわりした光だまりとしてその上に載せます。「グレイン」の 35 が非塗工紙のざらつきを加え、暗いテキストがそのまま使えるので、ウェルネス、フード、エディトリアル系のブランドになじみます。
自分好みに仕上げる
軽やかさを保つ
光だまりが重く感じられたら、「強度」を 60 から 40 あたりまで下げてピーチをクリームに溶け込ませ、「新規登録」プレビューを開いてフォームの入力欄が引き続き目立つか確認します。
紙の種類に合わせる
「ベースカラー」は温かみのあるクリームです。テック系ブランドなら冷たいオフホワイトに寄せ、クラフト紙の雰囲気にするなら少し濃くします。紙らしさを支えているのは「グレイン」の 35 なので、25 より上に保ちましょう。
よくある質問
ライトモードのウェブサイトに最適なグラデーションはどれですか？
ベースが淡く、色同士のコントラストが小さいものです。そうすれば暗いテキストがどこでも読みやすくなります。ペーパーグローはそのように作られており、「グロー」の種類がクリーム色のベースを白くし、「ピーチグロー」パレットは 1 つの暖色系にとどまります。「テキスト色」を「暗いテキスト」に設定し、「ランディングページ」プレビューで試してください。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。