ハローグリッド：中心に向かって膨らむミントのリングのひし形の格子

アウトラインの円による厳格な格子を 45 度回して、行がひし形に見えるようにしたもの。それがハローグリッドです。リングの大きさは距離に応じて決まるため、50 × 48 の焦点の近くではリングが広いハローへと膨らみ、四隅に向かっては小さな輪に縮みます。ミントのストロークは 4 行ごとにペリウィンクルになり、ダークネイビーに対して輝きます。線をクリーンに保つため、「グレイン」は 1 でほぼオフです。

自分好みに仕上げる

• 01

  格子をまっすぐに整える

  グリッドをひし形に変えているのは 45 の「回転」です。「回転」を 0 に設定すると、同じリングが素直な行と列に並び、ダッシュボードやドキュメントに合う、よりニュートラルな秩序になります。

• 02

  リングをもっと太くする

  「緊張感」はストロークの太さを決め、22 と低いので細い線になっています。60 前後ではリングが太い輪になり、「モバイル」プレビューや SNS 用の切り抜きのような小さなサイズでも持ちこたえます。

よくある質問

使い方

1. 01

   ビジュアルシステムを選ぶ

   エコーリング、ハローグリッド、粒子の海岸、グリフ地形、リボンスタックなど、20 のファミリーから 1 つを選びます。

2. 02

   構成する

   バランス、焦点、エッジ、繰り返しのいずれかの構図を選び、焦点を動かし、密度、スケール、回転、リズム、緊張感、奥行き、グレインを設定します。

3. 03

   文脈の中で見極めて使う

   プロダクト、ランディング、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。