Your SlideShare is downloading. ×
0
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Developerのdeveloperによるdeveloperのためのmetro designの話
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Developerのdeveloperによるdeveloperのためのmetro designの話

1,576

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,576
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Developer のDeveloper によるDeveloper のためのMetro Design のお話
  • 2. Windows Formの背景?もちろん薄水色でしょう。デザインは あっ、もちろん更新とか重要なボタンはでっか くして色はオレンジね。その他は緑でいいかな。 ちなみに入力エラーは背景を真っ赤でお願いね。 美 術 は い つ も 2手て男 で し イラレってなに?書 は XAMLき 黙 た 。 おいしいの? は 絵 い を て を イ つ 書! っ ま 使 ン も く を す っ ト ペ の 。
  • 3. Agenda• 四角• 単色• 文字
  • 4. 四角Square & Grid
  • 5. 図形は基本的に四角
  • 6. Grid System 1
  • 7. Grid System 2
  • 8. Metro Grid System1 unit = 20px × 20px 1 subunit = 5px × 5px ( 4×4 = 16subunits = 1 unit)
  • 9. Metro Grid System 6 units7 units
  • 10. BlueBrownGreenLime 単色 Simple ColorsMagentaMangoPinkPurpleRedTe a l
  • 11. 図形等の色は基本は単色
  • 12. アクセントカラー(Windows Phone) Color Example RGB HEXBlue 27, 161, 226 #FF1BA1E2Brown 160, 80, 0 #FFA05000Green 51, 153, 51 #FF339933Lime 162, 193, 57 #FFA2C139Magenta 216, 0, 115 #FFD80073Mango 240, 150, 9 #FFF09609Pink 230, 113, 184 #FFE671B8Purple 162, 0, 255 #FFA200FFRed 229, 20, 0 #FFE51400Teal 0, 171, 169 #FF00ABA9http://msdn.microsoft.com/en-us/library/ff402557%28v=VS.92%29.aspx
  • 13. 文字Text & Charactor
  • 14. Segoe (シーゴ)Segoe UI LightSegoe UI SemilightSegoe UI RegularSegoe UI Semibold
  • 15. Type on the grid 1 unit 2 units
  • 16. Type ramp
  • 17. 日本語フォントMeryo今日はDeveloper向けのMetro Designのお話です。MS Gothic今日はDeveloper向けのMetro Designのお話です。YU Gothic今日はDeveloper向けのMetro Designのお話です。IPA ex Gothic今日はDeveloper向けのMetro Designのお話です。
  • 18. アイコン
  • 19. Design Language
  • 20. Dialect

×