27
200 Microsoft Design Style za Windows Phone v praksi Andrej Tozon Microsoft MVP ANT Andrej Tozon s.p, Ljubljana [email protected] | @andrejt

MS Design style za Windows Phone / MS Design style for Windows Phone

Embed Size (px)

DESCRIPTION

Slide deck from my NT konferenca 2013 talk.

Citation preview

Page 1: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Microsoft Design Style za Windows Phone v praksi

Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, [email protected] | @andrejt

Page 2: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Od Windows 8 do Windows Phone 8

Page 3: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Od Windows 8 do Windows Phone 8

Page 4: MS Design style za Windows Phone / MS Design style for Windows Phone

100200

Osnovni korak: pomiki levo-desno

Page 5: MS Design style za Windows Phone / MS Design style for Windows Phone

200

„Počasi… Kako sploh začnem?“

Page 6: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Pravilo #1 - Poišči smisel aplikacije! Čemu bo namenjena? Komu bo? Kam bo umeščena? Kje in kdaj se bo uporabljala? Vsebina!!!

Page 7: MS Design style za Windows Phone / MS Design style for Windows Phone

100200

Namig: začni s prototipnimi skicami

Page 8: MS Design style za Windows Phone / MS Design style for Windows Phone

100200

Namig: začni s prototipnimi skicami

Page 10: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Podrobnost izdelave skic je odvisna od Izkušenj oblikovalca stranke (ciljne skupine) kompleksnosti aplikacije iteracije

Page 11: MS Design style za Windows Phone / MS Design style for Windows Phone

100200

Postavitev - panorama

Page 12: MS Design style za Windows Phone / MS Design style for Windows Phone

100200

Postavitev - panorama

Page 13: MS Design style za Windows Phone / MS Design style for Windows Phone

100200

Postavitev - pivot

Page 14: MS Design style za Windows Phone / MS Design style for Windows Phone

200

demoVisual Studio 2012

Page 15: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Teme Uporabnik jo lahko izbere sam Ozadje Poudarjena barva “Branding”

Page 16: MS Design style za Windows Phone / MS Design style for Windows Phone

100200

Teme

c:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.0\Design

Page 17: MS Design style za Windows Phone / MS Design style for Windows Phone

200

demoTheme manager

Page 18: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Gibanje in povratni odziv Animacije Zvok Vibracije

Page 19: MS Design style za Windows Phone / MS Design style for Windows Phone

200

demoGibanje in povratni odziv

Page 20: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Grafika in ploščice Osnovna ploščica aplikacije Uvodni ekran Tipi ploščic

Page 21: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Ploščice

Page 22: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Ploščice

3 velikosti mala, srednja, široka izbira je izključno

uporabnikova Široka ploščica je neobvezna

če je, naj bo živa 3 vrste

„flip“, „iconic“, „cycle“

Page 23: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Ploščice – „Flip“

Page 24: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Ploščice – „Iconic“

Page 25: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Ploščice – „Cycle“

Page 26: MS Design style za Windows Phone / MS Design style for Windows Phone

200

Vprašanja?Microsoft Design Style za Windows Phone v praksi

Andrej TozonMicrosoft MVPANT Andrej Tozon s.p, [email protected] | @andrejt

Page 27: MS Design style za Windows Phone / MS Design style for Windows Phone

200

VPRAŠANJAProsimo vas, da po koncu predavanja izpolnite vprašalnike. Nekoga izmed vas bomo nagradili z Nokio Lumia 820.

Vprašalniki bodo poslani na vaš e-naslov, dostopni pa bodo tudi preko profila na spletnem mestu www.ntk.siNajlepša hvala!

Iščete kakovostno izobraževanje? Obiščite Microsoftove izobraževalne centre:

Uspeh = Znanje = Microsoftovi uradni tečaji + predavatelji Microsoft Certified Trainer