본문 바로가기
카테고리 없음

Windows Metro Design

by constimiralula 2020. 11. 4.


The Music+Video hub on Windows Phone

Microsoft design language (or MDL)[1] is a design language created by Microsoft. This design language is focused on typography and simplified icons, absence of clutter, increased content to chrome ratio ('content before chrome'), and basic geometric shapes. Early examples of MDL principles can be found in Encarta 95 and MSN 2.0.[2][3] The design language evolved in Windows Media Center and Zune and was formally introduced as Metro during the unveiling of Windows Phone 7. It has since been incorporated into several of the company's other products, including the Xbox 360 system software, Xbox One, Windows 8, Windows Phone, and Outlook.com.[4][5] Before the 'Microsoft design language' title became official, Microsoft representative Qi Lu referred to it as the modern UI design language in his MIXX conference keynote speech.[6] According to Microsoft, 'Metro' has always been a codename and was never meant as a final product, but news websites attribute this change to trademark issues.[4]

Microsoft Design Language 2 (MDL2) was developed alongside Windows 10.[7][8] Later, the Fluent Design language extended it.

  • Windows Metro UI. Metro is the nickname of Microsoft Design Language (MDL). Metro is focused on typography, simplified icons, and modern colors. This example shows how to use Windows Metro colors.
  • Apr 18, 2015  Ex-Microsoft Designer Explains the Move Away from Metro. You may have loved Windows Phone and Metro, but it had to change. He thinks the current UX design of Windows 10/Phone is pretty.

The Music+Video hub on Windows Phone. Metro (officially known as Microsoft design language or MDL) is a design language created by Microsoft. This design language is focused on typography and simplified icons, absence of clutter, increased content to chrome ratio ('content before chrome'), and basic geometric shapes.

  • 3Reception

History[edit]

The design language is based on the design principles of classic Swiss graphic design. Early glimpses of this style could be seen in Windows Media Center for Windows XP Media Center Edition,[9] which favored text as the primary form of navigation. This interface carried over into later iterations of Media Center. In 2006, Zune refreshed its interface using these principles. Microsoft designers decided to redesign the interface and with more focus on clean typography and less on UI chrome.[10] These principles and the new Zune UI were carried over to Windows Phone (from which much was drawn for Windows 8). The Zune Desktop Client was also redesigned with an emphasis on typography and clean design that was different from the Zune's previous Portable Media Center based UI. Flat colored 'live tiles' were introduced into the design language during the early Windows Phones studies.

Microsoft Design Language 2 (MDL2) was developed alongside Windows 10. This version introduced a new set of widgets, including date pickers, toggles and switches, and reduced the border thicknesses for all user interface elements.[7][8]

Right click on the Start button, click onCommand Prompt (Admin). Type “ sfc /scannow” without the quotes and hitEnter. Dll files download.

Principles[edit]

Segoe UI font in Windows 7 (top) and Windows 8 (bottom)
Microsoft design language design principles behind the Start screen in Windows 8 and Xbox One (top) and Windows 10 'Threshold' (bottom), that is also used in Windows Store, Xbox Music and Xbox Video: Tiles represent atomic units of information

Microsoft's design team cites as an inspiration for the design language signs commonly found at public transport systems.[11] The design language places emphasis on good typography and has large text that catches the eye. Microsoft sees the design language as 'sleek, quick, modern' and a 'refresh' from the icon-based interfaces of Windows, Android, and iOS.[12] All instances use fonts based on the Segoe font family designed by Steve Matteson at Agfa Monotype and licensed to Microsoft. For the Zune, Microsoft created a custom version called Zegoe UI,[13] and for Windows Phone Microsoft created the Segoe WP font family. The fonts mostly differ only in minor details. More obvious differences between Segoe UI and Segoe WP are apparent in their respective numerical characters. The Segoe UI font in Windows 8 had obvious differences – similar to Segoe WP. Characters with notable typographic changes included 1, 2, 4, 5, 7, 8, I, and Q.

Microsoft designed the design language specifically to consolidate groups of common tasks to speed up usage. It achieves this by excluding superfluous graphics and instead relying on the actual content to function as the main UI. The resulting interfaces favor larger hubs over smaller buttons and often feature laterally scrolling canvases. Page titles are usually large and consequently also take advantage of lateral scrolling.

Animation plays a large part. Microsoft recommends consistent acknowledgement of transitions, and user interactions (such as presses or swipes) by some form of natural animation or motion. This aims to give the user the impression of an 'alive' and responsive UI with 'an added sense of depth'.[14][15]

Reception[edit]

Before Windows 8[edit]

