ネオンヘックス:ほぼ黒の上の走査線をまとったシアンの六角形グリッド
ネオンヘックスはヘッドアップディスプレイのように見えます。「ウェイト」30 で細く、「間隔」120 で密なシアンの六角形のアウトラインのハニカムが、ほぼ黒のブルーを覆い、「放射状」のフェードがパターン原点の周りを最も明るく保って、四隅に向かって闇に沈めます。ヒーローは、同じシアンのとがった 10 本の光線の「放射」で、「線幅」2 のアウトラインのみです。そして「スクリーン」の描画モードで不透明度 30 の白い「走査線」が、古いモニターのようにすべての上を走ります。
自分好みに仕上げる
隠れたピンクを引き出す
このプリセットは「セカンダリカラー」にホットピンクを保存していますが、「塗り」が「アウトライン」なので見えることはありません。「グラデーション」を選ぶと、放射がシアンからピンクへのブレンドで塗られ、グリッドに触れずに 2 つ目のネオンが加わります。
グリッドの中心を放射に合わせる
「放射状」のフェードは、現在フレームの中央にあるパターン原点に従います。「パターン原点 X」を 0.72 に動かして放射に合わせると、ハニカムがシェイプの周りで輝き、左側はテキストのために暗くなります。
よくある質問
ネオンヘックスの背景はアニメーションしますか?
いいえ。このツールが作るものはすべて静止したグラフィックです。走査線も同様で、細い白いバーの固定のオーバーレイです。そのため軽く保たれ、プロダクトの画面でモーションに関する懸念も避けられます。動きが欲しい場合は、これを背景として扱い、その上に配置するインターフェース要素をアニメーションさせてください。
使い方
パターンを作る
モチーフと、正方形、レンガ、六角形のいずれかのレイアウトを選び、スケール、間隔、ウェイト、回転、2 つのパターンカラー、背景を設定します。
シェイプとテクスチャを加える
8 つのシェイプのいずれかを単色、アウトライン、グラデーションの塗りで配置し、9 つのテクスチャのいずれかを描画モードと不透明度を指定して重ねます。
フレーミングして使う
1:1 から 9:16 までの比率を選び、ヒーロー、カード、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。