Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Developer のDeveloper によるDeveloper のためのMetro Design のお話
Windows Formの背景?もちろん薄水色でしょう。デザインは            あっ、もちろん更新とか重要なボタンはでっか            くして色はオレンジね。その他は緑でいいかな。            ちなみに入力エラーは...
Agenda• 四角• 単色• 文字
四角Square & Grid
図形は基本的に四角
Grid System 1
Grid System 2
Metro Grid System1 unit = 20px × 20px   1 subunit = 5px × 5px ( 4×4 = 16subunits = 1 unit)
Metro Grid System          6 units7 units
BlueBrownGreenLime          単色          Simple ColorsMagentaMangoPinkPurpleRedTe a l
図形等の色は基本は単色
アクセントカラー(Windows Phone)             Color Example         RGB                   HEXBlue                               27, ...
文字Text & Charactor
Segoe (シーゴ)Segoe UI LightSegoe UI SemilightSegoe UI RegularSegoe UI Semibold
Type on the grid            1 unit   2 units
Type ramp
日本語フォントMeryo今日はDeveloper向けのMetro Designのお話です。MS Gothic今日はDeveloper向けのMetro Designのお話です。YU Gothic今日はDeveloper向けのMetro Desig...
アイコン
Design Language
Dialect
Developerのdeveloperによるdeveloperのためのmetro designの話
Upcoming SlideShare
Loading in …5
×

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

1,755 views

Published on

  • Be the first to comment

  • Be the first to like this

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

  1. 1. Developer のDeveloper によるDeveloper のためのMetro Design のお話
  2. 2. Windows Formの背景?もちろん薄水色でしょう。デザインは あっ、もちろん更新とか重要なボタンはでっか くして色はオレンジね。その他は緑でいいかな。 ちなみに入力エラーは背景を真っ赤でお願いね。 美 術 は い つ も 2手て男 で し イラレってなに?書 は XAMLき 黙 た 。 おいしいの? は 絵 い を て を イ つ 書! っ ま 使 ン も く を す っ ト ペ の 。
  3. 3. Agenda• 四角• 単色• 文字
  4. 4. 四角Square & Grid
  5. 5. 図形は基本的に四角
  6. 6. Grid System 1
  7. 7. Grid System 2
  8. 8. Metro Grid System1 unit = 20px × 20px 1 subunit = 5px × 5px ( 4×4 = 16subunits = 1 unit)
  9. 9. Metro Grid System 6 units7 units
  10. 10. BlueBrownGreenLime 単色 Simple ColorsMagentaMangoPinkPurpleRedTe a l
  11. 11. 図形等の色は基本は単色
  12. 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. 13. 文字Text & Charactor
  14. 14. Segoe (シーゴ)Segoe UI LightSegoe UI SemilightSegoe UI RegularSegoe UI Semibold
  15. 15. Type on the grid 1 unit 2 units
  16. 16. Type ramp
  17. 17. 日本語フォントMeryo今日はDeveloper向けのMetro Designのお話です。MS Gothic今日はDeveloper向けのMetro Designのお話です。YU Gothic今日はDeveloper向けのMetro Designのお話です。IPA ex Gothic今日はDeveloper向けのMetro Designのお話です。
  18. 18. アイコン
  19. 19. Design Language
  20. 20. Dialect

×