atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

「iOSフラットデザインの作法 Appleガイドラインの理解とFlat UIの実践」かきました!

 

f:id:c-mitsuba:20131127025752p:plain

 

 

かきました!

目次をこーーーーっそりみせちゃいます!

--------------------------------------------------------

Chapter 1 フラットデザインを読み解く

        1.1 フラットデザインの由来、そして未来

        1.2 デザイン要素としてのFlat UI

 

Chapter 2 iOS 7のフラットデザイン

        2.1 さまざまなフラットデザイン「Flat UI」

        2.2 iOS 7はフラットではない

 

Chapter 3 iOS 7のタイポグラフィ

        3.1 タイポグラフィの基礎

        3.2 iOS 7につなげるためのタイポグラフィ

        3.3 グリッドシステムとマージン

        3.4 アプリ参考事例と参考書籍

 

Chapter 4 iOS 7の色彩

        4.1 iOS 7のColor

        4.2 色彩表現

 

Chapter 5 iPhoneiPadのフラットデザイン

        5.1 iPhoneiPad活用シーンの比較

        5.2 iPhoneiPadの標準アプリを比較する

        5.3 さまざまなサードパーティアプリ

        5.4 リデザイン

 

Chapter 6 インフォメーションアーキテクチャと画面設計

        6.1 インフォメーションアーキテクチャ

        6.2 iOS 7でデザインされたIA

        6.3 さまざまなControl

        6.4 意味のあるエフェクトと意味のないエフェクト

        6.5 メタファから考えるエフェクトと直感的操作

 

Chapter 7 Flat UIにオリジナリティを持たせる

        7.1 アプリ企画からみるUI

        7.2 カスタムUIの参考事例

 

Chapter 8 XcodeにおけるInterface Builder基本操作

 

Chapter 9 実践UI開発

        9.1 Navigation Controllerと画面遷移

        9.2 TableViewを使ったレイアウト

        9.3 Tabを使ったレイアウト

        9.4 ActionSheetでユーザーへ動作を求める

        9.5 Page Controlによる複数ページの表現

        9.6 スワイプで表示されるメニューを作る

        9.7 TableViewの項目を検索する

        9.8 Split Viewで画面を左右に分割する

        9.9 iPad独自の画面遷移

--------------------------------------------------------

 

iOS以外にも活用できるトピックが満載なので、ぜひぜひよんでみてくださいー!

iOSフラットデザインの作法

iOSフラットデザインの作法