Window Design and Development

1. Windows Design & Development
Jiří Danihelka

2. Designový jazyk Metro

3. Základní principy designu
• Fast & Fluid
• Authentically digital
• Content before chrome
• Win as one

4. Navigační schéma
• Hierarchické
• Ploché (flat)

5. Mřížka - Grid

6. Mřížka - Grid

7. Přizpůsobení DPI obrázků

8. Message dialog
• Systémový
• Kontextový (flyout)
• Flyout

9. Jmené konvence pro soubory
Option #1 - File naming convention:
...test.scale-100.jpg
...test.scale-140.jpg
...test.scale-180.jpg
Option #2 - Folder naming convention:
...scale-100test.jpg
scale-140test.jpg
scale-180test.jpg
HTML
<img src="test.jpg" width=80 height=80/>
XAML
<Image Grid.Row="0" Grid.Column="1" x:Name="testImage" Source="test.jpg"
Margin="2,2,2,2"/>

10. Dotyk a obsah
• Místa vhodná pro dotyk
• Místa vhodná pro obsah

11. Minimální velikost

12. Programování Windows
Jiří Danihelka

14. Platforma pro rozličná zařízení

15. Jak získat Windows
• MSDN subscription
• 90-ti denní trial verze pro každého
• MsdnAA – pro studenty
• DreamSpark – pro studenty

16. Knihovny Windows

17. Vývojové nástroje
• Visual Studio
• Visual Studio Express for Windows
• Expression Blend for Windows
(součást Visual Studia)

18. Ovládací prvky 1/2

19. Ovládací prvky 2/2

20. Práce s textem

21. OneNote MX

22. Rozlišení obrazovky
• minimální rozlišení 1024x768
• pro 2 aplikace 1366x768

23. Ovládací gesta

25. Životní cyklus

26. Životní cyklus

27. Běh na pozadí

28. Živé dlaždice / Live Tiles

29. Notifikační mechanismus

30. Windows Store

31. Certifikace aplikací

32. Statistiky Windows Store

33. Windows Phone