Recommended
More Related Content
Viewers also liked
Developerのdeveloperによるdeveloperのためのmetro designの話
- 1. Developer の Developer による Developer のための Metro Design のお話
- 2. Windows Formの背景？もちろん薄水色でしょう。 デザインは あっ、もちろん更新とか重要なボタンはでっか くして色はオレンジね。その他は緑でいいかな。 ちなみに入力エラーは背景を真っ赤でお願いね。 美 術 は い つ も 2 手て男 で し イラレってなに？ 書 は XAML き 黙 た 。 おいしいの？ は 絵 い を て を イ つ 書 ！ っ ま 使 ン も く を す っ ト ペ の 。
- 4. Agenda • 四角 • 単色 • 文字
- 6. 図形は基本的に四角
- 9. Metro Grid System 1 unit = 20px × 20px 1 subunit = 5px × 5px ( 4×4 = 16subunits = 1 unit)
- 10. Metro Grid System 6 units 7 units
- 11. Blue Brown Green Lime 単色 Simple Colors Magenta Mango Pink Purple Red Te a l
- 12. 図形等の色は基本は単色
- 13. アクセントカラー(Windows Phone) Color Example RGB HEX Blue 27, 161, 226 #FF1BA1E2 Brown 160, 80, 0 #FFA05000 Green 51, 153, 51 #FF339933 Lime 162, 193, 57 #FFA2C139 Magenta 216, 0, 115 #FFD80073 Mango 240, 150, 9 #FFF09609 Pink 230, 113, 184 #FFE671B8 Purple 162, 0, 255 #FFA200FF Red 229, 20, 0 #FFE51400 Teal 0, 171, 169 #FF00ABA9 http://msdn.microsoft.com/en-us/library/ff402557%28v=VS.92%29.aspx
- 15. Segoe (シーゴ) Segoe UI Light Segoe UI Semilight Segoe UI Regular Segoe UI Semibold
- 16. Type on the grid 1 unit 2 units
- 17. Type ramp
- 18. 日本語フォント Meryo 今日はDeveloper向けのMetro Designのお話です。 MS Gothic 今日はDeveloper向けのMetro Designのお話です。 YU Gothic 今日はDeveloper向けのMetro Designのお話です。 IPA ex Gothic 今日はDeveloper向けのMetro Designのお話です。
- 19. アイコン
- 20. Design Language
- 21. Dialect