메트로(디자인 언어)

Metro (design language)
"Modern UI"는 여기에서 리디렉션됩니다.Nullsoft 의 인스톨 시스템에 대해서는, 「Nullsoft Scriptable Install System 」의 「Moder interface」를 참조해 주세요.
「Microsoft Metro」는, 여기서 리다이렉트 됩니다.코드네임 Metro 파일 형식은 Open XML Paper Specification을 참조하십시오.
다음 항목도 참조하십시오.Aero(사용자 인터페이스) 및 Fluent Design 시스템
Windows Phone의 Music+Video 허브

Microsoft Design Language(MDL;[1] 설계 언어)는 Microsoft가 개발한 설계 언어입니다.이 디자인 언어는 타이포그래피와 심플한 아이콘, 번잡하지 않은 점, 콘텐츠 대 크롬 비율('크롬' 이전 콘텐츠), 기본적인 기하학적 형태에 초점을 맞추고 있습니다.MDL 원리의 초기 예는 Encarta 95 및 MSN 2.[2][3]0에서 확인할 수 있습니다.디자인 언어는 Windows Media Center와 Zune에서 발전하여 Windows Phone 7의 공개에서 Metro로 정식 도입되었습니다.이후 Xbox 360 시스템 소프트웨어와 Xbox One 시스템 소프트웨어, Windows 8, Windows Phone 및 [4][5]Outlook.com을 포함한 회사의 다른 여러 제품에 통합되었습니다."Microsoft 디자인 언어"라는 타이틀이 공식화되기 전, 마이크로소프트 이그제큐티브 큐루(Qi Lu)는 MIXX 컨퍼런스 기조연설에서 [6]이 언어를 현대 UI 디자인 언어라고 언급했습니다.마이크로소프트에 따르면, "메트로"는 항상 코드네임이었고 최종 제품으로 의도된 것은 아니었지만, 뉴스 웹사이트들은 이러한 변화가 상표권 [4]문제 때문이라고 한다.

Microsoft Design Language 2(MDL2)는 Windows [7][8]10과 함께 개발되었습니다.그 후 Fluent Design 언어로 확장되었습니다.

역사

디자인 언어는 스위스 고전 그래픽 디자인의 디자인 원리에 기초하고 있습니다.이 스타일은 초기 개념인 [10]Neptune뿐만 아니라 텍스트를 내비게이션의 주요 형태로 선호했던 Windows Media Center for Windows XP Media Center [9]Edition에서 볼 수 있습니다.이 인터페이스는 Media Center의 이후 반복으로 넘어갔습니다.2006년에 Zune은 이러한 원칙을 사용하여 인터페이스를 갱신했습니다.Microsoft 디자이너는 인터페이스를 재설계하고 UI [11]크롬이 아닌 깨끗한 타이포그래피에 중점을 두기로 결정했습니다.이러한 원칙과 새로운 Zune UI는 2010년에 처음 출시된 Windows Phone으로 넘어갔습니다(Windows 8에서는 많은 것을 얻었습니다).Zune 데스크탑 클라이언트도 이전 Zune의 Portable Media Center 기반 UI와는 다른 타이포그래피와 깔끔한 디자인에 중점을 두고 재설계되었습니다.플랫 컬러의 "라이브 타일"은 초기 Windows Phones 연구 중에 디자인 언어에 도입되었습니다.

인터뷰에서 마이크로소프트의 다른 사업부들이 서로의 제품을 사용하고 있으며, 메트로의 확장은 회사 전체의 접근 방식이 아니라 Xbox와 같은 팀이 메트로를 좋아하고 자사 제품에 맞게 개조하는 것이라고 설명했습니다.마이크로소프트의 많은 사업부들이 결국 [12]메트로를 채택하게 되었다.

