モザイクドリフト：温かいクリームの上に散らばるゆるやかなインディゴとバーントオレンジのタイル
モザイクドリフトは、ピースの半分が欠けたモザイクです。細かなグリッドをたどり、セルの半分弱を埋め、その後、何もそろわないように各タイルをずらし、伸ばし、傾けます。タイルの約 4 分の 3 はくすんだインディゴ、残りはバーントオレンジで、8 の「グレイン」のかかった温かいクリームの上に、さまざまな不透明度で載ります。「エッジ」の構図が左側をフェードさせるため、タイルは右から漂ってくるように見えます。
自分好みに仕上げる
モザイクをもっと埋める
いくつのセルにタイルが入るかは「緊張感」によります。55 では半分弱が埋まります。「緊張感」を 100 にすると重なり合うタイルのにぎやかな壁になり、0 まで下げると、タイルが残るセルは約 4 分の 1 だけになって、クリームが広がります。
タイルを大きくする
ここでは「リズム」は逆向きに働きます。値が高いほどセルは小さくなります。このプリセットでは 80 なので、タイルは小さめです。「リズム」を 20 に下げると、目に見えてどっしりしたタイルになり、「モバイル」プレビューでより読み取りやすくなります。
よくある質問
モザイクドリフトを自分のブランドカラーに合わせられますか？
はい。このスタイルは 3 色しか使いません。「明るい色」が背景、「インク」が大半のタイルの色、「アクセント」がおよそ 4 枚に 1 枚のタイルの色です。メインのブランドカラーを「インク」に、対照的な色を「アクセント」に入れてください。タイルの不透明度はランダムに変わるので、両方の色の明るい色合いも、自分で選ぶことなく得られます。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。