クロムカラム：氷のようなメタリックブルーの縦の列グラデーション
14 本の縦の列が、それぞれ異なる高さで「氷河」のブルーからアイスホワイトのベースへとフェードし、クロムカラムにヘアライン仕上げの金属のようなリズムを与えます。パレットはパウダーブルーからコーンフラワーへと続き、すべての列に片側から反対側への陰影が付くため、磨かれた円柱の列のように見えます。「グレイン」はわずか 8、「柔らかさ」は 30 なので、フィンテック、SaaS、ハードウェアのページ向けに、くっきりと明るい印象を保ちます。
自分好みに仕上げる
列の数を決める
「バンド」を 6 前後にすると、ここでの 14 本の細い列ではなく、幅広い建築的な柱になります。最大の 24 では細いピンストライプになり、レイアウト要素というよりテクスチャのように働きます。
ダーククロムにする
「パレット」を「グラファイト」に切り替えると、同じ列がガンメタルに変わります。その後「テキスト色」を「明るいテキスト」に設定し、暗いバージョンに奥行きを加えるために「ビネット」を 20 から 35 に上げることも検討してください。
よくある質問
グラデーションでメタリックな見た目を出すにはどうすればよいですか？
金属は、明から暗へのグラデーションが鋭い切り替わりで繰り返されることで金属らしく見えます。クロムカラムは「列」の種類でこれを実現しています。クールなブルーの細い 14 本のグラデーション、くっきりした縁のための低い「柔らかさ」、そしてほぼゼロのグレインです。暖色の金属も可能なので、同じ設定で「ローズゴールド」パレットを試してください。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。