Downloaded 63 times
Uploaded byMicrosoft
OSのフラットデザインを考えてみる
CSS Nite LP, Disk 31: Webデザイン行く年来る年（Shift7） http://cssnite.jp/lp/lp31/ iOS 7を機に“フラットデザイン”への注目が集まっています。次期Android 4.4 - KitKatでもUIがフラットデザインになると噂されています。Yahoo! Japanのトップページもいつの間にかアイコンが平面的にデザインし直されていました。 いまなぜフラットデザインなのか？ 日本では未発売に終わった携帯音楽プレイヤー“Zune”から始まり、Windows Phone、Xbox、Windows 8へとUIを刷新してきた元祖フラットデザイン（注：MSは自社のUIに” フラットデザイン”という言葉を使ったことはありません）のマイクロソフトのUXエバンジェリストが総括してみます。
OSのフラットデザインを考えてみる
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. CLI - CommandLine Interface
- 18. GUI - GraphicalUser Interface
- 19. GUI - GraphicalUser Interface
- 20.
- 21.
- 22.
- 23.
- 24. フラットデザイン (と呼ばれる) UIに見られる共通項 1.不必要な装飾の排除 2. 抽象化、象徴化 3. タイポグラフィ トレンド ? メタファーの変化 ? 飽き？
- 25. GUI - GraphicalUser Interface
- 26.
- 27.
- 32.
- 33.
- 34.
- 36. モバイルの利用状況のデザインヒント 1. 余分なものを削ぎ落とす 2. ちら見しやすいようにデザインする 3.階層を深くしない 4. 自然な形で接点を見せる 5. 途中で操作を止めても同じところから再開できるようにする 6. 時間軸を使って情報を整理する
- 37. iOS 7 DesignResources iOS 7 embodies the following themes : Deference, Clarity, Depth Defer to Content • Take advantage of the whole screen. • Reconsider visual indicators of physicality and realism. • Let translucent UI elements hint at the content behind them. Provide Clarity • • • • Use plenty of negative space. Let color simplify the UI. Ensure legibility by using the system fonts. Embrace borderless buttons. Use Depth to Communicate https://developer.apple.com/library/ios/design/
- 38. Android Design Principles 1.Enchant me 2. Simplify My Life 3. Make Me Amazing http://developer.android.com/design/get-started/principles.html
- 39. Windows 8 designprinciples 削ぎ落とす 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
- 40.
- 41.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. グリッドシステム Copyright © 2008-2012Antonio Carusone, unless otherwise noted