FOR WINDOWS 8 UX DESIGN CAMP ATTENDEE USE ONLYTHIS CONTENT IS NOT FOR REDISTRIBUTIONhttp://design.windows.com    http://de...
1    2    3
1        3    2
9pt        11pt        20pt        42ptRegularSemibold           Semilight           Regular                       Light  ...
9pt             11pt        20pt          42ptRegularBold                Regular                Bold                      ...
9pt    11pt   20pt   42ptメイリオ   メイリオ   メイリオ   メイリオメイリオ       メイリオ
9pt     11pt    20pt    42pt맑은 고딕   맑은 고딕   맑은 고딕   맑은 고딕맑은 고딕   맑은 고딕
http://www.microsoft.com/typography/links/
Colors       Apply the primary color associated with your brand             You can use graphics to reinforce your brand b...
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
WinStore.vn | Windows 8 designer workshop 04 layout 1.1
Upcoming SlideShare
Loading in...5
×

WinStore.vn | Windows 8 designer workshop 04 layout 1.1

236

Published on

http://winstore.vn

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

  • Be the first to like this

No Downloads
Views
Total Views
236
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WinStore.vn | Windows 8 designer workshop 04 layout 1.1

  1. 1. FOR WINDOWS 8 UX DESIGN CAMP ATTENDEE USE ONLYTHIS CONTENT IS NOT FOR REDISTRIBUTIONhttp://design.windows.com http://devcamps.ms/windows win8uxtkfb@microsoft.com
  2. 2. 1 2 3
  3. 3. 1 3 2
  4. 4. 9pt 11pt 20pt 42ptRegularSemibold Semilight Regular Light LightBold Semibold Semilight Regular
  5. 5. 9pt 11pt 20pt 42ptRegularBold Regular Bold Regular Bold Regular BoldTertiary info Body copy Sub-headers Page headers
  6. 6. 9pt 11pt 20pt 42ptメイリオ メイリオ メイリオ メイリオメイリオ メイリオ
  7. 7. 9pt 11pt 20pt 42pt맑은 고딕 맑은 고딕 맑은 고딕 맑은 고딕맑은 고딕 맑은 고딕
  8. 8. http://www.microsoft.com/typography/links/
  9. 9. Colors Apply the primary color associated with your brand You can use graphics to reinforce your brand by adding character to theGraphics presentation of content in your app. The use of graphics should be used sparingly in your app design. Because most established brands have a defined color palette and typeface, theyImages also use a specific style of imagery.Grid The grid aligns your branded apps UX to work with the rest of Windows. The layout of each and every one of your app’s pages need to be relevant toLayout your brand Use a logo in your Windows Store app to facilitate quick identification of yourLogo app.Typography The right choice can be as impactful to your brand as color, logo, or layout.

×