ルームバンド：オートの地の上の、スプルースとラストの縞を織った行
ルームバンドは、織物のクローズアップのように見えます。キャンバスは 20 の水平の行に分けられ、各行は、オートの背景の等しい隙間で区切られた 1 色の縦縞で埋められます。縞の幅は行ごとに 5 つのサイズを順に巡り、78 の「リズム」が、最も広いものを最も狭いもののほぼ 3 倍にします。スプルースティールの行は、ラストの行の 2 倍あります。
自分好みに仕上げる
織りを細かくする
「リズム」はすべての縞の幅を拡大縮小します。78 では行ごとの縞の差が大きくなります。「リズム」を 20 に下げると、縞は縮んで均一になり、より目の詰まった織り密度のように見えます。
より少なく背の高い行を使う
「要素数」は行の数と等しくなります。ここでは 20 です。8 では行が背の高いパネルになり、デザインは布地からサイン表示へと変わります。「回転」を 90 にすると、行が縦の帯になります。
よくある質問
ルームバンドはアニメーションするとどうなりますか？
1 行おきの行が、織機を行き交う杼のように、互いに逆方向へ横に滑ります。行の高さと色は固定のままです。これはキャンバス全体にわたる一定の動きなので、ほかの多くのファミリーの穏やかな揺れよりも注意を引きます。ヒーローエリアのためにとっておき、長いテキストの背後では「速度」を 0 に下げてください。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。