Metro contro MetroAlessandro Scardova
Chi sono•   www.alessandro.scardova.it•   facebook.com/alexbream•   @alexbream•   Microsoft MVP Expression Blend•   DotDot...
Metro desing language
Il Movimento Moderno             •   Chi             •   Come             •   Quando             •   Perchè
Metro for Phone•   Panorama•   Pivot•   App bar•   Search•   Tiles•   ...•   le sappiamo tutte (cit.)
È proprioquandocredete diconoscerequalcosa chedoveteguardarla daun’altraprospettiva.
Metro UI Windows 8•   FlipView•   List e Grid View•   Semantic Zoom•   Scroll Viewer•   App bar•   Tiles
Metro on Windows 8
Content before chromeDieter Rams - 606 U.S.S. Shelving
Anatomia di un app•   Hub•   Section•   Detail
App bar
Semantic Zoom
Snapped views
Pixel density
Scaling
Tipografia•   Page Header 42 px•   Page Subheader 20PX•   Body text 11px•   Info minori 9px• Opacita 60% elementi secondari
Contracts and extensions•   Search•   Share•   Settings
Q&A
Buon Metro a tutti
Upcoming SlideShare
Loading in …5
×

Metro contro Metro

952 views

Published on

Metro desing language visto da Windows Phone 7.5 e Windows 8

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
952
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Concentrarsi sul contenuto.
  • Metro contro Metro

    1. 1. Metro contro MetroAlessandro Scardova
    2. 2. Chi sono• www.alessandro.scardova.it• facebook.com/alexbream• @alexbream• Microsoft MVP Expression Blend• DotDotNet.org
    3. 3. Metro desing language
    4. 4. Il Movimento Moderno • Chi • Come • Quando • Perchè
    5. 5. Metro for Phone• Panorama• Pivot• App bar• Search• Tiles• ...• le sappiamo tutte (cit.)
    6. 6. È proprioquandocredete diconoscerequalcosa chedoveteguardarla daun’altraprospettiva.
    7. 7. Metro UI Windows 8• FlipView• List e Grid View• Semantic Zoom• Scroll Viewer• App bar• Tiles
    8. 8. Metro on Windows 8
    9. 9. Content before chromeDieter Rams - 606 U.S.S. Shelving
    10. 10. Anatomia di un app• Hub• Section• Detail
    11. 11. App bar
    12. 12. Semantic Zoom
    13. 13. Snapped views
    14. 14. Pixel density
    15. 15. Scaling
    16. 16. Tipografia• Page Header 42 px• Page Subheader 20PX• Body text 11px• Info minori 9px• Opacita 60% elementi secondari
    17. 17. Contracts and extensions• Search• Share• Settings
    18. 18. Q&A
    19. 19. Buon Metro a tutti

    ×