モジュラー日光:グリーンとアンバーのブロック、円、罫線による風通しのよいグリッド
4 種類のモジュールが 6 列のグリッドの上に代わる代わる現れます。角丸の塗りのブロック、円、5 本の極細の罫線のセット、アウトラインのフレームで、全部で 36 個のモジュールです。「奥行き」は 32 と低く保たれているので、フォレストグリーンとアンバーのシェイプは淡いセージの地の上で半透明のままで、フィールドは日差しを浴びているように感じられます。330 の「回転」と 82 の「シェイプの倍率」が、グリッドを斜めに傾けて縮め、パターンのより多くが視界に収まるようにします。
自分好みに仕上げる
ブロックを四角くする
塗りのブロックの柔らかくゆったりした角は、72 の「リズム」によるものです。「リズム」を 10 に下げると、同じモジュールがくっきりしたほぼ正方形に変わり、テクニカルなブランドや金融のブランドにより合います。
グリッドをまっすぐにする
330 の「回転」はグリッドを斜めに置きます。「回転」を 0 に戻すと直立したスイススタイルのシートになり、その後「要素数」を 18 から 24 に上げると、7 列目が加わってすべてのモジュールが小さくなります。
よくある質問
モジュラー日光はキャンバス全体を均等に覆いますか?
はい。「構図」が「繰り返し」に設定されているので、アートワークの上にフェードは重ねられず、モジュールは同じ強さですべての端まで届きます。そのため、空の状態、オンボーディングのパネル、セクションの区切りのための全面の背景として適しています。テキストのための余地が必要なら、「構図」を「エッジ」に切り替えると、左側が淡いセージの背景に向かってフェードします。
使い方
ビジュアルシステムを選ぶ
エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。
構成する
バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。
文脈の中で見極めて使う
プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。