最近あるプロジェクトで、同僚があるウェブアプリのデザインのベースとしてグラスモーフィズムを使っていたと話してくれました。私はというと、デザインするときは流れに身を任せ、決まったスタイルに閉じこもるのではなく、インスピレーションとして参考にしたものに従うのが常です。とはいえ、これらのスタイルが基準やベストプラクティスを備えていて、スタイルに関する疑問に答える指針になるため、どんなインターフェースのデザインも格段に楽で速くなることは否定できません。
この記事では、デザイナーなら知っておくべき12のスタイルという最も重要なものをまとめます。プロジェクトのUIデザインの基礎を探して迷った時に救ってくれるかもしれません。
フラットデザイン
フラットデザインは、平面的で単色の要素を使って、シンプルでエレガントなインターフェースを作ります。影やグラデーションを避け、色数を抑えたパレットで、すっきりとしたミニマルな見た目を実現します。ミニマルデザインと混同しないでください。関連はありますが、ミニマルデザインは「少ないほど豊か」という考え方に近く、UXとの結びつきが強いものです。
マテリアルデザイン
マテリアルデザインはGoogleが考案したもので、影、レイヤー、奥行きの効果を使って、ユーザーインターフェースに立体的な見た目を作ることに重点を置いています。鮮やかで彩度の高いカラーパレットや、独自のアイコンやグラフィック要素を使い、Googleのすべてのアプリで一貫したユーザー体験を生み出します。
スキューモーフィズム
スキューモーフィズムは、現実世界の物体を模倣するために、リアルな質感、影、光を使うデザインの傾向です。デジタルインターフェースを、ユーザーにとってより触感があり身近に感じられるものにすることを目的としています。
ニューモーフィズム
ネオモーフィズムデザインは、要素が浮き彫りになったり表面上に浮かんでいるように見えるUIデザインスタイルで、柔らかでふわふわした外観を作り出します。
グラスモーフィズム
グラスモーフィズムは、ガラスやアクリルのように半透明に見えるインターフェース要素を作ることに重点を置いています。このスタイルは影と光の効果を使って、立体的で光沢のある見た目を作ります。よりリアルで洗練されたユーザー体験を生み出すことが目的で、デザインアプリや高い美的品質が求められるユーザーインターフェースで特に効果的です。
ここでおまけとして、2つのカテゴリーを挙げておきます。厳密にはスタイルというより、その性質上とても独特なインターフェースシステムに合わせて作られたあらゆるインターフェースを包含するファミリーです。
拡張現実（AR）デザイン
拡張現実（AR）デザインは、AR技術を使って没入感のあるインタラクティブなユーザー体験を作ります。デバイスのカメラを通じて現実世界に統合されるユーザーインターフェース要素の制作に重点を置いています。
仮想現実（VR）デザイン
仮想現実（VR）デザインは、仮想現実環境向けのユーザーインターフェースを作ることに重点を置いています。そこでは、モーションコントローラーや触覚グローブなどの入力デバイスを使って、仮想の物体や環境とやりとりできます。
結論
すべてのデザインスタイルは、そのスタイルがもたらす解決策と相性のよい特徴を持つ、特定のプロジェクトに最も適したツールです。それを土台にするのはとてもよい考えですが、私は、自由に工夫してデザインに独自性を持たせたり、そのスタイルだけでは解決できないかもしれない問題に対して革新的なアイデアやより適した解決策を提案したりすることは、いつでも可能だと考えています。適度に使い、組み合わせ、客観的な判断で創造してください。
