akuyan to

イベント/旅行/デザイン/おいしいもの...

iOS7デザインに関してのデザイナー的チェックメモ

iOS7からiOS内のデザインが一新されるとのことで、世のスマホコンテンツデザイナーの皆様におかれましては、ああ色々かえなきゃめんどくせーなーとお思いのことかと存じます。とはいえ、フラットデザインとかいうものの存在はさておき、どこがどう変わって何に気をつけておかなきゃいけないのかというのは把握しておくに越したことはないので、チェックしといた方がよさそうなページいくつかメモります。


必須で見ておくもの


screenshot  screenshot


Appleから公式でだされているiOS7におけるアプリ開発のガイド。これは読まなきゃ始まらないレベルで始まらないのでわりと真剣に読んだ方がよいやつ。でも正直英語で見ていると疲れるので、概要を訳してくれている日本の記事も参考にしてみるといいかんじです。

Apple iOS7 UI 公式ガイド
https://developer.apple.com/library/prerelease/ios//design/index.html

※公式サイトからはディベロッパー登録している人でないとガイドをDLできないので、DLしたい人はお近くのディベロッパーさんにお願いするとよいです。
※誰かがslideshareにアップしるっぽいですね。

iOS 7のフラットデザインでアプリを開発するための移行ガイドをAppleが発行 | TechCrunch Japan
http://jp.techcrunch.com/2013/06/11/20130610apple-publishes-ios-7-transition-guide-to-help-developers-adopt-flat-design/

全体的に把握するのにいいかんじ


screenshot


WWDC内で発表されたiOS7に関するデザイン的な部分のまとめ記事です。
フラットじゃなくて奥行きだという話とか、フォントがどれ使われているとかは頭の中にいれておきたい。

[ #WWDC2013 ]iOS 7、フラットデザインというより「奥行き」のデザインである : ギズモード・ジャパン
http://www.gizmodo.jp/2013/06/post_12510.html

もうさっそくiOS7対応しなきゃいけない人向け


screenshot  screenshot


いやもうこちとら今すでにiOS7対応に向かって動いてるよ!という方もいなくはないと思うので、1から作るのがめんどくさいGUIテンプレを作ってくれた方に感謝しつつ、ぜひどうぞ。

Applidium — Decouvrez iOS 7 GUI PSD
http://applidium.com/news/decouvrez_d_ios_7_gui_psd/

iOS7 GUI PSD | Teehan+Lax
http://www.teehanlax.com/tools/ios7/

screenshot


あとiOS6と比べてiOS7でどういう移り変わりがなされているのか、Apple公式アプリやスクリーンショットでも確認しておくといいかも。

Here's What All The New iOS 7 Icons Look Like Compared To iOS 6 Icons | Cult of Mac
http://www.cultofmac.com/231380/heres-what-the-all-new-ios-7-icons-look-like-next-to-their-ios-6-counterparts-image/

ASCII.jp:「iOS 7」スクリーンショット集、フラットデザインとは?
http://ascii.jp/elem/000/000/797/797911/

デザインの参考


screenshot


今風にダサい!をiOS7で展開したAppleに対してもの申す!ということで、世界中からiOS7のリデザインがでてきているようなので、参考までに見ておくとたのしいです。

【まだ間に合う?!】世界中のデザイナーが提案するiOS7リデザインが秀逸すぎる - NAVER まとめ
http://matome.naver.jp/odai/2137110627744403801

他にも「これ見といた方がいいよ!」があったら教えてください。見ます。