Microsoft Design Language 2(MDL2)는 Windows 10과 함께 개발되었습니다.이 버전에서는 날짜 피커, 토글 및 스위치 등 새로운 위젯 세트가 도입되어 모든 사용자 인터페이스 [7][8]요소의 테두리 두께가 감소했습니다.

원칙

Windows 8(위) 및 Windows 10(아래)의 Segoe UI 글꼴
Windows 8 및 Xbox One(위) 및 Windows 10 "Threshold"(아래)의 시작 화면 뒤에 있는 Microsoft 설계 언어 설계 원칙. Windows Store, Xbox Music 및 Xbox 비디오에서도 사용되는 타일은 정보의 원자 단위를 나타냅니다.

마이크로소프트의 디자인 팀은 대중 [13]교통 시스템에서 흔히 볼 수 있는 디자인 언어 표지에 대한 영감을 인용합니다.디자인 언어는 좋은 타이포그래피에 중점을 두고, 눈에 띄는 큰 텍스트가 있습니다.Microsoft는 이 디자인 언어를 Windows, Android [14]및 iOS의 아이콘 기반 인터페이스에서 "슬리크, 퀵, 모던" 및 "리프레쉬"로 보고 있습니다.모든 인스턴스는 Agfa Monotype의 Steve Matteson에 의해 설계되고 Microsoft에 라이선스된 Segoe 글꼴 패밀리를 기반으로 글꼴을 사용합니다.Zune의 경우 Microsoft는 Zegoe [15]UI라고 하는 커스텀 버전을, Windows Phone의 경우 Microsoft는 Segoe WP 글꼴 패밀리를 작성했습니다.글꼴은 대부분 사소한 부분만 다릅니다.Segoe UI와 Segoe WP의 보다 분명한 차이는 각각의 숫자 문자에서 나타난다.Windows 8 의 Segoe UI 폰트는, Segoe WP 와 같은 명백한 차이가 있었습니다.인쇄상의 변화가 현저한 문자에는 1, 2, 4, 5, 7, 8, I 및 Q가 포함됩니다.

Joe Belfiore는 메트로의 건축가 중 한 명이었다.Nokia World 2011에서 Belfiore는 UI가 텍스트 요소와 아이콘그래피에서 "예술적인" 것을 목표로 한다고 설명했다.그는 특히 Windows Phone에서 라이브 타일, 움직이는 점, 그리고 키네틱 [16]스크롤의 UI의 "모션"에 대해서도 언급했다.

Microsoft는 공통 태스크 그룹을 통합하여 사용 속도를 높일 수 있도록 설계 언어를 특별히 설계했습니다.불필요한 그래픽을 배제하고 실제 콘텐츠에 의존하여 메인 UI로 기능함으로써 이를 실현합니다.그 결과, 인터페이스는 작은 버튼보다 큰 허브를 선호하며, 종종 가로 스크롤 캔버스가 특징입니다.페이지 제목은 보통 크기 때문에 횡방향 스크롤도 이용할 수 있습니다.

애니메이션이 큰 역할을 한다.Microsoft 에서는, 자연스러운 애니메이션이나 모션을 사용해, 이행이나 유저의 조작(누름이나 스위프 등)을 일관되게 확인할 것을 권장합니다.이는 사용자에게 "깊이가 [17][18]더해진" "생동감 있고 반응성이 빠른 UI"의 인상을 주는 것을 목적으로 합니다.

접수처

온모바일

그 언어에 대한 초기 반응은 대체로 긍정적이었다.ZuneHD의 검토에서 엔가젯,"마이크로 소프트 여기서 큰 인쇄술을 향해 진격 계속해서, 매력적이라고 생각하는 거의 기능 면에서도 뛰어나는 정교한 깔끔하게 설계된 레이아웃을 주고 있다고 밝혔습니다."[19]해군 교육 사령부 있다며 디자인 언어를 칭찬했다,"it의 조금 더 그리고 비공식적 월의 살균된 아이콘 그리드와 롤로 덱스 메뉴보다 대담한.ePhone과 iPod [20]Touch를 제공합니다."

