Metro UI - Tajne velikih slova i jednobojnih ikona
Upcoming SlideShare
Loading in...5
×
 

Metro UI - Tajne velikih slova i jednobojnih ikona

on

  • 1,112 views

Tijekom prošle godine u svijetu je prodano više od 170 milijuna pametnih telefona, a predviđa se da će do 2015. godine, svaki 8 stanovnik zemlje imati pametni telefon, a neki i tablet. Metro ...

Tijekom prošle godine u svijetu je prodano više od 170 milijuna pametnih telefona, a predviđa se da će do 2015. godine, svaki 8 stanovnik zemlje imati pametni telefon, a neki i tablet. Metro sučelje koje je Microsoft razvio za Windows Phone i Windows 8, drukčije je od ostalih sučelja na tržištu, zahtjeva posebnu pažnju i, unatoč naizglednoj banalnosti, krije brojne pametne trikove i dizajnerske prilike. Dođite čuti o glavnim smjernicama dizajna za Metro sučelje, na što paziti i kako iskoristiti neke revolucionarne mogućnosti kao što je Panorama. ----- [ENGLISH] This is a presentation for my talk on Microsoft Windays Conference 2012, held in Rovinj, Croatia. Talk was about Metro UI - explained in details. It is meant for developers to teach them what should they care when designing for the Metro design language.

Statistics

Views

Total Views
1,112
Views on SlideShare
1,112
Embed Views
0

Actions

Likes
0
Downloads
13
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Metro UI - Tajne velikih slova i jednobojnih ikona Metro UI - Tajne velikih slova i jednobojnih ikona Presentation Transcript

    • Rovinj, 23. – 26. travnja 2012.
    • Metro UI - tajne velikih slova ijednobojnih ikonaEmanuel Blagonić@emanuelblagonicBlagonić Brothers - Extendis d.o.o.
    • Sponzori
    • Isključite zvuktelefona
    • O čemu će biti riječi u prezentaciji? • Korisničko sučelje • Metro UI – Metro principi – Metro dizajnerski jezik • 9 savjetaWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • UI
    • Što je to korisničko sučelje?
    • Im interested in making tangible improvements and making better those things that people do fifty to a hundred times a day. Im 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/28758945WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Zašto je važno? • Vašu će aplikaciju koristiti tisuće ljudi • Stvarate navike kod korisnika • Definirate načine korištenja vaše aplikacijeWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Korisničko sučelje nekad i danas
    • flickr.comWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • • Stolna računala • Namijenjena profesionalcima • Miš i tipkovnicaWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • digitaltrends.comWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • • Uređaji osjetljivi na dodir • Dostupni svima • Koristimo ih intuitivnoWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • msdn.comWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Principi
    • Čisto i preglednoClean, light, fast
    • • Izbacite nepotrebne elemente • Koristite jednostavnu tipografiju i boje • Iskoristite whitespace • Fokusirajte se na glavne zadatkeWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Fokus na sadržajuContent, not chrome
    • WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • • Sadržaj u prvom planu – Izbacite grafičke elemente koji nisu bitni za sadržaj • Ne zaboravite: od previše sadržaja, gubi se fokus korisnikaWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Steam Store, Windows 8 koncept Chrisa Prestona
    • TipografijaTypography
    • TIPOGRAFIJA JE LIJEPA. I TOČKA.WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • • Jedan od najvažnijih segmenata Metroa • Tipografija naglašava sadržaj, ali je i lijepa • Pripazite na veličine naslova i teksta • Koristite Segoe UIWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Pokret i dodirAlive in motion
    • • 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
    • Tranzicije • Koristimo ih za prikazivanje promjena između aplikacija i različitih ekrana • Tranzicije trebaju biti dorađene – Dakle, bez “trzanja”WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Animacije • Koristimo ih za prikaz promjene na trenutnom ekranu • Animaciju može ali i ne mora pokrenuti korisnikWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Korisnik se mora osjećati posebno u svakom trenutku. Interakcija između telefona ili tableta i korisnikovih želja mora biti brza i fluidna, kako bi se korisnik osjećao ugodno u korištenju uređaja, ali i aplikacije.WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Digitalna autentičnost Authentically Digital
    • WINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • • Metro je “digitalno” sučelje – Ne želimo stvarati iluziju “realnog” svijeta unutar aplikacije • Pridržavajte se svih smjernica kod dizajna za Metro, i neće biti problemaWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Dizajnerski jezik
    • Struktura Metro aplikacije
    • ux.artu.tvWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Pozadina (1000px do 1500px)Naslov aplikacijeNaslov grupeElementi u grupi
    • • Koristite je na početnom ekranu aplikacije • Služi za razdvajanje “jednako važnog” sadržaja • Uvijek je vidljiv dio sljedećeg dijela ekrana • Ne pretjerujte s PanoramomWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • Statična pozadinaTaboviInformacije
    • • Slično panorami, ali razdvojeni ekrani – Bez dinamične pozadine – Za prikaz veće količine podataka • Koristite ih za prikaz sadržaja kojeg biste inače prikazali korištenjem tabovaWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • • Funkcionalnost “obične statične stranice” • Premalo korištena funkcionalnost, ali odlično rješenje za prikaz velike količine jedinstvenih podatakaWINDAYS12 TECHNOLOGY OBRAZOVNI PARTNER
    • 9 savjeta
    • Poštujte principe
    • Pametno koristite ekrane
    • Razmišljajte o korisnicima
    • Kada niste sigurni, budite umjereni i jednostavni
    • Nemojte se bojati istraživati
    • Stalno testirajte
    • Ne pretjerujte sPanoramom ;)
    • Tipografija je lijepa.Whitespace je ljepši.
    • Ne budite “naporni” s notifikacijama
    • Pitanja
    • Hvala!
    • © 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 beinterpreted 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.