Early response to the language was generally positive. In a review of the Zune HD, Engadget said, 'Microsoft continues its push towards big, big typography here, providing a sophisticated, neatly designed layout that's almost as functional as it is attractive.'[16]CNET complimented the design language, saying, 'it's a bit more daring and informal than the tight, sterile icon grids and Rolodex menus of the iPhone and iPod Touch.'[17]

At its IDEA 2011 Ceremony, the Industrial Designers Society of America (IDSA) gave Windows Phone 7, which uses the UI, its 'Gold Interactive' award, its 'People's Choice Award', and a 'Best in Show' award.[18][19] Isabel Ancona, the User Experience Consultant at IDSA, explained why Windows Phone won:[20]

The innovation here is the fluidity of experience and focus on the data, without using traditional user interface conventions of windows and frames. Data becomes the visual elements and controls. Simple gestures and transitions guide the user deeper into content. A truly elegant and unique experience.

Criticism particularly focused on the use of all caps text. With the rise of Internet usage, critics have compared this to a computer program shouting at its user. IT journalist Lee Hutchinson described Microsoft's use of the practice in the macOS version of OneNote as terrible, claiming that it is 'cursed with insane, non-standard application window menus IN ALL CAPS that doesn’t so much violate OS X’s design conventions as it does take them out behind the shed, pour gasoline on them, and set them on fire.'[21]

After Windows 8[edit]

With the arrival of Windows 8, the operating system's user interface and its use of the design language drew generally negative critical responses. On 25 August 2012, Peter Bright of Ars Technica reviewed the preview release of Windows 8, dedicating the first part of the review to a comparison between the Start menu designs used by Windows 8 and Windows 7. Recounting their pros and cons, Peter Bright concluded that the Start menu in Windows 8 (dubbed Start screen), though not devoid of problems, was a clear winner. However, he concluded that Windows 8's user interface was frustrating and that the various aspects of the user interface did not work well together.[22] Woody Leonhard was even more critical when he said, 'From the user's standpoint, Windows 8 is a failure – an awkward mishmash that pulls the user in two directions at once.'[23]

In addition to the changes to the Start menu, Windows 8 takes a more modal approach with its use of full-screen apps that steer away from reliance on the icon-based desktop interface. In doing so, however, Microsoft has shifted its focus away from multitasking and business productivity.[24]

Name change[edit]

Windows Metro Design

In August 2012, The Verge announced that an internal memorandum had been sent out to developers and Microsoft employees announcing the decision to 'discontinue the use' of the term 'Metro' because of 'discussions with an important European partner', and that they were 'working on a replacement term'.[25] Technology news outlets Ars Technica,[26]TechRadar,[27]CNET,[28]Engadget[29] and Network World[30] and mainstream press Bits Blog from The New York Times Company[31] and the BBC News Online[32] published that the partner mentioned in the memo could be one of Microsoft's retail partners, German company Metro AG, as the name had the potential to infringe on their 'Metro' trademark. Microsoft later stated that the reason for de-emphasizing the name was not related to any current litigation, and that 'Metro' was only an internal project codename,[33] despite having heavily promoted the brand to the public.[34]

In September 2012, 'Microsoft design language' was adopted as the official name for the design style.[1][35] The term was used on Microsoft Developer Network documentation[36][37][38][39] and at the 2012 Build conference to refer to the design language.[1][40]

In a related change, Microsoft dropped use of the phrase 'Metro-style apps' to refer to mobile apps distributed via Windows Store.[35]

See also[edit]

