by @mixiappwchr
iOS開発において、UI/UXは最重要ポイントといっても、過言ではありません。
とは言っても、こればっかりはセンスをもちあわせてないと難しいですが、センスのよい人たちから学ぶことで、インスピレーションが鍛えられると思います
そこで参考になるサイト群を探してみました。
アイコン類
iOSpirations
こちらはアプリのアイコンやそれだけでなくランディングページのギャラリーもあります。
iOS7
After iOS 7 Icons
http://afterios7icon.tumblr.com/
こちらはiOS7になりアイコンがどうなったかを比較したサイトです。
まだ調整してないアプリは参考になりそうです。
Made for iOS 7
http://madeforios7.tumblr.com/
こちらもiOS7関連。
テンプレート
App Design Vault
http://www.appdesignvault.com/
このサイトは実際のデザインのテンプレートを買うことができます。手っ取り早くかっこいいデザインを手に入れるには一番の近道かもしれませんね。
パターン
Capptivate.co
http://capptivate.co/
こちらは前も紹介したアニメーションも合わせて確認できるので非常に便利です!ただ動かないブラウザもあるのでchromeで見るのが吉
Meerli
このサイトはUI集だけでなく実際に誰が手がけた物なのかわかる点がほかと違います。このアプリこの人作ったのか!とか結構面白いです。Clearの人とかいましたね。
Inspired UI
こちらはiPhoneだけでなくiPadやAndroidも見ることができます。iPhone以外の対応も考えている場合は見るべき
pttrns
こちらは有名どころのパターン集
Mobile Patterns
http://www.mobile-patterns.com/
こちらもパターン集
Dribbble
http://dribbble.com/search?q=ios
dribbbleはアプリUIだけにとどまらないので様々な刺激をもらえますね。
laudableapps
こちらはサイトがとてもシンプル。サイト自体もセンスがいい物が多いので参考になります。
appsolute.ly
このサイトは全体的にほかのやつがおしゃれ系が多い中、ゲームなどのジャンルも取り上げてるので、幅広く調べたいときに
tapfancy
こちらも取り上げているテイストが他とちょっとちがうっぽい感触なのでバリエーションを広げれそう。
http://www.pinterest.com/appsifyme/ios-design-ui-ux-mobile/
pinterestでも探せます。またいいUI見つけたらpinすると吉ですね。
Android
Androidものせておきます。Androidを開発する時はiOSとのUXのお作法の違いを意識する必要がありますね
androidniceties
http://androidniceties.tumblr.com/
画像サイズを選べます。
androidpatterns
http://www.androidpatterns.com/
こちらは実際のアプリではなくワイヤーによるパターン集。
インタラクションを丁寧に書いているので、参考にしやすそう。
たくさんの事例をみることでインスピレーションが生まれやすいと思いますので定期的にチェックしてみましょう!
appwchr post
iOSの開発をする上で絶対に使うべき!外せない!webサービス、開発ツール集
[iOSでこんなアプリ,こんな機能を作りたかったらこれを見ろ!作りたいアプリに対応するクラス、フレームワーク、ライブラリのまとめ!]
(http://qiita.com/appwatcher/items/b02255026a3ee6d95142)
[注目のiBeacomなどの波に乗り遅れないために!iOSのBluetooth開発を容易にするライブラリを書きました。]
(http://qiita.com/appwatcher/items/7491beffd7260b713542)
[まだまだあった!iOSの開発を劇的に改善する最新のwebサービス、開発ツール集1]
(http://qiita.com/appwatcher/items/f0024fe2ac34da345f04)
[さらに快適なアプリ開発を!iOSの開発をもっと劇的に改善する最新のwebサービス、開発ツール集2]
(http://qiita.com/appwatcher/items/c15d7311e71b4c2b77f1)
[スパゲッティから脱出!iOS開発における遷移の問題をすっきり解決する便利ルーティングライブラリをご紹介]
(http://qiita.com/appwatcher/items/259e8d13fff0547e90af)