スキューモーフィズムのコントロール：実際に動く 3D のノブ、スイッチ、キー
スキューモーフィズムのコントロールは、本物のハードウェアの手触りを取り戻します。3D でレンダリングした白いカーコンソールのコントロールで、そのすべてが実際に動きます。ローレット加工のアルミノブを回すと刻みごとにカチッと鳴り、レバーを弾くとカチリと倒れてばねで戻り、キーを押すと柔らかなコトッという音とともに沈みます。コンソール全体も動き、温度、シートヒーター、音量の表示がコントロールに合わせて点灯します。ノブ、レバー、キーは真上からか 3D の角度から表示でき、ノブはシルバーかゴールドを選べます。コンソールは真上からの表示です。
使い方
コントロールを選ぶ
カーコンソール全体、ノブ、トグルレバー、キーから選び、ビュー（3D または真上から）、仕上げ、記号を決めます。
触って試す
プレビューの中でそのまま回したり、弾いたり、押したりでき、音も鳴ります。コンソールの表示、サイズ、背景色を設定します。
持ち出す
無料の UX Pilot アカウントでログインすると、PNG や音付きの動く HTML ページをダウンロードしたり、UX Pilot キャンバスに配置したりできます。
作れるもの
製品とアプリのモックアップ
スマートホーム、車、オーディオ製品を、本物のハードウェアのようなコントロールで見せられます。
ランディングページのヒーロー
訪問者が実際に回したり押したりできる、触感のある物理的な瞬間をページに加えます。
デザインシステムの検討
採用を決める前に、フラットな UI と並べてスキューモーフィズムの方向性を試せます。
投稿とプレゼンテーション
ノブ、スイッチ、コンソール全体の鮮明な PNG を書き出して、スライドや投稿に使えます。
よくある質問
スキューモーフィズムのコントロールとは何ですか？
スキューモーフィズムのコントロールは、それが表す実物と同じ見た目と動きを持つコントロールです。回せるローレット加工の金属ノブ、カチッと倒れるスイッチ、押し込めるキーなどがそうです。ここにあるものはカーコンソールを実際に 3D レンダリングしたものなので、光、影、金属の質感が本物どおりです。
コントロールは本当に動きますか？
はい。ノブはポインター、スクロールホイール、矢印キーで回り、レバーは押さえている間だけカチッと倒れてばねで戻り、キーは押せます。カーコンソールでは温度、シートヒーター、ブレーキ、音量、車高、ドライブモードを設定でき、それに合わせて表示が点灯します。
音は鳴りますか？
はい。どのコントロールにも、小さく間近で鳴る固有の音があります。ノブにはギアのカチッという音、レバーにはクリック音、キーには柔らかな押下音です。音は小さくしたりオフにしたりでき、HTML のダウンロードにも音が残ります。
自分のデザインに使えますか？
無料の UX Pilot アカウントでログインすると、設定したとおりのコントロールの PNG や動く HTML ページをダウンロードしたり、UX Pilot キャンバスでデザインの他の部分の隣に配置したりできます。