クワイエットライン：クールグレーに溶けていく斜めのスレートの極細線
クワイエットラインは、「シェイプを表示」がオフになっている唯一のプリセットで、パターンとテクスチャがすべての仕事をします。スレートグレーで「ウェイト」30 の極細の縞が、クールな淡いグレーの上を「回転」150 度で走り、「リニア」のフェードによって、フレームの上から下に向かって消えていきます。ダークスレートの「色合い」を持つ不透明度 45 の「紙」テクスチャが、色を加えずにざらつきを加えます。ダッシュボード、設定ページ、ドキュメントに安心して使える背景です。
自分好みに仕上げる
シェイプを戻す
「シェイプを表示」をオンにすると、中央の右にダークスレートのブロブが現れます。その「塗り」を「アウトライン」に設定し、「サイズ」を 0.6 から 0.4 あたりまで下げると、色の塊ではなく、もう 1 本の描線のように見えます。
ピンストライプに切り替える
縞は「回転」150 の浅い斜めに傾いています。90 にすると縦のピンストライプになり、幅広のデスクトップレイアウトで線がまばらすぎると感じたら、「間隔」を 180 から 120 前後に詰めます。
よくある質問
背景パターンにヒーローのシェイプを置かないほうがよいのはどんなときですか？
実際のコンテンツがフレーム全体を覆うときです。ダッシュボード、設定ページ、ドキュメントには、大きなシェイプのための空いた隅がほとんどないので、クワイエットラインは「シェイプを表示」をオフにして、細くコントラストの低い縞と紙のテクスチャに面を任せます。縞はフレームの下に向かって消え、文章の邪魔をしません。片側が空いているマーケティングのヒーローなら、シェイプをオンに戻してください。
使い方
パターンを作る
モチーフと、正方形、レンガ、六角形のいずれかのレイアウトを選び、スケール、間隔、ウェイト、回転、2 つのパターンカラー、背景を設定します。
シェイプとテクスチャを加える
8 つのシェイプのいずれかを単色、アウトライン、グラデーションの塗りで配置し、9 つのテクスチャのいずれかを描画モードと不透明度を指定して重ねます。
フレーミングして使う
1:1 から 9:16 までの比率を選び、ヒーロー、カード、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。