1 / 41

Windows Store App Design for Developers

Windows Store App Design for Developers. Agu Suur Frontend Developer Axinom. Mina. Frontend / User Interface Developer Silverlight, WPF, Windows Phone, Windows 8, Xbox 360/One MVP in Client Development. Agenda. Microsofti Disainikeel Rakenduse Layout ja Lisad Q & A.

helmut
Download Presentation

Windows Store App Design for Developers

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Windows Store App Design forDevelopers • Agu Suur • Frontend Developer • Axinom

  2. Mina • Frontend / User Interface Developer • Silverlight, WPF, Windows Phone, Windows 8, Xbox 360/One • MVP in Client Development

  3. Agenda • Microsofti Disainikeel • Rakenduse Layout ja Lisad • Q & A

  4. Microsoft Design Language

  5. Microsoft Design Language all of Microsoft’s consumer experiences share the same design language • Show pride in craftsmanship / Do more with less / Be fast and fluid / Be authentically digital / Win as one

  6. Show pride in craftmanship

  7. „Make the back of the fence look just as beautiful as the front. Even though others won’t see it, you will know it’s there, and that will make you more proud of your design.“ - Steve Jobs

  8. 42pt 20pt Use typography to create a sense of structure and hierarcy in your content 11pt 9pt

  9. Align to the grid for consistency.

  10. Pride in craftmanship Sweat the details Make it safe and reliable Align to the grid

  11. Do more with less

  12. „Perfection is achieved not when there is nothing left to add, but when there is nothing left to take away“ - Antoine de Saint-Exupery

  13. Do more with less Be great at something Be visually focused and direct Content before chrome

  14. Be fast and fluid Be fast and fluid

  15. Design for touch

  16. Delight with motion

  17. Be responsive and ready

  18. Do more with less Design for touch Delight with motion Be responsive and ready

  19. Be authentically digital

  20. Be authentically digital Go beyond the physical world Connect to the cloud

  21. Win as one

  22. Reduce redundancy in UI

  23. Win as one Work with other apps Reduce redundancy in UI

  24. In Summary all of Microsoft’s consumer experiences share the same design language • Show pride in craftsmanship / Do more with less / Be fast and fluid / Be authentically digital / Win as one

  25. Laying out an application

  26. Adding the extras

  27. System Search

  28. Be fast and fluid Snap View

  29. Live Tiles

  30. KokkuvõtteksDisainikeel, layout, lisad

  31. Aitäh! • Küsimused?

More Related