References[edit]

  1. ^ abcFoley, 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. ^ abChang, 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.
  6. ^Lu, Qi (1 October 2012). 'Qi Lu: IAB MIXX Conference Keynote'. News Center. Microsoft.
  7. ^ abSams, Brad (21 April 2015). 'From Metro to Microsoft Design Language 2: a side-by-side comparison'. Neowin.
  8. ^ abRubino, 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. ^'Windows Phone Design System: Codenamed 'Metro''(PDF). Retrieved 9 October 2010.[dead link]
  11. ^'Design Language of Windows Phone 7'. .toolbox. Microsoft. Archived from the original on 9 October 2012. Retrieved 5 October 2012.
  12. ^Hamburger, Ellis (27 April 2011). 'Metro'. Business Insider. Archived from the original on 23 April 2013.
  13. ^Zheng, Long (14 November 2007). ''Zegoe', the new Zune font'. i started something. Self-published.
  14. ^Roberts, Chad; Shum, Albert; Smuga, Michael (15 March 2010). 'Windows Phone UI and Design Language'. MIX 2010. Microsoft.
  15. ^Kruzeniski, Mike (17 February 2011). 'From Transportation to Pixels'. Windows Phone Developer Blog. Microsoft. Archived from the original on 18 February 2011.
  16. ^Topolsky, Joshua (17 September 2009). 'Zune HD review'. Engadget. AOL.
  17. ^'Zune HD 64GB Review'. CNET. CBS Interactive. 17 September 2009.
  18. ^Warren, Tom (18 September 2011). 'Windows Phone wins IDEA 2011 – people's choice design award'. WinRumors. Archived from the original on 3 March 2012.
  19. ^'IDEA 2011 Best in Show'. Industrial Designers Society of America. idsa.org. 23 September 2011. Archived from the original on 25 February 2014.
  20. ^'Windows Phone 7'. Industrial Designers Society of America. idsa.org. 8 June 2011.
  21. ^Hutchinson, Lee (12 July 2014). 'The software design trends that we love to hate'. Ars Technica. Condé Nast.
  22. ^Bright, Peter (25 April 2012). 'Windows 8 on the desktop—an awkward hybrid'. Ars Technica. Condé Nast Digital. pp. 1–5.
  23. ^Leonhard, Woody (15 August 2012). 'Windows 8 review: Yes, it's that bad'. InfoWorld. IDG.
  24. ^Barney, Doug (17 August 2012). 'Windows 8's done, time to worry'. Redmond Magazine. 1105 Media.
  25. ^Warren, Tom (2 August 2013). 'Exclusive: Microsoft's Metro branding to be replaced 'this week' according to internal memo'. The Verge. Vox Media.
  26. ^Bright, Peter (3 August 2012). 'Microsoft: 'Metro' out, 'Windows 8-style UI' in, amid rumors of a trademark dispute'. Ars Technica. Condé Nast.
  27. ^Smith, Chris (3 August 2012). 'Microsoft ditching 'Metro' name for Windows 8 amid trademark fears'. TechRadar. Retrieved 24 September 2013.
  28. ^Whitney, Lance (10 August 2012). 'Why did Microsoft kill the name 'Metro'?'. CNET. CBS Interactive.
  29. ^Fingas, Jon (2 August 2012). 'Microsoft downplays Metro design name, might face a lawsuit over all that street lingo'. Engadget. AOL.
  30. ^Patrizio, Andy (6 August 2012). 'Source confirms Microsoft abandoned Metro due to trademark gaffe'. Network World. IDG.
  31. ^Wingfield, Nick (3 August 2012). 'Microsoft Drops Metro Name for New Product Look'. Bits Blog. The New York Times Company.
  32. ^'Microsoft to drop 'Metro' name for Windows'. BBC News Online. BBC. 3 August 2012.
  33. ^Foley, Mary Jo (2 August 2012). 'Is 'Metro' now a banned word at Microsoft?'. ZDNet. CBS Interactive.
  34. ^Humphries, Matthew (3 August 2012). 'Microsoft discontinues use of Metro name'. Geek.com.
  35. ^ ab'Microsoft finally comes clean(er) on post-Metro naming plans'. ZDNet. CBS Interactive. 12 September 2012.
  36. ^'Make great Windows Store apps'. MSDN. Microsoft. Retrieved 5 August 2017.
  37. ^'Design case study: iPad to Windows Store app'. MSDN. Microsoft. Retrieved 28 May 2013.
  38. ^'Guidelines for typography'. MSDN. Microsoft. Retrieved 28 May 2013.
  39. ^'Roadmap for Windows Store apps using DirectX and C++'. MSDN. Microsoft. Retrieved 28 May 2013.
  40. ^Tschumy, Will (16 November 2012). 'The Microsoft design language'. Channel 9. Microsoft.

External links[edit]

Windows Metro Design Icons

  • UX guidelines for Windows Store apps on MSDN
  • Design Guidelines for Windows Phone on MSDN
Retrieved from 'https://en.wikipedia.org/w/index.php?title=Metro_(design_language)&oldid=918301893'

Microsoft designed its Metro, aka Modern, interface for 'your computer-illiterate little sister, for grandpas who don't know how to use that computer 'dofangle' thingy, and for mom who just wants to look up apple pie recipes.'

Windows Metro Design

At least that's the take from someone who claims to have worked on the design of Windows 8.

Chiming in on a Reddit conversation on Friday, Jacob Miller, a self-described UX designer for Microsoft, said that Metro was created for casual users first and foremost, but claimed that the interface ultimately will be a boon to power users as well. From Miller's viewpoint, Metro is geared for content consumers -- people who want to check Facebook, view a few photos, and post a selfie. In other words, the user can do 'one thing (and only one) thing relatively easily.'

