六角レンズ:ライラックとピンクを覆うガラスの六角形ハニカム
六角レンズは「タイルの形」を「六角形」にし、横 7 個のガラスセルでできたハニカムが「オーキッド」パレットの「フロー」グラデーションを覆います。ライラック、ローズピンク、深いバイオレットが「ゆがみ」60 で暗いプラム色のベースの上に渦を巻き、ガラスタイルより強い「レンズの強さ」70 が、セルごとの色のかけらを水滴のように拡大します。「すりガラス」は 10 と低めなので、セルはすりガラスのパネルではなく、縁の明るい透明なガラスに見えます。
自分好みに仕上げる
拡大を控えめにする
「レンズの強さ」70 は、六角形ごとに流れを大きく拡大します。30 あたりまで下げるとセルは色をほとんど曲げない平らなガラスになり、料金表やフォームの背景でも落ち着きます。
ハニカムの大きさを変える
「横のタイル数」は 7 です。セルの大きなグラフィカルな柄にしたいなら 4 に、12 以上にすると六角形は細かなテクスチャーになります。「速度」は、固定されたセルの下を流れが通り過ぎる速さを決めます。
よくある質問
グラデーションが動くと六角形も動きますか?
いいえ、ハニカムはその場に固定されています。「アニメーション」をオンにすると下の「フロー」グラデーションが動き続け、色が各レンズを通り抜けながら拡大されます。グリッド自体は動かずに動きが生まれるので、上に載せたレイアウトも安定して見えます。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。