ノワール：ほぼ黒の上のラベンダーの、エッジの硬いクロームの結び目
ノワールはコントラストの高いスタイルです。「柔らかさ」が 45 から 9 に下がるため、4 本のバンドはそれぞれグラデーションではなくくっきりした線で終わり、結び目は 1 つの硬い光に照らされた磨かれた鋼のように見えます。「明るい色」はほぼ黒、「インク」は淡いラベンダー、「アクセント」はチャコールで、ラベンダーの縞だけがページ上で唯一の明るいものとして残ります。
自分好みに仕上げる
エッジは保ったまま動きを落ち着かせる
「柔らかさ」が 9 だと、バンドの縁が移動しながらちらつくことがあります。アニメーションがきつく感じられるなら、「柔らかさ」に触れる前に「速度」を 24 から 10 あたりまで遅くすると、かみそりのようなエッジの見た目が保たれます。
ハイライトを強める
「照明」は既定の 100 です。130 前後にすると、「インク」を変えなくても、ラベンダーのバンドが黒い背景に対して目に見えて明るくなり、結び目が暗いオーバーレイの下にあるときに便利です。
よくある質問
ノワールはダークモードのヒーローでテキストの背後に使えますか？
はい、注意すれば使えます。ほぼ黒の背景は明るいテキストに合いますが、ラベンダーのバンドは明るくエッジが硬いので、見出しは結び目そのものに重ねないでください。「分割」と「ランディングページ」のプレビューでは、文章の隣に置いた様子を確認できます。テキストをその上の中央に置くよりも、フォームを片側に置くほうが安全です。
使い方
フォルムを選ぶ
結び目、球体、トーラス、カプセル、ブルーム、衛星、らせん、チェーンリンク、宝石、リボンから選ぶか、GLB、OBJ、STL モデルを読み込みます。
金属を形作る
バンド、ゆがみ、柔らかさ、スクラッチ密度、光、速度を設定し、ペーパー、プライマリ、セカンダリの色を選びます。
フレーミングして使う
フォルムを回転させてサイズを調整し、ランディング、カード、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。