creatersnest

スマホサイトが参考になる良質デザインギャラリーまとめ


ウェブサイトを、パソコンよりもスマートフォンから見る人の方が増えている今の時代。
スマートフォンサイトのデザインには今後ますます力を入れていかなくてはなりません。
今回はスマートフォンの参考になるギャラリーサイトを10個ご紹介します。

sps collection

http://spscollection.com/
国内のスマホサイトを集めたギャラリーサイトです。
カテゴリ別や色別など、検索機能も充実しています。

 

AGT smartphone design gallery

http://agtsmartphonedesign.com/

こちらも国内のスマホサイトを集めたギャラリーサイトです。
マウスオーバーすると自動でキャプチャがスクロールしてページ全体を見ることができます。

 

Responsive Web Design JP

http://responsive-jp.com/
国内のレスポンシブデザインを集めたギャラリーサイトです。
PC・タブレット・スマホのキャプチャを比較して見ることができます。

 

Media Queries

http://mediaqueri.es/
こちらも同じくレスポンシブデザインを集めた、海外のサイトです。
上記3種類にNetbookを加えた、4種類のキャプチャを比較できます。

 

iPhoneデザインボックス

http://design.web-hon.com/
iPhoneでの表示に特化したギャラリーサイトです。
実際の端末表示に近いキャプチャを見ることができます。

 

hi-posi Inc. mobile-design

https://www.pinterest.com/mobileDesignJp/pins/
国内のスマホサイトを集めたpinterstアカウントです。
ページ全体をキャプチャしてあるので全体像を一目で確認できます。

 

ULTRA UI

http://ui.theultralinx.com/
こちらは海外のtumblrアカウントです。
UIに関する様々なキャプチャが集まっています。

 

thinkthing

http://thinkthing.net/
国内外問わずたくさんのスマホサイトが集まっているギャラリーサイトです。
サイトの説明が見られるので海外サイトでも内容を把握しやすくなっています。

 

MOBILE PATTERNS

http://www.mobile-patterns.com/
スマホUIを集めた海外のサイトです。
ナビゲーションやログイン画面など、シーン毎のカテゴリ分けが充実しています。

 

iOSpirations

http://www.iospirations.com/

UIデザインだけでなくアイコンなどiOS全般のデザインを集めたサイトです。
洗練されたデザインからインスピレーションを得ることができます。

 

さいごに

いかがでしたか?
参考になるサイトは見つかったでしょうか。
今後もどんどん新しいデザインが掲載されていくギャラリーサイトを常にチェックして、自分のデザインを磨いていきましょう。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


habutako

未経験で入社したWEB制作会社で、マークアップエンジニアとして2年間の修行を積む。現在フリーランス。 ウェブデザイナーと動物ボランティアという2足のわらじを履いて、パソコンとアニマルシェルターと愛猫の間を行き来する毎日。

Next Article【CSS】美しいhover(ホバー)が印象的なボタンを作成しよう