スマートフォンサイト制作時に参考になるギャラリーやサイトまとめ

スマートフォンサイト制作時に参考になるギャラリーやサイトまとめ

スマートフォンサイト制作時に参考になりそうなギャラリーやサイトをちょくちょく見つけてはブックマークしていたのですが、結構な数になってきたので自分のブクマ整理兼ねてまとめました。

日に日にスマートフォンの利用者が増えているように、Web制作に関わる方も今までのPCサイトやモバイルサイトだけでなく、最近はスマートフォン向けサイトの制作が増えてきたのではないかと思います。
スマートフォンに関してはまだ不明な点が多いと感じる方も少なくないと思うので、以下に紹介するギャラリーではデザイン面だけでなく、その他の部分でも何かと参考になることが多いのでないかと思います。

スマートフォンの各ギャラリーやサイトまとめ 目次

  1. 国内のギャラリー/参考サイト
  2. 海外のギャラリー/参考サイト
  3. UI関連のギャラリー
  4. その他

1. 国内のギャラリー/参考サイト

iPhoneデザインアーカイブ

iPhoneデザインアーカイブ

スマートフォンサイトのギャラリーとして、国内ではかなり有名なサイトですね。
国内サイトだけでなく、海外サイトもあります。

iPhoneデザインボックス

iPhoneデザインボックス

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

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

AGT smartphone design gallery

AGT smartphone design gallery

国内外のサイトを集めたデザインギャラリー。
マウスオンで画像でスクロールされて、詳細ページに飛ばなくてもサイトの全体像を確認できます。

meet i [ミートアイ]

meet i [ミートアイ]

絶対見ておきたい有名企業のスマホサイトまとめ|ASCII.jp

絶対見ておきたい有名企業のスマホサイトまとめ|ASCII.jp

対象を日本の企業サイトだけに絞り、業種別に分類してまとめてあります。

スマホサイトを作る前に見たい国内38社の実例|ASCII.jp

スマホサイトを作る前に見たい国内38社の実例|ASCII.jp

記事のタイトルが変わってますが、上記の後編です。

jQuery Mobileを使った国内スマホサイトまとめ|ASCII.jp

jQuery Mobileを使った国内スマホサイトまとめ|ASCII.jp

タイトル通り、jQuery Mobileを使用したサイトまとめです。

目次へ

2. 海外のギャラリー/参考サイト

CSS iPhone

CSS iPhone

Mobile Web Design

Mobile Web Design

Refined Mobile

Refined Mobile

iPad and iPhone Design Inspirations Gallery

iPad and iPhone Design Inspirations Gallery

40+ Best Mobile Website Designs|Tech News & Entertainment

40+ Best Mobile Website Designs|Tech News & Entertainment

こちらはギャラリーではなく、参考になるスマホサイトを40サイトまとめた記事です。

38 Mobile (iPhone) Sites|Web Designer Wall

38 Mobile (iPhone) Sites|Web Designer Wall

こちらも上記と同様、参考になるiPhoneサイトを38サイトまとめた記事です。

目次へ

3. UI関連のギャラリー

TapFancy

TapFancy

Mobile Patterns

Mobile Patterns

lovely ui

lovely ui

pttrns

pttrns

TappGala

TappGala

Mobile Design Pattern Gallery

Mobile Design Pattern Gallery

Meerli

Meerli

目次へ

4. その他

Apple Inspires Me

Apple Inspires Me

他サイトではあまり見かけない、アイコンのデザインギャラリーがあります。
綺麗なアイコンばかりでとても参考になります。

App Sites

App Sites

こちらも他ではあまり見かけないアプリのギャラリーです。

Media Queries

Media Queries

スマートフォンの広がりと同時によく見かけるようになった、レスポンシブWebデザインを用いたサイトのギャラリーです。

jQuery Mobile Gallery

jQuery Mobile Gallery

サイト名からもわかるように、jQuery Mobileを使用しているサイトのギャラリー。
上で紹介したMedia Queries同様、これからいろいろと参考にさせてもらうことが多そうなギャラリーのひとつです。

目次へ

以上、スマートフォンサイト制作時に参考になるギャラリーやサイトまとめでした。
他にも幾つか見かけてブックマークしていたのですが、最近あまり更新していなかったりしたのと、個人的に良く見ていると思うものだけに絞ってまとめてみました。

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。