イラストの描き方/フリー素材/Webデザイン/Webデザイナー転職/フリーランス生活に関するブログ

フリーランスWebデザイナーのリアル

デザイン

スマホサイト制作の参考になるデザイン集サイトまとめ

更新日:

ここ数年の間にスマートフォンが急速に普及したことで、webデザイナーにとってもスマホサイト制作のスキルが必須となってきました。

私自身もスマホサイト制作のご依頼を頂くことが徐々に増えてきているので、まさに人事ではありません(汗)。

でも、私を含め今までPCサイトばかり作ってきたウェブデザイナーにとっては経験が少ない分、ちょっと不安になったりもするんですよ・・・。

で、そんな時に超ーー便利なのがスマホサイト専門のデザイン集です!
なんだかんだ言ってやっぱり実際のスマホサイトを参考に勉強するのが一番なんですよね~

ということで私が利用しているスマホサイト専門のデザイン集サイトを5個ご紹介します!

もちろん現在webデザイナーを目指して勉強中という方にとっても必見です!

スマホサイト制作の勉強に超便利!おすすめスマートフォンサイトのデザインリンク集5選

sps collection(エスピーエス・コレクション)

spscollection

 http://spscollection.com/

sps collection(エスピーエス・コレクション)にはデザイン性に優れたスマートフォンサイトが多数掲載されていてます。
また、レスポンシブWebデザインにも対応してるのでスマートフォンからもストレスなく掲載サイトをチェックすることができます。
スマートフォンサイトは当然スマホでもデザインをチェックしたいので、やっぱりレスポンシブ対応は嬉しいところです。
カテゴリも様々なジャンルやカラーに分類されているのでとっても探しやすいサイトです。

 

iPhoneデザインボックス

iphoneデザインボックス

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

こちらのiPhoneデザインボックスもクオリティの高いスマートフォンサイトがたくさん掲載されていて、キャプチャをクリックするとスマホサイトとPCサイトの両方の画像が表示されるので、特にレスポンシブwebデザインのサイトなんかをチェックするには非常に役立ちます。

 

AGT smartphone design gallery

Screenshot of agtsmartphonedesign.com

http://agtsmartphonedesign.com/

AGT smartphone design galleryは各サイトのキャプチャにマウスを重ねることで、上から下まですべてスクロールして見られるようになっています。
なのでスマートフォンを使わなくてもいいんです。
また、各サイトのキャプチャをクリックした場合は個別ページに遷移し、全画面をキャプチャ画像としても見られようになっています。
いちいちスマートフォンを取り出すのが面倒な人にはとても使い勝手の良いサイトですね。

 

iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト

Screenshot of iphonedesignarchive.jp

http://iphonedesignarchive.jp/

iPhoneデザインアーカイブは2010年5月から運営されているサイトだけあって、累計の掲載サイト数が1000以上と大量のスマホサイトが見られます。
カテゴリも豊富なので探しやすく、また掲載年月別でも見られるのでデザイントレンドの移り変わりなんかもチェックできますね。

 

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

Screenshot of sp-web.jp

http://sp-web.jp/

スマートフォンサイト集めました。はランディングページのリンク集サイトランディングページランディングページ集めました。の姉妹サイトです。
特にデザインクオリティが高いサイトばかり集めたという感じではなく“普通”のサイトも多数掲載されているので、むしろ実務には役に立つサイトが見つかりやすいんです。
だって実際仕事ではオシャレなサイトばっかり作るわけではないですからね。

 

まとめ

今後スマートフォンのデザインに関しては、運用面から考えてスマホ専用サイトよりもPCやタブレットと連動させたレスポンシブデザインが主流になっていくと思います。
このあたりのトレンドを感じとるためにも今回ご紹介したリンク集サイトはスマホサイトのデザインを勉強する上でとても役に立つので、こまめにチェックしていくことをオススメします。

-デザイン

Copyright© フリーランスWebデザイナーのリアル , 2025 All Rights Reserved Powered by STINGER.