本日からデザイナーブログをはじめることにしました。どうぞよろしくお願いします。
記念すべき1つめの記事です。

まずはアプリデザインをする上で、覚えておくと便利なブックマークをまとめてみます。
デザインのヒントをもらったりインスパイアを受けたり、クリエイティブなアプリデザインは見ているだけで楽しいですよね。
他の方のブログやサイトでまとまってるものを良く見ますが、自分がアプリデザインをする際に参考にしているサイトさんだけをまとめました。

Android関連は最後の2つだけで、他はすべてiOSのアプリやアイコン紹介になります。
アイコンに関してはAndroidアプリ作成時にも参考になるかと思いますのでぜひ見てみてください！

1.アプリの顔～アイコン～

Apple Inspires Me



http://www.appleinspires.me/

アイコンだけでなく、UI、WEBSITEも紹介しているサイトです。
一覧で見れるアイコンはどれも美しく、ワンクリックでvoteも出来るので人気のあるデザインがわかるようになっています。



iOS Icon Gallery



http://iosicongallery.com/

白背景にアイコンが整列されているシンプルなサイトです。
アイコンの個別ページでは530pxという大きいサイズでアイコンが表示されるので、細かい作りも確認できて便利です。



【実録】アプリアイコンの作り方　　〜２％のデザイン〜



http://jacminik.wordpress.com/2011/05/22/create_icon/

こちらは少々番外編です。
アプリ開発をされているJacminikさんのブログ記事です。
1つのアプリアイコンを完成させるまでに作った42ものデザインは必見です！
冒頭でも「アイコンはアプリの顔」と書きましたが、ここまでこだわってデザインされる姿勢は見習いたいです。
いくつもアイコンをデザインしているとつい細かい作りこみばかりしてしまいがちですが、一つ一つの要素の意味をしっかり見直したいですね。
デザイン着手する前にぜひ読んでみてください。

2.UIデザイン

pttrns



http://pttrns.com/

@2xのRetinaサイズのキャプチャも用意されているので、実機にいれて確認したり細部のデザインまで見ることができます。



TappGala



http://www.tappgala.com/

紹介しているアプリのセンスがずば抜けて良いのでとても参考になります。
カテゴリ分けされているので探しやすく使い勝手が良いです。



lovely ui



http://www.lovelyui.com/

スッキリとしたミニマルデザインのサイトなので、キャプチャが引き立ちます。
キャプチャサイズが小さいので目当てのUIデザインをざっくり探すのに向いています。



Mobile UI Patterns



http://mobile-patterns.com/

横スクロールでキャプチャを見せてくれます。
有名なアプリが多く、勉強になります。



Inspired UI



http://inspired-ui.com/

非常に完成度の高い使いやすいサイトです。
画面毎、アプリ毎にそれぞれ一覧表示してくれるので便利です。



Android App Patterns



http://www.androidpatterns.com/

アプリのキャプチャを紹介してくれています。
Tablet端末のキャプチャもありますので、これから着手するというときには目を通しておくと参考になります。



ANDROID PATTERNS



http://www.androidpatterns.com/

Android端末で実装することのできるUIのデザインパターンを紹介してくれています。
自由度の高いAndroidだからこそ、基本のパターンはしっかり踏まえておきたいですね。

コメントする