こんにちはNOEです。
スマホサイトのデザインをしていて、
「ナビの位置はどうしよう？」「レスポンシブの見せ方は？」「タイトルの文字サイズどうしよう？」など、色々と考える事がありますよね。
そんな時に、私が参考にしているスマホデザインを集めたサイトを紹介します。
国内サイト
SPS collection
カテゴリー、カラー、アーカイブでの検索機能が付いています。2012年から運営されておりサイト数が多いです。
サイトデザインがスッキリしており、とても見やすい。ブックマーク機能が付いており、サイト内で気になったデザインはストックできます。
RWDJP(RESPONSIVE WEB DESIGN JP)
レスポンシブデザインに特化した、ギャラリーサイトです。レスポンシブデザイン作成の時は、こちらのサイトを参考にさせて頂いております。
更新頻度も多いので沢山のサイトが紹介されております。ファーストビューで各デバイスごとの見え方が分かるので参考にしやすいですね。
iphone Design Box
サイト紹介のページでは、PCデザインとSPデザインを見比べる事が出来ます。SPサイトのナビなどのキャプチャも見る事が出来てサイト構造が分かりやすいです。
そして同じカテゴリ・関連するデザインを、サイト内から検索してくれるので参考を探しやすいです。
hi-posi Inc. mobile-design(ピンタレスト)
https://jp.pinterest.com/mobileDesignJp/
株式会社hi-posiのスタッフさんが日々更新されているスマホデザインのピンタレストです。色のカテゴリーで分けられています。
ピンタレストのUIは、ストックしたものが見やすいので便利ですね。
iphone Design Box
アプリのアイコンを大量に集められています。アプリデザインや、アイコン、ボタン作成時など参考にしたいですね。
海外サイト
Media Queries
レスポンシブを集めたサイトです。4デバイスの見え方を紹介しています。
lovely ui
お洒落なデザインを集められています。女性向けデザインが多いです。
Android Niceties
http://androidniceties.tumblr.com/
Androidに特化したギャラリーサイトです。フラットデザインや、マテリアルデザインの参考になります。
以上、8サイトを紹介させて頂きました。
どれも掲載数が多く、デザインの参考になります！ブックマークしましょう！