IDEA 2011 시상식에서 산업디자이너협회(IDSA)는 UI를 사용하는 Windows Phone 7, 골드 인터랙티브 상, 피플스 초이스 상 및 베스트 인 쇼 [21][22]상을 수여했습니다.IDSA의 사용자 경험 컨설턴트 Isabel Ancona는 Windows Phone이 수상하게 된 이유를 다음과 [23]같이 설명합니다.

여기서의 혁신은 윈도우와 프레임의 기존 사용자 인터페이스 규칙을 사용하지 않고 데이터에 대한 유연성과 집중력입니다.데이터는 시각적 요소와 제어 요소가 됩니다.간단한 제스처와 전환으로 사용자는 콘텐츠로 더 깊이 들어갈 수 있습니다.정말 우아하고 독특한 경험.

UI는 여성 및 처음 사용하는 [24]사용자들의 반응이 더 좋았던 것으로 알려졌다.

비판은 특히 모든 대문자의 사용에 초점을 맞췄다.인터넷 사용이 증가하면서 비평가들은 이것을 컴퓨터 프로그램이 사용자에게 소리치는 것에 비유했다.IT기자 리 허친슨처럼 무서운," 미친 비표준 단위 응용 프로그램 윈도 메뉴를 모든 CAPS IN은은 헛간 뒤에 그들을 데려가는 걸까, 그들을 끼얹다 휘발유, 불에 맞추고자 OSX의 디자인 규칙을 위반하지 않아 저주 받은다고 주장하며 연습의 원 노트의 macOS 버전으로 마이크로 소프트의 사용을 묘사했다."[25]

Windows 8 데스크톱

Windows 8의 등장으로 운영체제의 사용자 인터페이스와 디자인 언어의 사용은 대체로 부정적인 반응을 이끌어냈다.2012년 8월 25일 Ars Technica의 Peter Bright는 Windows 8의 프리뷰 릴리스를 검토하면서 리뷰의 첫 부분을 Windows 8과 Windows 7에서 사용되는 시작 메뉴 디자인 비교에 할애했습니다.Peter Bright는 장단점을 설명하면서 Windows 8의 [시작(Start)]메뉴(더블 스타트 화면)가 문제가 없는 것은 아니지만 확실한 승자라고 결론지었다.그러나 그는 윈도8의 사용자 인터페이스가 불만스럽고 사용자 인터페이스의 다양한 측면이 서로 [26]잘 작동하지 않는다고 결론지었다.Woody Leonhard는 "사용자의 관점에서 Windows 8은 실패입니다.사용자를 한 [27]번에 두 방향으로 끌어당기는 어색한 사고입니다."라고 말했습니다.

Windows 8은 시작 메뉴에 대한 변경과 더불어 아이콘 기반 데스크톱 인터페이스에 대한 의존을 피하는 풀스크린 앱을 사용하여 보다 모달적인 접근 방식을 취합니다.그러나, 그 결과, Microsoft는, 멀티태스킹과 비즈니스 [28]생산성의 중심에서 벗어났습니다.

이름 변경

2012년 8월, The Verge는 개발자와 마이크로소프트 직원에게 내부 각서가 발송되어 "유럽의 중요한 파트너와의 논의"를 이유로 "메트로"라는 용어를 "사용 중단"하기로 결정했으며, "대체 [29]기간을 마련 중"이라고 발표했습니다.로 이름이 잠재력 i. 수 있는 이 뉴욕 타임즈 Company[35]과 BBC뉴스 Online[36]에서 기술은 언론 매체들은 아르스 Technica,[30]TechRadar,[31일]CNET,[32]Engadget[33]와 네트워크 World[34]과 mainstream 프레스 비트를 블로그는 공범이 이 메모에서 언급될 수 있다 마이크로 소프트의 소매 제휴사들, 독일 회사 메트로 AG의 출판했다그들의"메트로"tr에 Nfringe.ademark.마이크로소프트는 나중에 이 이름의 강조를 해제한 이유는 현재 소송과 관련이 없으며,[38] "메트로"는 대중에게 브랜드를 대대적으로 홍보했음에도 불구하고 내부 프로젝트 [37]코드명에 불과하다고 밝혔다.어떤 맥락에서, 회사는 "Modern" 또는 더 일반적인 "Windows 8" 수식어를 새로운 디자인을 지칭하기 위해 사용하기 시작했습니다. 아마도 자리 [39]표시자일 것입니다.

