【スマ研】第2回 :スマホサイト制作の時に参考にしたいサイト8選!

ic

こんにちはNOEです。

 

スマホサイトのデザインをしていて、

「ナビの位置はどうしよう?」「レスポンシブの見せ方は?」「タイトルの文字サイズどうしよう?」など、色々と考える事がありますよね。

 

そんな時に、私が参考にしているスマホデザインを集めたサイトを紹介します。

 

 

国内サイト

 

SPS collection

01

http://spscollection.com/

カテゴリー、カラー、アーカイブでの検索機能が付いています。2012年から運営されておりサイト数が多いです。

サイトデザインがスッキリしており、とても見やすい。ブックマーク機能が付いており、サイト内で気になったデザインはストックできます。

 

RWDJP(RESPONSIVE WEB DESIGN JP)

02

http://responsive-jp.com/

レスポンシブデザインに特化した、ギャラリーサイトです。レスポンシブデザイン作成の時は、こちらのサイトを参考にさせて頂いております。

更新頻度も多いので沢山のサイトが紹介されております。ファーストビューで各デバイスごとの見え方が分かるので参考にしやすいですね。

 

iphone Design Box

03

http://design.web-hon.com/

サイト紹介のページでは、PCデザインとSPデザインを見比べる事が出来ます。SPサイトのナビなどのキャプチャも見る事が出来てサイト構造が分かりやすいです。

そして同じカテゴリ・関連するデザインを、サイト内から検索してくれるので参考を探しやすいです。

 

hi-posi Inc. mobile-design(ピンタレスト)

04

https://jp.pinterest.com/mobileDesignJp/

株式会社hi-posiのスタッフさんが日々更新されているスマホデザインのピンタレストです。色のカテゴリーで分けられています。
ピンタレストのUIは、ストックしたものが見やすいので便利ですね。

 

iphone Design Box

名称未設定-1

http://icondrop.net/

アプリのアイコンを大量に集められています。アプリデザインや、アイコン、ボタン作成時など参考にしたいですね。

 

海外サイト

 

Media Queries

06

http://mediaqueri.es

レスポンシブを集めたサイトです。4デバイスの見え方を紹介しています。

 

lovely ui

07

http://www.lovelyui.com/

お洒落なデザインを集められています。女性向けデザインが多いです。

 

Android Niceties

08

http://androidniceties.tumblr.com/

Androidに特化したギャラリーサイトです。フラットデザインや、マテリアルデザインの参考になります。

 

 

以上、8サイトを紹介させて頂きました。

どれも掲載数が多く、デザインの参考になります!ブックマークしましょう!