リキッドグラス：やわらかな光の中、すりガラスのタイルに載る黒いマーク

リキッドグラスはタイルのルックの中でもっとも軽く、上限の「ロゴサイズ」100 の黒いシンボル 20 個が、「タイル」を「すりガラス」にした白い曇りガラスの板に載ります。どの板にも左上で光を受け、右下でもう一度きらめく鏡面の縁があり、こちらを向いた板は #E6EBF0 の地にやわらかな影を落とします。一度に 1 つのマークが #0A84FF の青い「アクセント」に染まり、すっきりした製品サイトやアプリのショーケースによく合います。

自分好みに仕上げる

• 01

  ガラス板を UI の角丸に合わせる

  「コーナー」は上限 30 に近い 26 です。遊び心のあるページなら「コーナー」を 30 にしてピル形の板に、情報量の多いレイアウトの横なら 14 まで下げて、よりきりっとしたカードにします。

• 02

  地色でガラスを色づける

  ガラス板は「明るい色」と白を混ぜて作られるので、地色がそのままガラスを染めます。「明るい色」を淡いブルーやサンドにすると色付きのすりガラスになります。暗い地色では板がグレーの板材のようになるため、明るめに保ってください。

よくある質問

使い方

1. 01

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

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

2. 02

   マークを配置する

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

3. 03

   奥行きを設定して使う

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