Modern UI

Modern Design Language
Modern UI を使用した Windows 8 のスタート画面イメージ
開発元 マイクロソフト
初版 2010年 (Windows Phone 7)
対応OS Windows 8、 Xbox、Windows Phone など
後継 Microsoft Design Language 2
ライセンス オープンソースコンポーネントを伴うプロプラエタリEULA
テンプレートを表示

Modern UI(モダン・ユーアイ)は、マイクロソフトが開発したユーザインタフェース (UI) である。Windows PhoneWindows 8などで採用され、以来マイクロソフト製品の多くで実装された。

特徴

以前のWindowsに採用されていたLunaあるいはWindows AeroやPortable Media Centerとは異なり、ビビッドな単色基調とした、大きなフォントと読みやすさに重点をおいたフラットデザインである。簡潔なタイポグラフィに焦点をあわせられ[1]、Modern(モダン)と称している。Windows Phone や Windows 8 のスタート画面などでは、一目で情報が手に入れられるよう、「ライブタイル」と呼ばれるアプリケーションのタイルの中に、ニュースやメッセージなどの文字も表示されるようになっている。別の項目へ移動する場合は横スクロールを行うことや、タイルの四隅などに見られるように直線的なデザインになっていることも特徴といえる。

フォントはAgfa Monotypeのスティーヴ・マテスン(英語版)が開発した Segoeベースのものが使われている。カスタムバージョンとしてZune向けのZegoe UI、Windows Phone向けのSegoe WPなど多くの種類が作成されている。

経緯

Modern UI の基調の1つとなった King County Metro(英語版) の標識デザイン

2010年に開催されたWindows Phone 7発表イベントと同時に、スイスのクラシカルなデザインや、ロンドンの地下鉄の標識などを基調として[1]コードネーム "Metro UI" として発表されたものが最初である[2]。だが、この発表の前にも文章を基調としたデザインの傾向は、Windows XP Media Center editionに搭載されたWindows Media Centerからも垣間見られ、2006年に発売されたZuneのインタフェースもほぼ同じものとなっている。現在は様々なマイクロソフト製品に採用され、最新版のWindows Live MessengerLive MeshMicrosoft OfficeOutlook.comなどにも影響が確認される。2012年には25年ぶりにModern UIをベースとした社名ロゴへの変更も行われた。同年発表されたWindows 8により、マイクロソフト製品の主軸であるデスクトップ向けオペレーティングシステムにも使用されはじめ、マイクロソフトのスタンダードなUIとなりつつある。

MetroからModernに

2012年8月より、"Metro" という名称が突然使われなくなった。マイクロソフトのパートナー企業であるドイツの小売大手Metro AGに、商標権侵犯により訴訟すると言われたのではないかと推測されている[3][4]。マイクロソフトとしては、Metroは元々社内のコードネームであり、商用のブランド名ではないとして、変更を予定していたとされている。未だに新名称の正式発表はされておらず、一時は「Windows 8 スタイル」や「Modern スタイル」など、様々な名称が使用されていた。Windows 8の公式ブログ「Building Windows 8」で「Modern UI」と書かれていたことから、現在は主にこの名前が使用されている。

なお、まだMetro UIが正式名称だったWindows 8の初期ビルド (Build 7850) では、Modern UIを採用したPDF アプリ「Modern」が搭載されていた。

脚注

[脚注の使い方]
  1. ^ a b “Windows Phone Design System: Codenamed ‘Metro’” (PDF). 2010年10月9日閲覧。[リンク切れ]
  2. ^ “Windows Phone 7 Series UI Design & Interaction Guide” (2010年3月18日). 2010年10月9日閲覧。
  3. ^ “マイクロソフト、「Metro」という名称を「Windows 8」に変更か”. CNET Japan. (2012年8月10日). https://japan.cnet.com/article/35020302/ 2012年8月10日閲覧。 
  4. ^ “Microsoft: “Metro” out, “Windows 8-style UI” in, amid rumors of a trademark dispute”. arstechnica. (2012年8月3日). http://arstechnica.com/information-technology/2012/08/microsoft-metro-out-windows-8-style-ui-in-amid-rumors-of-a-trademark-dispute/ 2013年11月4日閲覧。 

関連項目