作る前にチェック!スマートフォンサイトのデザイン集サイトまとめ

初心者必見のスマートフォンサイトを制作する前に参考にしたい「スマホサイトのデザイン集サイト」をまとめた記事です。国内外のサイトを紹介しているので、サイト制作を発注するときにも役立ちます。PCサイトとのデザインの違いをチェックしましょう!

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。

スマートフォン対応を検討することも多くなっていると思いますが、PCのサイトと大きくデザインが異なるので、自分で作る際、あるいは発注する際にデザインで迷うことはないでしょうか。

 

そこで、今回はスマホサイトのデザイン集サイトをピックアップしてみました。国内と海外の両方のサイトをピックアップしているので、気になるものを参考にしてみてください。

 

国内のスマホデザイン集サイト

国内サイトだけあって、国内のスマートフォンサイトのデザインを集めたサイトが多くなっています。

カテゴリーなども細かく整理されていることが多いので、見つけやすくて便利です。

 

 スマートフォンサイト集めてみました。

スマートフォンサイト集めました。

日本のスマートフォンサイトを数多く網羅しているデザイン集です。

細かなジャンル別にカテゴライズされているので、これから作成しようとするサイトの性格に合うものをより早く見つけ出すことが可能です。ユーザーによる星評価やコメントも役立ちます。

スマートフォンサイト集めてみました。 

 

 

iPhoneDesignBox

iPhoneDesignBox

女性に人気がありそうなかわいいデザインのスマートフォンサイトが多く紹介されています。

パステルカラーや柔らかくフェミニンなイラストはサイトの滞在時間を伸ばすことにも効果がありそうです。居心地のいいスマートフォンサイトを作りたいならぜひチェックしたいサイトです。

iPhoneDesignBox

 

 

AGT

AGT

大胆な構図と、思わず視線が釘付けになるような画像をミックスした良質なサイトを中心に紹介しています。

スマートなサイト作りの参考になりそうなデザインが並んでいます。

AGT

 

 

thinkthing

thinkthing

スマートフォンサイトの制作などを手がける株式会社アイスリーデザインが運営するサイトです。国内のサイトだけでなく、海外サイトも多く紹介されています。

このサイトでは、ユーザーがスマホサイトを紹介できるようになっています。投稿されたサイトにはFacebookで「いいね!」 を付けることも可能です。

thinkthing 

 

 

iPhoneデザインアーカイブ

iPhoneデザインアーカイブ

iPhone用のサイトデザインを集めたサイトです。携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトでもあります。

国内の大手企業のサイトを中心に1000位上のサイトが紹介されています。カテゴリー別に探せるので便利です。

iPhoneデザインアーカイブ

 

 

海外のスマホデザイン集サイト

国内のサイトだけを見ていても、似たようなデザインになってしまうという場合は海外のサイトが便利です。

視覚的に特徴のあるサイトが多いようです。

 

Mobile Website Gallery

Mobile Website Gallery

スマートフォンサイトというより映画のワンシーンを見ているような、クオリティの高い写真で構成されるサイトをピックアップしています。

アパレルや出版社など、会社そのものの雰囲気を伝えたいサイト作りに参考になりそうです。

Mobile Website Gallery

 

 

[PR] Webデザインで挫折しない学習方法を動画で公開中

FWA mobile

FWA mobile

写真を主役にしたモバイルサイトを多数掲載しています。

無駄を省いてシンプルなサイトにしたいという場合は役に立ちそうです。

FWA mobile

 

今回の記事はいかがでしたか?

ぜひこの記事を参考に、スマートフォンサイトを作ったり、発注したりしてみてください!

[お知らせ]TechAcademyではプログラミング初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。

オンラインブートキャンプ