ワサビ・シグナル：ワサビ色の L 字ブロックが 1 つある、ピクセルの林冠
ワサビ・シグナルは、ほぼ黒の「地色」に正方形のピクセルで林冠を描き、暗いオリーブからセージ、クリームのハイライトへと段階を踏んで、夜の森を真上から見下ろしたように見せます。林冠がまばらになるところではセルが斜めに切られて鋭い三角の半セルになり、茂みと茂みのあいだは暗いまま残ります。焦点には鮮やかなワサビの黄緑、つまり「シグナルカラー」の L 字ブロックが 1 つあり、視線が落ち着く場所をひとつだけ与えます。
自分好みに仕上げる
ピクセルの大きさを変える
「リズム」と「要素数」は、どちらもセルを小さくします。「リズム」を 0、「要素数」を 4 に下げると読み取りやすい大きなピクセルになり、両方を上げるとグレインに近い細かなディザになります。
フレームの端を空ける
「緊張感」は、焦点から離れるほど林冠を薄くします。100 にすると四隅が暗く沈み、ピクセルは L 字ブロックの周りに集まります。0 では林冠がフレーム全体に均等に広がります。
よくある質問
ワサビ・シグナルのワサビ色のブロックはどのくらいの大きさですか？
「奥行き」で決まります。「奥行き」25 未満では L の各腕が 1 セル幅、プリセットの 50 では 2 セル、75 以上では 3 セルになるので、カーソルのような小さな印にも、ロゴほどの大胆なアクセントにもできます。
使い方
方向性を選ぶ
「トランスフォーマティブ・ティール」「スイスレッド」「生物発光」「リソ・クラブ」など 20 のスタイルから始めるか、「エコーリング」「粒子の海岸」「リボンスタック」などの「ファミリー」を選びます。
構成する
「構図」を「バランス」「焦点」「エッジ」「繰り返し」「インターフェース」から選び、ドラッグで焦点を動かして、「要素数」「シェイプの倍率」「回転」「リズム」「緊張感」「奥行き」を設定します。
カラーロールを決めて使う
「地色」「文字色」「ブランドカラー」「ブランドカラー 2」「シグナルカラー」を設定し、「質感」とその強さを選んで、プロダクト、ランディングページ、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。