エンバーグリッド：テクニカルなグリッドの背後に広がるラストとオレンジのメッシュグラデーション
エンバーグリッドは、炎の光の上に方眼紙のオーバーレイを載せます。下にあるのは「残り火」パレットの「メッシュ」グラデーションで、焦げたラスト、オレンジ、イエローが、ほぼ黒のベースから輝き出ます。その上で「パターン」は「グリッド」に設定され、サイズは 22、量は 45 です。細く明るい格子が、光に計測され設計されたような印象を与え、開発者向けツール、インフラ系プロダクト、データストーリーに合います。
自分好みに仕上げる
グリッドのセルの大きさを変える
「パターンサイズ」を 22 から半分の 11 にすると密な設計図のようなメッシュになり、40 まで上げると大きなセルになって、「ランディングページ」プレビューでレイアウトのカラムと呼応させられます。
グリッドをささやく程度にする
「パターン量」は 45 です。20 前後では線がかすかな痕跡になり、設計された印象を保ちつつ見出しの邪魔をしません。ここでは「グレイン」が 20 なので、グリッドが引いても表面には質感が残ります。
よくある質問
グリッドはグラデーションの上にどのように描かれますか？
色がブレンドされた後に加えられる、等間隔の線の明るいオーバーレイとして描かれます。「ゆがみ」や「渦巻き」で曲がることはないので、残り火の光がその下で移ろっても、グリッドはまっすぐなままです。より柔らかい、あるいはより斜めの質感が欲しい場合は、「パターン」のほかの選択肢として「ドット」と「線」があります。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。