OSシルバー：青いキーが 1 つある、シルバーのキーキャップの地形
OSシルバーは角の丸いキーキャップを細かなグリッドに並べて、隠れた地形に合わせて 1 つずつ持ち上げるので、フィールドは淡いシルバーの低地からスレートグレーの尾根へと盛り上がり、高いキーほど深い影の台座の上に立ちます。どのキャップにも上端に沿って 1 ピクセルのハイライトが入り、約 5 個に 1 個にはプラス、バツ、矢印、スラッシュといった小さなピクセル記号が載ります。焦点にいちばん近いキーは「シグナルカラー」の青で白い矢印を持ち、古いシステムキーボードで 1 つだけ点灯したボタンのようです。
自分好みに仕上げる
キーをもっと高くする
「奥行き」は、地形の各段がキーを影の台座からどれだけ持ち上げるかを決めます。60 では尾根はゆるやかな段に見えますが、100 では高いキーが 3D チャートのようにそびえ、0 ではボードはほぼ平らになります。
キーの大きさを変える
「リズム」と「要素数」は、値を上げるほどキーを小さくします。「リズム」を 10、「要素数」を 6 に下げると大ぶりのキーキャップに、上げると小さなキーが密に並ぶボードになります。
よくある質問
OSシルバーのグレーの段階は何で決まりますか？
なめらかなノイズの地形が、各キーに 5 段階のうち 1 つを割り当てます。段階は「ブランドカラー」の淡いティントから「ブランドカラー 2」のスレートまでです。「緊張感」はこの地形のコントラストを強めるので、値を上げるといちばん高い段と低い段のキーが増え、「バリエーション」は起伏そのものを作り変えます。
使い方
方向性を選ぶ
「トランスフォーマティブ・ティール」「スイスレッド」「生物発光」「リソ・クラブ」など 20 のスタイルから始めるか、「エコーリング」「粒子の海岸」「リボンスタック」などの「ファミリー」を選びます。
構成する
「構図」を「バランス」「焦点」「エッジ」「繰り返し」「インターフェース」から選び、ドラッグで焦点を動かして、「要素数」「シェイプの倍率」「回転」「リズム」「緊張感」「奥行き」を設定します。
カラーロールを決めて使う
「地色」「文字色」「ブランドカラー」「ブランドカラー 2」「シグナルカラー」を設定し、「質感」とその強さを選んで、プロダクト、ランディングページ、AI、モバイルのレイアウトでプレビューします。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。