光輪ハブ：光るアプリアイコンと傾いた 3 本の軌道でできた連携ハブ

光輪ハブは、ロゴ軌道ラボを、自社プロダクトが中心に立つ連携図に変えます。「分布」を「ハブと軌道」にすると、オレンジのグラデーションのスクワークルが中央で光り、「X 軸回転」50 で奥へ傾いた幅広い 3 本のヘアライン軌道が、15 個のパートナーマークを乗せてその周りを回ります。各マークは「タイル」を「キーキャップ」、「コーナー」を 30 にした暗い角丸キーの上の単色シンボルで、軌道の奥側は透けるのではなく #0E0E10 の地色へ溶け込みます。

自分好みに仕上げる

• 01

  自社プロダクトをハブに置く

  最初にアップロードしたロゴがスクワークルの中のアイコンになり、「アクセント」の色の上に白いシルエットで描かれます。それ以降のロゴはすべて軌道を回るので、まず自社のロゴを、次に連携先のツールをアップロードしてください。

• 02

  軌道をカラム幅に合わせる

  「半径」は上限の 310 で、外側の軌道は同じ大きさの球体より広がります。狭いレイアウトでは「半径」を 240 前後へ、「ロゴサイズ」を 96 から 80 前後へ一緒に下げると、外側のキーキャップがフレームに収まります。

よくある質問

使い方

1. 01

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

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

2. 02

   マークを配置する

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

3. 03

   奥行きを設定して使う

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