{{위키데이터 속성 추적}}
{{소프트웨어 정보
|name         = 메트로 디자인 언어<br />Metro Design Language
|로고         = Microsoft-METRO-UserInterface-Logo Mid2011.svg
|screenshot   = 
|caption      = 
|developer    = [[마이크로소프트]]
|type         = [[디자인 언어]]
|releasedate  =  2010년 처음 출시 ([[윈도우 폰]])
|license      = [[사유 소프트웨어|사유]] EULA ([[오픈 소스]] 구성 요소 포함)
|lifespan   = 2010년 현재
|operating system = [[윈도우 폰]], [[윈도우 8]], [[윈도우 8.1|8.1]], [[윈도우 10|10]], [[엑스박스 360 시스템 소프트웨어|엑스박스 360 대시보드]]
}}
'''메트로'''(Metro)는 [[마이크로소프트]]가 [[타이포그래피]] 기반의 [[디자인 언어]]의 내부 코드명이다. 마이크로소프트 내부적으로는 법적 문제로 인해<ref>{{웹 인용 |url=http://www.bloter.net/archives/121482 |제목=보관된 사본 |확인날짜=2012-08-04 |archive-date=2012-08-06 |archive-url=https://web.archive.org/web/20120806043931/http://www.bloter.net/archives/121482 |url-status= }}</ref> 임시적으로 '모던 UI'(Modern UI)라는 용어를 사용 중이다.<ref>{{웹 인용 |url=http://www.pcworld.com/businesscenter/article/260367/windows_8_metro_is_dead_but_ui_still_needs_a_name.html |제목=Windows 8 'Metro' Is Dead, But UI Still Needs a Name |author=Bradley, Tony |date=4 August 2012 |publisher=[[PCWorld (magazine)|PCWorld]] |accessdate=10 August 2012 |archive-date=2012-08-23 |archive-url=https://web.archive.org/web/20120823062731/http://www.pcworld.com/businesscenter/article/260367/windows_8_metro_is_dead_but_ui_still_needs_a_name.html |url-status=dead }}</ref> 윈도우 10이 레드스톤 2까지는 메트로였는데 레드스톤 3부터 플루언트 디자인으로 바뀌었다.

[[엔카르타|마이크로소프트 엔카르타 95]]에서 타이포그래피와 같은 메트로 원칙을 초기에 이용한 적이 있고 나중에는 [[윈도우 미디어 센터]]와 [[준]]과 같은 제품에까지 발전하였다.<ref>{{웹 인용 |url=http://kruzeniski.com/2011/how-print-design-is-the-future-of-interaction/ |제목=Mike Kruzeniski – How Print Design is the Future of Interaction |publisher=Kruzeniski.com |date= |accessdate=2011-09-08 |보존url=https://www.webcitation.org/665tLLaAb?url=http://kruzeniski.com/2011/how-print-design-is-the-future-of-interaction/ |보존날짜=2012-03-11 |url-status=dead }}</ref> 오늘날 메트로의 원칙은 마이크로소프트의 모바일 운영 체제인 [[윈도우 폰]], [[윈도우 8]], [[윈도우 10]] 등에 적용된다.<ref name="WindowsPhone7UI">{{웹 인용|url= http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/03/18/windows-phone-7-series-ui-design-amp-interaction-guide.aspx| 제목= Windows Phone 7 Series UI Design & Interaction Guide|accessdate= 2010-10-09|date= 2010년 3월 18일}}</ref>

== 원칙 ==
메트로 디자인 언어는 여러 그룹의 공통 작업들을 통합하여 이용 속도를 빠르게 하기 위해 설계되었다. 과도한 그래픽을 제외하는 대신 실제 콘텐츠를 주 UI에 의지하게 함으로써 수행한다. 내부적으로 마이크로소프트는 메트로 디자인 언어의 핵심이 되는 원칙들을 나열해 놓았다.<ref>{{웹 인용 |url=http://www.microsoft.com/design/toolbox/tutorials/windows-phone-7/metro/ |제목=Metro Design Language of Windows Phone 7 &#124; Microsoft Design .toolbox |publisher=Microsoft.com |date= |accessdate=2011-09-08 |보존url=https://www.webcitation.org/6GrKuGlX7?url=http://www.microsoft.com/design/toolbox/tutorials/windows-phone-7/metro/ |보존날짜=2013-05-24 |url-status=dead }}</ref> 애니메이션은 누르기와 같은 사용자 반응, 그리고 전환 효과와 더불어 큰 부분을 차지한다. 사용자에게 이 UI가 살아있고 반응적이라는 인상을 주려는 것이 목적이다.<ref>{{웹 인용|url=http://live.visitmix.com/MIX10/Sessions/CL14|제목=Windows Phone UI and Design Language|accessdate=2010-10-09|보존url=https://www.webcitation.org/6GrKwh8Rn?url=http://channel9.msdn.com/events/mix|보존날짜=2013-05-24|url-status=dead}}</ref><ref>{{웹 인용 | publisher = Windows team blog | date = 2011-02-16 | url = http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/02/16/from-transportation-to-pixels.aspx | 제목 = From Transportation to Pixels}}</ref>

== 사진 ==
<gallery>
파일:Seattle Metro 4.jpg|[[킹 카운티 메트로]] 공항과 메트로 표지판에서 가독성과 깨끗함의 영감을 얻었다.
</gallery>

== 같이 보기 ==
* [[플랫 디자인]]
* [[윈도우 에어로]]
* [[유니버설 윈도우 플랫폼 앱]]

== 각주 ==
<references />

== 외부 링크 ==
* {{위키공용분류-줄}}
* [https://web.archive.org/web/20130606210823/http://www.microsoft.com/design/toolbox/tutorials/windows-phone-7/metro/ Metro Design Language of Windows Phone 7], Microsoft
* [http://msdn.microsoft.com/en-us/library/hh202915%28v=VS.92%29.aspx User Experience Design Guidelines for Windows Phone], Microsoft

{{마이크로소프트 윈도우 계열}}

[[분류:그래픽 사용자 인터페이스]]
[[분류:디자인 언어]]