荻野 博章
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