OSのフラットデザインを考えてみる_Hokuriku.NET vol.12

3,182 views

Published on

http://atnd.org/events/40509

Published in: Technology

OSのフラットデザインを考えてみる_Hokuriku.NET vol.12

  1. 1. 春日井良隆 日本マイクロソフト株式会社 UXエバンジェリスト OS のフラットデザインを考えてみる
  2. 2. iOS
  3. 3. Google+
  4. 4. Google Chrome
  5. 5. Internet Explorer
  6. 6. Yahoo! Japan
  7. 7. Uniqlo
  8. 8. Windows Phone
  9. 9. Windows 8
  10. 10. UI
  11. 11. CLI - Command Line Interface
  12. 12. GUI - Graphical User Interface
  13. 13. GUI - Graphical User Interface
  14. 14. GUI - Graphical User Interface
  15. 15. Skeuomorphism
  16. 16. Skeuomorphism
  17. 17. Skeuomorphism
  18. 18. Skeuomorphism
  19. 19. 本物っぽいデザインに飽きた 派手なデザインにも飽きた
  20. 20. LINE天気
  21. 21. デフォルトの天気
  22. 22. ヤフー天気
  23. 23. Weather+
  24. 24. Solar
  25. 25. Partly Cloudy
  26. 26. device
  27. 27. PC
  28. 28. Station
  29. 29. fright
  30. 30. beach
  31. 31. スキューバーダイビングとシュノーケル
  32. 32. デバイスの多様化で アプリの使い方が変わった
  33. 33. Content before Chrome
  34. 34. モバイルの利用状況のデザインヒント 1. 余分なものを削ぎ落とす 2. ちら見しやすいようにデザインする 3. 階層を深くしない 4. 自然な形で接点を見せる 5. 途中で操作を止めても同じところから再開できるようにする 6. 時間軸を使って情報を整理する
  35. 35. Windows 8 design principles 1. Do more with less 削ぎ落とす 2. Pride in craftsmanship とことんこだわる 3. Be fast and fluid 軽快であれ、滑らかであれ 4. Authentically digital デジタルの本質を採り入れる 5. Win as one 一体感を与える http://msdn.microsoft.com/library/windows/apps/hh770552
  36. 36. フラットデザインのために
  37. 37. Flat UI
  38. 38. Pixel Fabric
  39. 39. Pinterest
  40. 40. UI/UX Flat design
  41. 41. Swiss Design
  42. 42. Font
  43. 43. Font Weight Segoe UI Light Segoe UI semilight Segoe UI Segoe UI semibold
  44. 44. Font Weight Segoe UI Light Segoe UI semilight Segoe UI Segoe UI semibold
  45. 45. Font Weight Segoe UI Light Segoe UI semilight Segoe UI Segoe UI semibold
  46. 46. Font Weight Segoe UI Light Segoe UI semilight Segoe UI Segoe UI semibold
  47. 47. Font Weight
  48. 48. Font Weight
  49. 49. Color
  50. 50. HSV
  51. 51. Color
  52. 52. COLOURlovers
  53. 53. Adobe Kuler
  54. 54. Inforgraphic
  55. 55. Metro
  56. 56. シリギヤロック
  57. 57. シギリヤロックのインフォグラフィック
  58. 58. 黄金比 1 1.61803398874989484820458683436
  59. 59. グリッドシステム Copyright © 2008-2012 Antonio Carusone, unless otherwise noted
  60. 60. End

×