ステップモジュール：グリッドに並ぶコバルトの階段ブロックの幾何学パターン
各モジュールは塗りの 3 段の階段です。全幅のバー、3 分の 2 のバー、3 分の 1 のバーが、1 つのブロックに融合しています。それが 25 個、コバルトブルーで正方形のグリッドを埋め、4 つの向きのいずれかに回され、軸から数度傾けられているので、グリッドは手で置いたように感じられます。このスタイルはピクセルアートとモダニズムの印刷物に寄っており、派手です。フォームの背後のスペースではなく、ポスター、イベントのアイデンティティ、セクションのヘッダーに使ってください。
自分好みに仕上げる
ブロックをグリッドにまっすぐそろえる
「曲率」は 48 で、このブロックではわずかな傾きを加えるだけです。0 に設定すると、すべての階段が正確な水平と垂直にそろい、UI コンポーネントやピクセルにそろえた文字の隣でよりすっきり見えます。
向きを制限する
「複雑さ」4 では、ブロックは 4 つの 90 度回転すべてを使います。2 に下げると 2 つの向きだけを交互に使うようになり、散らばりがより穏やかで反復的なリズムに変わります。最初は 14 の「余白」は、上げるほどブロックの間の溝を広げます。
よくある質問
ステップモジュールのようなブロック状のパターンは、どこで最も効果的ですか？
強いグラフィックを受け止められる場所に合います。キャンペーンのポスター、イベントやカンファレンスのアイデンティティ、セクションのヘッダー、分割した新規登録画面の画像側などです。ブロックは塗りのコバルトなので、本文はパターンそのものの上に置かないでください。「分割」か「機能」のプレビューで、パターンと文章のバランスを確認します。
使い方
システムを選ぶ
レイクラウンやアイリスフォールドから、緯度ケージやツイストタワーまで、24 の幾何学システムから 1 つを選びます。
ジオメトリを形作る
密度、ディテール、曲がり、余白、ウェイト、スケール、回転、オフセットを設定し、バリエーションを変えて新しい配置にします。
色とフレームを決めて使う
ペーパー、プライマリ、セカンダリ、アクセントの色を設定し、横向き、正方形、縦向きのいずれかを選びます。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。