Modern UI
| Modern design language as used in the "Music + Videos" hub in Windows Phone. | |
| 開発元 | マイクロソフト |
|---|---|
| 対応OS | Windows Embedded CE 7.0, Windows 8 |
| ライセンス | プロプラエタリ EULA with オープンソース コンポーネント |
Modern は、マイクロソフトが作り出したユーザインタフェース (UI) である。コードネームは「Metro」だった[1]が、商標問題により、2012年8月より使われなくなった。詳細は後述。フォントには、マイクロソフトのSegoeをカスタマイズした Segoe WP が使用される[1]。主に、Modern UIを採用している製品はWindows PhoneやWindows 8であるが、マイクロソフトはXbox 360など他の製品にもModernを実装する計画である[2]。
目次 |
経緯 [編集]
Modern UIは、スイスのクラシカルなデザインを基にしている。この傾向は、文章を基調としたナビゲーションUIを採用したWindows XP Media Center editionのWindows Media Centerからも垣間見ることができる。2006年にはZuneのインタフェースがModernのデザインを利用したものとなり、マイクロソフトの設計者はメッキのようなアイコンを使ったUIよりも、簡潔なタイポグラフィに焦点をあわせることを決めた[3]。Zuneのデスクトップクライアントも再設計され、以前の Portable Media Center を基にしたUIとは異なったものとなっている。単色で塗りつぶされたライブタイルは初期のWindows Phoneの研究段階でModernに導入された。2009年2月には マイクロソフトはModern UIを他の製品に組み込みはじめ、この直接的影響は最新版のWindows Live MessengerやLive Meshで確認することができる[1]。2010年2月にはModern UIを採用した新しいWindows Phone 7が発表され、2011年6月には、Modern UIを採用したWindows 8が公開され、それ以降に発表された製品、Microsoft Office 2013などにもModernを採用している。
開発 [編集]
マイクロソフトの設計チームによると、Modern UIはロンドンの地下鉄の標識を基調にしている[3]。ロンドンの地下鉄は大きなフォントと読みやすさに重点をおいている。マイクロソフトはこれは、「お洒落、わかりやすい、モダン」と評しており、AndroidやiOSなどのアイコンベースUIを「リフレッシュ」するものだとしている。"Metro" ではAgfa Monotypeのスティーヴ・マテスンが開発した Segoe が使われている。マイクロソフトはこれまでに、Zegoe UIと呼ばれるZune向けのカスタムバージョン、Windows Phone向けの Segoe WPフォントファミリーを作成している。
MetroからModernに [編集]
それまでマイクロソフトが(コードネームとしてではなく正式に)使っていたMetroという名称が、2012年8月から突然使われなくなった。マイクロソフトのパートナー企業であるドイツの小売大手Metro AGから商標に関するクレームがあったのではないかと推測されている[4]。また、Metroから別の名称に変更されることはすでにMicrosoftから確認されているが、変更後の名称はひっそりと発表され、Windows 8の公式ブログ「Building Windows 8」で「Modern UI」と書かれていたことから、新名称が明らかとなった。しかし、「Windows 8スタイル」と呼ばれたり、「Modernスタイル」・・など、ほかにもさまざまな呼び方があるといわれているため、ややこしくなっている。また、まだMetro UIが正式名称であったWindows 8の初期ビルド (Build 7850) では、Modern UIを採用したPDFアプリ「Modern」が搭載されていた。これと何らかの関係があるのかは不明。
関連項目 [編集]
参考 [編集]
- ^ a b c “Windows Phone 7 Series UI Design & Interaction Guide” (2010年3月18日). 2010年10月9日閲覧。
- ^ http://blog.seattlepi.com/microsoft/2011/06/06/e3-xbox-360-getting-tv-tuner-bing-search-metro-interface
- ^ a b “Windows Phone Design System: Codenamed ‘Metro’ (PDF)”. 2010年10月9日閲覧。
- ^ “マイクロソフト、「Metro」という名称を「Windows 8」に変更か”. CNET Japan. (2012年8月10日) 2012年8月10日閲覧。