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

[カテゴリ]デザイン

ここ数年の間にスマートフォンが急速に普及したことで、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やタブレットと連動させたレスポンシブデザインが主流になっていくと思います。
このあたりのトレンドを感じとるためにも今回ご紹介したリンク集サイトはスマホサイトのデザインを勉強する上でとても役に立つので、こまめにチェックしていくことをオススメします。

  • このエントリーをはてなブックマークに追加

関連コンテンツ

初めてスマホサイトをデザイン制作する時の注意点12項目

初めてスマホサイトをデザイン制作する時の注意点12項目

ここ数年、メディアで取り上げられるweb・IT系の話題はスマートフォンに関係するものが多く、パソコンは影の薄い存在になりました。 私は普段仕事で主にPCサイ…

おっさんのイラスト

“カワイイ”webデザインの多くはおっさんが作っている3つの理由

キャラクターやアイドル、レディースアパレルといったジャンルを中心に、世の中にあふれる“カワイイ”webデザイン。 実はその多くがおっさん(中年男性)によって…

Stinger3のロゴ

Stinger3 スマホページ読み込み中にカテゴリメニューのアコーディオンが開かないようにする方法

当サイトではStinger3というWordPressのテーマを使用しています。多くのサイトで使用されている非常に人気の高いテーマなんですが、以前から微妙に気に…

webサイトリンク集の決定版!Webデザイン制作の参考サイトを探すならMUUUUU.ORG(ムーオルグ)

おすすめのwebデザインリンク集サイト『MUUUUU.ORG(ムーオルグ)』

webサイトをデザインする際やクライアントとデザインイメージを共有する際に活用することが多い「webデザインリンク集サイト」。 「webデザイン リンク集」…

掲載される媒体によって違う、バナーをデザインする時に意識すべきこと

バナーをデザインする時に意識すべきこと

webデザインの仕事をしている方なら、常日頃から多くのバナーを作っていますよね。 私自身も普段さまざまなジャンルのバナー制作を依頼されてデザインしています。…

バナーデザインのギャラリーサイト

バナー広告のデザイン制作で参考になるデザインリンク集まとめ厳選3サイト

バナー広告のデザインってほんとに奥が深いですよね。 あの小さなサイズの中にデザインのノウハウやマーケティング戦略、ブランド戦略などがギッシリと詰まっているわ…

ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト10選

ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト

10月31日のHalloweenに向けて、様々なキャンペーンやイベントの特設サイトがリリースされてきています。そこで、ハロウィーン関係のキャンペーンページや特…

パソコンをする女性

なぜWebデザイン制作を依頼する人は、やたらと高級感を求めるのか

仕事でwebデザインを制作する際、依頼いただいたクライアントから希望のデザインイメージについて着手前にヒアリングをするのですが、この時なぜか「高級感を出して」…