Metro UI - Tajne velikih slova i jednobojnih ikona
- 1. Rovinj, 23. 26. travnja 2012.
- 2. Metro UI - tajne velikih slova i jednobojnih ikona Emanuel Blagoni @emanuelblagonic Blagoni Brothers - Extendis d.o.o.
- 3. Sponzori
- 5. O emu e biti rijei u prezentaciji? Korisniko suelje Metro UI Metro principi Metro dizajnerski jezik 9 savjeta WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 6. UI
- 7. to je to korisniko suelje?
- 8. I'm interested in making tangible improvements and making better those things that people do fifty to a hundred times a day. I'm less interested in "vow" features that you use every 90 days and you never remember after that. Marko Ahtisaari, Global Head of Nokia Design http://vimeo.com/28758945 WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 9. Za邸to je va転no? Va邸u e aplikaciju koristiti tisue ljudi Stvarate navike kod korisnika Definirate naine kori邸tenja va邸e aplikacije WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 10. Korisniko suelje nekad i danas
- 11. flickr.com WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 12. Stolna raunala Namijenjena profesionalcima Mi邸 i tipkovnica WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 13. digitaltrends.com WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 14. Ureaji osjetljivi na dodir Dostupni svima Koristimo ih intuitivno WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 15. msdn.com WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 16. WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 17. Principi
- 18. isto i pregledno Clean, light, fast
- 19. Izbacite nepotrebne elemente Koristite jednostavnu tipografiju i boje Iskoristite whitespace Fokusirajte se na glavne zadatke WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 20. WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 21. Fokus na sadr転aju Content, not chrome
- 22. WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 23. Sadr転aj u prvom planu Izbacite grafike elemente koji nisu bitni za sadr転aj Ne zaboravite: od previ邸e sadr転aja, gubi se fokus korisnika WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 24. Steam Store, Windows 8 koncept Chrisa Prestona
- 26. TIPOGRAFIJA JE LIJEPA. I TOKA. WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 27. Jedan od najva転nijih segmenata Metroa Tipografija nagla邸ava sadr転aj, ali je i lijepa Pripazite na veliine naslova i teksta Koristite Segoe UI WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 28. WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 29. Pokret i dodir Alive in motion
- 31. Tranzicije i animacije Tranzicije i animacije su jednako va転ne kao i UI aplikacije Telefon i tablet ne predstavljaju samo jedan ekran, oni su svemir u malom WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 32. Tranzicije Koristimo ih za prikazivanje promjena izmeu aplikacija i razliitih ekrana Tranzicije trebaju biti doraene Dakle, bez trzanja WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 33. Animacije Koristimo ih za prikaz promjene na trenutnom ekranu Animaciju mo転e ali i ne mora pokrenuti korisnik WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 34. Korisnik se mora osjeati posebno u svakom trenutku. Interakcija izmeu telefona ili tableta i korisnikovih 転elja mora biti brza i fluidna, kako bi se korisnik osjeao ugodno u kori邸tenju ureaja, ali i aplikacije. WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 35. Digitalna autentinost Authentically Digital
- 36. WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 37. Metro je digitalno suelje Ne 転elimo stvarati iluziju realnog svijeta unutar aplikacije Pridr転avajte se svih smjernica kod dizajna za Metro, i nee biti problema WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 46. ux.artu.tv WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 47. Pozadina (1000px do 1500px) Naslov aplikacije Naslov grupe Elementi u grupi
- 48. Koristite je na poetnom ekranu aplikacije Slu転i za razdvajanje jednako va転nog sadr転aja Uvijek je vidljiv dio sljedeeg dijela ekrana Ne pretjerujte s Panoramom WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 50. Slino panorami, ali razdvojeni ekrani Bez dinamine pozadine Za prikaz vee koliine podataka Koristite ih za prikaz sadr転aja kojeg biste inae prikazali kori邸tenjem tabova WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 52. Funkcionalnost obine statine stranice Premalo kori邸tena funkcionalnost, ali odlino rje邸enje za prikaz velike koliine jedinstvenih podataka WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
- 53. 9 savjeta
- 57. Kada niste sigurni, budite umjereni i jednostavni
- 58. Nemojte se bojati 庄壊岳姻温転庄厩温岳庄
- 60. Ne pretjerujte s Panoramom ;)
- 61. Tipografija je lijepa. Whitespace je ljep邸i.
- 62. Ne budite naporni s notifikacijama
- 63. Pitanja
- 65. Hvala!
- 66. 息 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.