折りたたみストライプ:暗い曲がった帯で切られた、傾いたレモンとホットピンクの縞
これは 20 のプリセットの中で最も派手なものです。高さいっぱいの 24 本の縞が、レモンイエローを基調に 3 本ごとにホットピンクを交えてチャコールのキャンバスを覆い、84 の「緊張感」がその縁を波のように内へ外へと傾けるため、表面はプリーツのように見えます。さらに、チャコールの背景色の太い帯が、布にかけたストラップのように焦点の高さで縞を横切って曲がり、24 度の「回転」が全体を軸から外します。
自分好みに仕上げる
プリーツをゆるめる
「緊張感」は 84 で、これが縞の縁が大きく傾き、暗い帯が高く弓なりになる理由です。「緊張感」を 40 前後に半減させると、縞はよりまっすぐに、カーブはより平らになり、ロゴと組み合わせやすくなります。
横切る帯の大きさを変える
「リズム」は暗い曲がった帯の幅を決め、60 では大胆なストラップになります。縞をもっと見せる細い切り込みにするには、「リズム」を 0 にし、「焦点 Y」で帯をキャンバスの上または下へずらします。
よくある質問
折りたたみストライプは、インターフェースのテキストの背後に置くには強すぎますか?
全面の背景としては、たいてい強すぎます。「奥行き」70 のレモンイエローとホットピンクは、落ち着いたスペースをほとんど残しません。キャンペーンのカード、カバー画像、「分割」プレビューのアート側のように、範囲を区切ったビジュアルとしてのほうがうまく機能します。トーンを抑えるには、「奥行き」を 30 あたりまで下げて縞をチャコールに沈めるか、より暗い「インク」と「アクセント」の色を選びます。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。