こんな僕でもおしゃれなiOSアプリを閃く！インスピレーションを掻き立てるアプリデザインの参考サイト集1！

by @mixiappwchr

iOS開発において、UI/UXは最重要ポイントといっても、過言ではありません。

とは言っても、こればっかりはセンスをもちあわせてないと難しいですが、センスのよい人たちから学ぶことで、インスピレーションが鍛えられると思います

そこで参考になるサイト群を探してみました。



## アイコン類
### iOSpirations
http://www.iospirations.com/
![スクリーンショット 2014-03-20 21.46.14_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/a1e3ad23-d22d-801f-15ee-8702d668d20d.png)

こちらはアプリのアイコンやそれだけでなくランディングページのギャラリーもあります。


## iOS7
### After iOS 7 Icons
http://afterios7icon.tumblr.com/
![スクリーンショット 2014-03-20 21.46.49_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/9ff57a6c-a686-15d9-d3bc-7597e4e3dfe5.png)

こちらはiOS７になりアイコンがどうなったかを比較したサイトです。
まだ調整してないアプリは参考になりそうです。

### Made for iOS 7
http://madeforios7.tumblr.com/
![スクリーンショット 2014-03-20 21.48.01_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/beeaef32-9a88-5572-b584-e37dd9afd914.png)


こちらもiOS7関連。

## テンプレート
## App Design Vault
http://www.appdesignvault.com/
![スクリーンショット 2014-03-20 21.47.36_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/4c1fd8e8-6ad4-9e2c-4fae-7c1e0e07ced3.png)

このサイトは実際のデザインのテンプレートを買うことができます。手っ取り早くかっこいいデザインを手に入れるには一番の近道かもしれませんね。


## パターン
### Capptivate.co
http://capptivate.co/
![スクリーンショット 2014-03-20 21.48.26_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/c9ee7788-00d0-7576-d6b4-2b1c90ac72a6.png)
こちらは前も紹介したアニメーションも合わせて確認できるので非常に便利です！ただ動かないブラウザもあるのでchromeで見るのが吉

### Meerli
http://iphone.meer.li/
![スクリーンショット 2014-03-20 21.48.36_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/5ff16d22-4501-1661-94f0-3051e86e7613.png)

このサイトはUI集だけでなく実際に誰が手がけた物なのかわかる点がほかと違います。このアプリこの人作ったのか！とか結構面白いです。Clearの人とかいましたね。



### Inspired UI
http://inspired-ui.com/
![スクリーンショット 2014-03-20 21.46.38_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/d87c410f-78f1-a782-d63f-9ff2dd8d7d7d.png)

こちらはiPhoneだけでなくiPadやAndroidも見ることができます。iPhone以外の対応も考えている場合は見るべき



### pttrns
http://pttrns.com/ios7
![スクリーンショット 2014-03-20 21.48.17_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/12205d00-1f7b-9c90-82f3-2e02e1559677.png)

こちらは有名どころのパターン集

### Mobile Patterns
http://www.mobile-patterns.com/
![スクリーンショット 2014-03-20 21.46.23_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/919cf26a-3677-2878-ff15-33731c19f3e4.png)

こちらもパターン集


### Dribbble
http://dribbble.com/search?q=ios
![スクリーンショット 2014-03-20 21.46.30_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/64a48b03-fbfb-a404-b9af-da7e8a63556c.png)

dribbbleはアプリUIだけにとどまらないので様々な刺激をもらえますね。

### laudableapps
http://laudableapps.com/
![スクリーンショット 2014-03-21 8.46.45_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/8ba8d7f2-b4c2-5e70-cfff-685aa2159fe0.png)

こちらはサイトがとてもシンプル。サイト自体もセンスがいい物が多いので参考になります。

### appsolute.ly
http://www.appsolute.ly/
![スクリーンショット 2014-03-21 8.49.11_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/8d3d49ee-56fc-ba59-09bc-e9cf6a2ae7da.png)

このサイトは全体的にほかのやつがおしゃれ系が多い中、ゲームなどのジャンルも取り上げてるので、幅広く調べたいときに

### tapfancy
http://tapfancy.com/
![スクリーンショット 2014-03-21 8.50.53_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/ba3c11d4-abd0-ceb5-5365-54a3f97c824f.png)

こちらも取り上げているテイストが他とちょっとちがうっぽい感触なのでバリエーションを広げれそう。

### pinterest
http://www.pinterest.com/appsifyme/ios-design-ui-ux-mobile/
![スクリーンショット 2014-03-21 9.27.50_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/fac88f0b-29cb-281d-695d-e6f4a1ab3e76.png)

pinterestでも探せます。またいいUI見つけたらpinすると吉ですね。

## Android
Androidものせておきます。Androidを開発する時はiOSとのUXのお作法の違いを意識する必要がありますね

### androidniceties
http://androidniceties.tumblr.com/
![スクリーンショット 2014-03-21 8.53.14_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/0718fbbe-0640-2f2b-d71a-ecdcea01aa0b.png)

画像サイズを選べます。

### androidpatterns
http://www.androidpatterns.com/
![スクリーンショット 2014-03-21 8.57.18_120.png](https://qiita-image-store.s3.amazonaws.com/0/37731/5675fd01-6a2d-a0c3-d19c-4348147bca3f.png)

こちらは実際のアプリではなくワイヤーによるパターン集。
インタラクションを丁寧に書いているので、参考にしやすそう。



たくさんの事例をみることでインスピレーションが生まれやすいと思いますので定期的にチェックしてみましょう！


##### appwchr post
----

[iOSの開発をする上で絶対に使うべき！外せない！webサービス、開発ツール集](http://qiita.com/appwatcher/items/07a3babcb9b6cefb307e)

[iOSでこんなアプリ,こんな機能を作りたかったらこれを見ろ！作りたいアプリに対応するクラス、フレームワーク、ライブラリのまとめ！]
(http://qiita.com/appwatcher/items/b02255026a3ee6d95142)

[注目のiBeacomなどの波に乗り遅れないために！iOSのBluetooth開発を容易にするライブラリを書きました。]
(http://qiita.com/appwatcher/items/7491beffd7260b713542)

[まだまだあった！iOSの開発を劇的に改善する最新のwebサービス、開発ツール集１]
(http://qiita.com/appwatcher/items/f0024fe2ac34da345f04)

[さらに快適なアプリ開発を！iOSの開発をもっと劇的に改善する最新のwebサービス、開発ツール集2]
(http://qiita.com/appwatcher/items/c15d7311e71b4c2b77f1)

[スパゲッティから脱出！iOS開発における遷移の問題をすっきり解決する便利ルーティングライブラリをご紹介]
(http://qiita.com/appwatcher/items/259e8d13fff0547e90af)