On the flip side, Metro is not geared for content creators -- people who want to multitask, run virtual machines, and do more complex things, Miller said. But if that's the case, why ram Metro down the throats of all Windows users?

Essentially, Microsoft felt it was up against a wall, according to Miller's description. Try to add a powerful new feature to Windows, and casual users balk. One example Miller cited is multiple desktops, a feature in OS X and Linux, but still not built into Windows. Each time Microsoft conducted user tests on multiple desktops, casual users got confused, prompting the company to cut it.

Comparing Windows 8 to a 'rented tuxedo coat,' Miller said it was designed to fit a variety of people but not tailored to any one specific customer. Features added to Windows had to be simple enough for casual users but not so dumb that it would turn off power users. As a result, many features were cut on the first go-round, and that led to Windows 8's split personality, according to Miller:

Our hands were bound, and our users were annoyed with their rented jackets. So what did we do? We separated the users into two groups. Casual and Power. We made two separate playgrounds for them. All the casual users would have their own new and shiny place to look at pictures of cats -- Metro. The power users would then have free reign over their native domain -- the desktop.

So why was Metro initially made the default with no option to boot to the desktop in Windows 8? Miller explained the thinking here:

Metro Design Studio

The short answer is because casual users don't go exploring. If we made desktop the default as it has always been, and included a nice little start menu that felt like home, the casual users would never have migrated to their land of milk and honey. They would still occupy the desktop just as they always had, and we would have been stuck in square one. So we forced it upon them. We drove them to it with goads in their sides. In 8.1, we softened the points on the goads by giving users an option to boot directly to desktop.

Now that we've gone through the Sturm und Drang of Windows 8, what lies ahead? Miller painted a future in which Microsoft smooths out the rough edges of both Metro and the desktop:

Now that the casual users are aware of their new pasture, we can start tailoring. It will be a while before the power users start seeing the benefits of this (that's why I said they'd benefit in the long run). Right now we still have a lot of work to do on making Metro seem tasty for those casual users, and that's going to divert our attention for a while. But once it's purring along smoothly, we'll start making the desktop more advanced. We'll add things that we couldn't before. Things will be faster, more advanced, and craftier than they have in the past -- and that's why Metro is good for power users.

Metro Windows And Doors

In one respect, Miller is saying that Windows 8 was the price we had to pay to get to a smoother and friendlier Windows 9. If so, is that really the best way to treat your customers? Does Microsoft need to force-feed us a not-so-good version of Windows before we can get something better? Or was Windows 8 an unnecessary slip-up on the road to the future?

CNET contacted Microsoft to verify the identify of the self-dubbed Windows UX designer. A Microsoft spokeswoman confirmed that Miller does work for the company but declined to reveal any details about his specific role.

CNET also contacted Miller directly through email and Twitter and will update the story if he responds.

(Via NeoWin)

Updated, 10:11 a.m. PT:to reflect that CNET has contacted Microsoft.Updated, 12:41 p.m. PT: Added details on attempts to confirm Miller's role at Microsoft.

Control systems engineering pdf 6th. Control theory is a relatively new field in engineering when compared with core topics, such as statics, dynamics, thermodynamics, etc. Early examples of control systems were developed actually before the science was fully understood. For example the fly‐ball governor developed by James Watt to control. Mar 06, 2018  Download Control Systems Engineering By Norman S. Nise – Nise’s Control Systems Engineering takes a practical approach, presenting clear and complete explanations. Real world examples demonstrate the analysis and design process, while helpful skill assessment exercises, numerous in-chapter examples, review questions and problems reinforce key concepts. Control Systems Engineering. Through graphical methods of Root Locus, direct portrayal of the system performance can be obtained as a whole especially referring to the transient response. Techniques of drawing root locus have been discussed systematically, which involve number of. Mar 31, 2018  Control Systems by Nagrath PDF contains chapters of the Control system like Time Response Analysis, Design Specifications, and Performance Indices, Concepts of Stability and Algebraic Criteria, Digital Control Systems, Liapunov’s Stability Analysis etc.We are Providing Control Systems Engineering by Nagrath and Gopal PDF for free download.You can download Control Systems by Nagrath PDF. Control Systems Engineering is suitable for upper-division college and univer- sity engineering students and for those who wish to master the subject matter through self-study. The student using this text.

Microsoft Windows 8 Pro (Upgrade)
  • Review
    Aggressively innovative Windows 8 forces a steep learning curve
  • Preview
    Windows 8 Release Preview: Promising, but shaky (hands on)




티스토리툴바