2012년 9월, 「Microsoft design language」가 디자인 [1][40]스타일의 정식 명칭으로 채용되었습니다.이 용어는 Microsoft Developer Network 문서[41][42][43][44] 및 2012 빌드 컨퍼런스에서 설계 [1][45]언어를 지칭하기 위해 사용되었습니다.

이와 관련하여 마이크로소프트는 Windows [40]Store를 통해 배포되는 모바일 앱을 지칭하기 위해 "메트로 스타일 앱"이라는 문구를 사용하지 않았습니다.

「 」를 참조해 주세요.

레퍼런스

  1. ^ a b c Foley, Mary Jo (29 October 2012). "Microsoft Design Language: The newest official way to refer to 'Metro'". ZDNet. CBS Interactive.
  2. ^ Green, Jay (8 February 2012). "Why Metro now rules at Microsoft". CNET. CBS Interactive.
  3. ^ Massey, Stephane (15 February 2012). "Metro Ui [sic] Design Principles". stephanemassey.com. Self-published. Archived from the original on 2 August 2018. Retrieved 17 February 2012.
  4. ^ a b Chang, Alexandra (8 August 2012). "Microsoft Doesn't Need a Name for Its User Interface". Wired. Condé Nast.
  5. ^ Kruzeniski, Mike (11 April 2011). "How Print Design is the Future of Interaction". Kruzeniski.com. Self-published. Archived from the original on 14 March 2012. Retrieved 27 August 2011.
  6. ^ Lu, Qi (1 October 2012). "Qi Lu: IAB MIXX Conference Keynote". News Center. Microsoft.
  7. ^ a b Sams, Brad (21 April 2015). "From Metro to Microsoft Design Language 2: a side-by-side comparison". Neowin.
  8. ^ a b Rubino, Daniel (21 April 2015). "What's new in Microsoft Design Language 2 for Windows 10". Windows Central. Mobile Nations.
  9. ^ Lefevers, Jason (15 September 2013). "A Walkthrough the History of the Metro UI". Windows Phone Metro. Self-published. Archived from the original on 22 May 2013. Retrieved 15 September 2013.
  10. ^ "SuperSite Flashback: Neptune". 6 August 2013.
  11. ^ "Windows Phone Design System: Codenamed 'Metro'". Archived from the original (PDF) on 27 November 2014. Retrieved 9 October 2010.
  12. ^ "Sometimes, Microsoft Designs Great Things. Here's Why It Doesn't Ever Matter". 25 January 2014.
  13. ^ "Design Language of Windows Phone 7". .toolbox. Microsoft. Archived from the original on 9 October 2012. Retrieved 5 October 2012.
  14. ^ Hamburger, Ellis (27 April 2011). "Metro". Business Insider. Archived from the original on 23 April 2013.
  15. ^ Zheng, Long (14 November 2007). ""Zegoe", the new Zune font". i started something. Self-published.
  16. ^ "Building a different kind of UI".
  17. ^ Roberts, Chad; Shum, Albert; Smuga, Michael (15 March 2010). "Windows Phone UI and Design Language". MIX 2010. Microsoft.
  18. ^ Kruzeniski, Mike (17 February 2011). "From Transportation to Pixels". Windows Phone Developer Blog. Microsoft. Archived from the original on 18 February 2011.
  19. ^ Topolsky, Joshua (17 September 2009). "Zune HD review". Engadget. AOL.
  20. ^ "Zune HD 64GB Review". CNET. CBS Interactive. 17 September 2009.
  21. ^ Warren, Tom (18 September 2011). "Windows Phone wins IDEA 2011 – people's choice design award". WinRumors. Archived from the original on 3 March 2012.
  22. ^ "IDEA 2011 Best in Show". Industrial Designers Society of America. idsa.org. 23 September 2011. Archived from the original on 25 February 2014.
  23. ^ "Windows Phone 7". Industrial Designers Society of America. idsa.org. 8 June 2011.
  24. ^ "Building a different kind of UI".
  25. ^ Hutchinson, Lee (12 July 2014). "The software design trends that we love to hate". Ars Technica. Condé Nast.
  26. ^ Bright, Peter (25 April 2012). "Windows 8 on the desktop—an awkward hybrid". Ars Technica. Condé Nast Digital. pp. 1–5.
  27. ^ Leonhard, Woody (15 August 2012). "Windows 8 review: Yes, it's that bad". InfoWorld. IDG.
  28. ^ Barney, Doug (17 August 2012). "Windows 8's done, time to worry". Redmond Magazine. 1105 Media.
  29. ^ Warren, Tom (2 August 2013). "Exclusive: Microsoft's Metro branding to be replaced 'this week' according to internal memo". The Verge. Vox Media.
  30. ^ Bright, Peter (3 August 2012). "Microsoft: "Metro" out, "Windows 8-style UI" in, amid rumors of a trademark dispute". Ars Technica. Condé Nast.
  31. ^ Smith, Chris (3 August 2012). "Microsoft ditching 'Metro' name for Windows 8 amid trademark fears". TechRadar. Retrieved 24 September 2013.
  32. ^ Whitney, Lance (10 August 2012). "Why did Microsoft kill the name 'Metro'?". CNET. CBS Interactive.
  33. ^ Fingas, Jon (2 August 2012). "Microsoft downplays Metro design name, might face a lawsuit over all that street lingo". Engadget. AOL.
  34. ^ Patrizio, Andy (6 August 2012). "Source confirms Microsoft abandoned Metro due to trademark gaffe". Network World. IDG.
  35. ^ Wingfield, Nick (3 August 2012). "Microsoft Drops Metro Name for New Product Look". Bits Blog. The New York Times Company.
  36. ^ "Microsoft to drop 'Metro' name for Windows". BBC News Online. BBC. 3 August 2012.
  37. ^ Foley, Mary Jo (2 August 2012). "Is 'Metro' now a banned word at Microsoft?". ZDNet. CBS Interactive.
  38. ^ Humphries, Matthew (3 August 2012). "Microsoft discontinues use of Metro name". Geek.com. Archived from the original on 16 June 2015. Retrieved 13 June 2015.
  39. ^ Keizer, Gregg (10 August 2012). "Microsoft replaces 'Metro' with 'Windows 8' and 'Modern' labels". Computerworld. Retrieved 30 January 2020.
  40. ^ a b "Microsoft finally comes clean(er) on post-Metro naming plans". ZDNet. CBS Interactive. 12 September 2012.
  41. ^ "Make great Windows Store apps". MSDN. Microsoft. Retrieved 5 August 2017.
  42. ^ "Design case study: iPad to Windows Store app". MSDN. Microsoft. Retrieved 28 May 2013.
  43. ^ "Guidelines for typography". MSDN. Microsoft. Retrieved 28 May 2013.
  44. ^ "Roadmap for Windows Store apps using DirectX and C++". MSDN. Microsoft. Retrieved 28 May 2013.
  45. ^ Tschumy, Will (16 November 2012). "The Microsoft design language". Channel 9. Microsoft.

외부 링크