ブループリントグリッド：製図用グリッドの前で回る、ヘアラインの正方形タイル

ブループリントグリッドは、パートナー紹介に開発者ツールのような精密さを与え、「ロゴサイズ」92 のシンボル 24 個を、「タイル」を「ブループリント」、「コーナー」を 0 にした角の鋭い黒い正方形タイルに載せます。その背後では、4 本おきに小さな十字マークが入った 24px のグリッドが、#000000 の地色の端へ向かってフェードしていきます。一度に 1 枚のタイルだけが #E9F056 のワサビ色の「アクセント」で縁取られて光り、視線の行き先が一つに定まります。

自分好みに仕上げる

• 01

  UI が角丸ならタイルも丸める

  「コーナー」0 は徹底して技術的な印象になります。ページのボタンやカードが角丸なら、「コーナー」を 8 か 12 に上げて、タイルをほかのインターフェースになじませてください。

• 02

  ワサビ色をブランドカラーに替える

  黄緑のハイライトが「アクセント」です。「アクセント」をメインのブランドカラーにし、「インク」は #EDEDED のままにすると、色を持つのはタイル 1 枚だけになり、ヘアラインとグリッドは中立のまま保たれます。

よくある質問

使い方

1. 01

   スタイルを選んでロゴを追加する

   「光輪ハブ」「デイライト」「キーキャップ」「セラミック」など 9 つのスタイルから始め、仮のマークをそのまま使うか、それぞれ 20 MB までの PNG、JPG、WebP のロゴを最大 16 個追加します。

2. 02

   マークを配置する

   「分布」で「フィボナッチ」「リング」「グリッド」「マーキーバンド」「ハブと軌道」のいずれかを選び、「数」「半径」「ロゴサイズ」「マークのスタイル」を設定します。「タイル」では「ブループリント」「キーキャップ」「すりガラス」「セラミック」などを選べます。

3. 03

   奥行きを設定して使う

   「奥行き」「遠近感」「背面の奥行き」「速度」「軸」を調整し、各ロゴを「インクのシルエット」にするか「元の色」のままにするかを選んで、ドラッグでシーンを回転させます。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。