2017年02月24日

『iOS 7デザインスタンダード』

iOS 7デザインスタンダード 最新のフラットデザインに対応-iPhoneに最適なUI・UXを徹底的に解説!
荻野 博章



2013年11月発売の本。タイトル通りiOS 7になって大幅変更になったデザインについて書かれている。発売直後に買ったのだけど、今頃になってようやく読んだ。

それまでのiOSアプリケーションでは、アイコンにしろUIにしろ現実に存在するもののメタファーとして立体感のあるデザインを採用していた。これがiOS 7からは、フラットデザインと呼ばれるまったく違った物に変更となった。

本書ではフラットデザインがどのようなものなのかを新旧のデザインを比較しながら、わかりやすく説明している。基本コンセプトとして「服従(Deference)」「明瞭(Clarity)」「重層(Depth)」を示し解説も細やか。

フラットデザインは初見に人にどれがボタンで操作できて、どれが操作できないのかわかりずらいものだとは思うのだけど、OS標準のアプリで操作に慣れれば小さな画面での操作としてはわかりやすいものになるのかもしれない。

開発側の作業量としては立体的で複雑な旧デザインに比べて少ない労力でできりょうになったと思うが、一方わかりやすく操作しやすいものにするためのセンスや力量はそれまで以上に必要となるように思える。

デザインのわかりやすさやフラットデザインの考え方を理解する上で旧デザインと比較しての説明のほうが、何もなしでの説明よりもわかりやすいのではないかと思うので、本書は今でも十分有用なものだと思う。

本書後半ではデザイナーとプログラマーがどのように協力してアプリケーションの開発をするのか、開発経験のない人でもわかりやすいように具体的な例を使って説明している。

□デザイン全般
https://dribbble.com/
https://www.behance.net/
http://designspiration.net/
https://jp.pinterest.com/
http://www.pixeden.com/
http://creattica.com/

□アイコン
https://www.iconfinder.com/
http://iconmonstr.com/
http://iosicongallery.com/
http://hlvticons.ch/

□UI
http://ui-cloud.com/
https://www.cocoacontrols.com/
http://www.mobile-patterns.com/
https://pttrns.com/
http://www.mobilemozaic.com/

□テンプレート
https://applidium.com/en/news/introducing_ios_7_gui_psd/
https://dribbble.com/shots/1152667-io-7-iphone-ai-download
https://dribbble.com/shots/1157005-io-7-ipad-ai-download
https://www.behance.net/gallery/9239019/ios-7-home-screen-free-psd
https://dribbble.com/shots/1111211-io-7-guide-freebie-psd
https://www.behance.net/gallery/10957463/all-in-one-app-icon-template-cc-(use-imageassets)
http://blakeperdue.com/ios7-wireframe-kit/
http://www.pixeden.com/psd-mock-up-templates/iphone-5s-psd-vector-mockup
http://www.pixeden.com/psd-mock-up-templates/3-4-iphone-5s-psd-vector-mockup
http://www.pixeden.com/psd-mock-up-templates/iphone-5c-psd-vector-mockup

□ペーパープロトタイプ用モックアップ
https://dribbble.com/shots/728257-free-printable-iphone-5-templates/
https://dribbble.com/shots/738220-iphone-5-doodlers

□Apple公式iOS 7ドキュメント
(最新版)
https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/
https://developer.apple.com/jp/documentation/UserExperience/Conceptual/MobileHIG/LayoutandAppearance.html
https://developer.apple.com/jp/documentation/UserExperience/Conceptual/TransitionGuide/Planning/Planning.html


posted by 永遠製作所 at 23:28| 東京 ☁| Comment(0) | TrackBack(0) | iPhone/iPod touch | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/447328149
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック