Help us understand the problem. What is going on with this article?

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

More than 5 years have passed since last update.

by @mixiappwchr

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

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

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

アイコン類

iOSpirations

http://www.iospirations.com/
スクリーンショット 2014-03-20 21.46.14_120.png

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

iOS7

After iOS 7 Icons

http://afterios7icon.tumblr.com/
スクリーンショット 2014-03-20 21.46.49_120.png

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

Made for iOS 7

http://madeforios7.tumblr.com/
スクリーンショット 2014-03-20 21.48.01_120.png

こちらもiOS7関連。

テンプレート

App Design Vault

http://www.appdesignvault.com/
スクリーンショット 2014-03-20 21.47.36_120.png

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

パターン

Capptivate.co

http://capptivate.co/
スクリーンショット 2014-03-20 21.48.26_120.png
こちらは前も紹介したアニメーションも合わせて確認できるので非常に便利です!ただ動かないブラウザもあるのでchromeで見るのが吉

Meerli

http://iphone.meer.li/
スクリーンショット 2014-03-20 21.48.36_120.png

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

Inspired UI

http://inspired-ui.com/
スクリーンショット 2014-03-20 21.46.38_120.png

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

pttrns

http://pttrns.com/ios7
スクリーンショット 2014-03-20 21.48.17_120.png

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

Mobile Patterns

http://www.mobile-patterns.com/
スクリーンショット 2014-03-20 21.46.23_120.png

こちらもパターン集

Dribbble

http://dribbble.com/search?q=ios
スクリーンショット 2014-03-20 21.46.30_120.png

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

laudableapps

http://laudableapps.com/
スクリーンショット 2014-03-21 8.46.45_120.png

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

appsolute.ly

http://www.appsolute.ly/
スクリーンショット 2014-03-21 8.49.11_120.png

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

tapfancy

http://tapfancy.com/
スクリーンショット 2014-03-21 8.50.53_120.png

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

pinterest

http://www.pinterest.com/appsifyme/ios-design-ui-ux-mobile/
スクリーンショット 2014-03-21 9.27.50_120.png

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

Android

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

androidniceties

http://androidniceties.tumblr.com/
スクリーンショット 2014-03-21 8.53.14_120.png

画像サイズを選べます。

androidpatterns

http://www.androidpatterns.com/
スクリーンショット 2014-03-21 8.57.18_120.png

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

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

appwchr post

iOSの開発をする上で絶対に使うべき!外せない!webサービス、開発ツール集

iOSでこんなアプリ,こんな機能を作りたかったらこれを見ろ!作りたいアプリに対応するクラス、フレームワーク、ライブラリのまとめ!

注目のiBeacomなどの波に乗り遅れないために!iOSのBluetooth開発を容易にするライブラリを書きました。

まだまだあった!iOSの開発を劇的に改善する最新のwebサービス、開発ツール集1

さらに快適なアプリ開発を!iOSの開発をもっと劇的に改善する最新のwebサービス、開発ツール集2

スパゲッティから脱出!iOS開発における遷移の問題をすっきり解決する便利ルーティングライブラリをご紹介

appwatcher
mixi , DeNAと渡り歩いて、現在フリーランスでやっています。 iOS,サーバーサイド,Android,JS,sass,インフラなんでもやります。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away