レーダーコニック:レーダー画面のように回るネオンの円錐グラデーション
レーダーコニックは、レーダーのビームが画面を走るように、アシッドグリーン、マゼンタ、シアンを 1 点の周りに回します。「ネオン」パレットを使った「円錐」グラデーションで、「角度」は 0、ベースはほぼ黒です。「ビネット」は 45 まで上がり、四隅が沈んで中央で光が輝きます。ゲームのローンチ、クラブナイト、ハッカソンのページ向けに、意図して派手にしています。
自分好みに仕上げる
回転の向きを変える
「角度」は 0 から始まります。90 や 180 に回すとグリーンがマゼンタに切り替わる位置が動くので、見出しが片側にあるときに効いてきます。「アニメーション」をオンにすると、全体がゆっくり回転します。
万華鏡のように折りたたむ
「ミラー」を「4 分割」にすると、円錐の回転が 4 方向に繰り返されます。ネオンがボタンや本文を圧倒し始めたら、「強度」を 60 ではなく 45 前後に下げて組み合わせます。
よくある質問
ネオンの円錐グラデーションの上でもテキストを読みやすく保てますか?
はい、少し気を配れば可能です。ほぼ黒のベースと「ビネット」の 45 によって端にはすでに暗い領域があるので、そこに文章を置き、「テキスト色」を「明るいテキスト」に設定します。それでも中央が強すぎる場合は、「強度」を下げるか、「カード」プレビューのようにテキストを単色の面の上に置きます。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。