コンテンツにスキップ

Modern UI

出典: フリー百科事典『ウィキペディア(Wikipedia)』

これはこのページの過去の版です。EmausBot (会話 | 投稿記録) による 2012年8月12日 (日) 12:33個人設定で未設定ならUTC)時点の版 (r2.7.2+) (ロボットによる 変更: en:Modern UI (design language))であり、現在の版とは大きく異なる場合があります。

Metro Design Language
開発元 マイクロソフト
対応OS Windows Embedded CE 7.0
ライセンス プロプラエタリ EULA with オープンソース コンポーネント
テンプレートを表示

Metro は、マイクロソフトによって Windows Phone 7 のために開発されたタイポグラフィを基調とした UI 設計言語の内部コードネームである[1]。フォントには、マイクロソフトの Segoe をカスタマイズした Segoe WP が使用される[1]。また、Windows の次のバージョンである Windows 8 にも、Metro をインスパイアした UI が採用される。Microsoft は Xbox 360 など他の製品にも Metro を実装する計画である[2]

経緯

Metro UI は、スイスのクラシカルなデザインを基にしている。この傾向は、文章を基調としたナビゲーション UI を採用した Windows XP Media Center editionWindows Media Center からも垣間見ることができる。2006年には Zune のインタフェイスが Metro のデザインを利用したものとなり、マイクロソフトの設計者はメッキのようなアイコンを使った UI よりも、簡潔なタイポグラフィに焦点をあわせることを決めた[3]。Zune のデスクトップクライアントも再設計され、以前の Portable Media Center を基にした UI とは異なったものとなっている。単色で塗りつぶされたライブタイルは初期の Windows Phone の研究段階で Metro に導入された。2009年2月には マイクロソフトは Metro UI を他の製品に組み込みはじめており、この直接的影響は最新版の Windows Live MessengerLive Mesh で確認することができる[1]

開発

A King County Metro Airport and metro signage also inspired this design language for its readability and cleanliness.

Microsoft の設計チームによると、Metro UI はロンドンの地下鉄の標識を基調にしている[3]。ロンドンの地下鉄は大きなフォントと読みやすさに重点をおいている。マイクロソフトはこれは、「お洒落、わかりやすい、モダン」と評しており、AndroidiOS などのアイコンベース UI を「リフレッシュ」するものだとしている。"Metro" では Agfa Monotype のスティーヴ・マテスン英語版が開発した Segoe が使われている。マイクロソフトはこれまでに、Zegoe UI と呼ばれる Zune 向けのカスタムバージョン、Windows Phone 7 向けの Segoe WP フォントファミリーを作成している。

反響

Metro UI への反響は概ね良好である。Engadget は「マイクロソフトは、魅力的で洗練されたデザインレイアウトを提供する巨大なこのタイポグラフィへの道を進み続けている」(Microsoft continues its push towards big, big typography here, providing a sophisticated, neatly designed layout that's almost as functional as it is attractive.)[4]と評し、CNET は「タイトで消毒されてしまったようなアイコングリッドや回転式名刺整理機のような iPhone や iPod Touch と比べると堅苦しさがなく大胆不敵だ」(It's a bit more daring and informal than the tight, sterile icon grids and Rolodex menus of the iPhone and iPod Touch.)[5]と評している[要出典]

名称

それまでマイクロソフトが(コードネームとしてではなく正式に)使っていた Metro という名称が、2012年8月から突然使われなくなった。マイクロソフトのパートナー企業であるドイツの小売大手 Metro AG から商標に関するクレームがあったのではないかと推測されている[6]

関連項目

参考

  1. ^ a b c Windows Phone 7 Series UI Design & Interaction Guide” (March 18, 2010). 2010年10月9日閲覧。
  2. ^ http://blog.seattlepi.com/microsoft/2011/06/06/e3-xbox-360-getting-tv-tuner-bing-search-metro-interface
  3. ^ a b Windows Phone Design System: Codenamed ‘Metro’” (PDF). 2010年10月9日閲覧。
  4. ^ Zune HD (2009年9月17日). “Zune HD review”. Engadget. 2012年3月3日閲覧。
  5. ^ Zune HD 64GB Review”. CNET. 2012年3月3日閲覧。
  6. ^ “マイクロソフト、「Metro」という名称を「Windows 8」に変更か”. CNET Japan. (2012年8月10日). http://japan.cnet.com/sp/allaboutms/35020302/ 2012年8月10日閲覧。