Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
スマホ向けWEBサイトを集めたギャラリーサイトのご紹介 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

スマホ向けWEBサイトを集めたギャラリーサイトのご紹介

投稿日:

Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。

とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。

そこで今回は、スマホ対応もしっかり確認できるギャラリーサイトを2つご紹介します。

 

スマホ向けWEBサイトを集めたギャラリーサイト

AGT

http://agtsmartphonedesign.com/

こちらのサイトには、日本だけでなく海外のスマホサイトも掲載されています。

画像をホバーすると自動でページをスクロールしてくれるので、いちいち詳細を開かなくても全体を確認することができます。

 

Responsive Web Design JP

http://responsive-jp.com/

こちらはレスポンシブデザインのWebサイトを探したい時に便利なサイト。
スマホ・タブレット・PCと、サイズごとにWebサイトのキャプチャが掲載されていて、それぞれのファストビューを比較して見ることができます。
画像右側にある「+MORE」を押すと、サイトの概要など詳しい情報を見ることができます。

 

まとめ

今回はスマホサイトのデザインを集めたサイトをご紹介しました。

どちらのサイトもクオリティの高いものが多く、趣向もさまざまなので、きっと参考になるサイトを見つけられると思います。
スマホ対応のデザインで迷った時はぜひ参考にしてみてくださいね。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Macでバラバラに表示されているアイコンをきちっと整列させる方法

フォルダ内のアイコンがぐちゃぐちゃに散らばってしまうことは、Macユーザーなら良くあるのではないでしょうか。 バラバラに表示されたままでは作業もしずらく、ストレスですよね…。 そこで今回は、アイコンを …

ボタンを自動で生成してくれる「Button Maker」

今回は 「Button Maker」という、ボタンを自動生成してくれるウェブサービスをご紹介します。 文字やサイズ、色などを指定するだけで、簡単にそれっぽい綺麗なボタンを作ってくれるので、時間がない時 …

PC内のフォントを一覧表示できる「wordmark.it」が便利!

色々なフォントをインストールしてあるのはいいけれど、選ぶ時がけっこう大変…という方も多いのでは? そこで今回は、フォント選びを楽にしてくれるwebサービス「wordmark.it」をご紹介 …

チラシやパンフレット製作時に参考になるサイト

Webサイトの参考サイトに比べて、チラシなどの印刷物のギャラリーサイトって意外と少ないですよね。 とは言っても何の参考もなしにデザインをするのは大変です…。 私は普段Google画像検索や …

文字タッチツールを使えば、面倒な文字組みが簡単にできる!

   イラストレーターで簡単に文字の大きさや角度を変えたい! …そんなときに便利なのが、文字タッチツールです! この文字タッチツールを使えば、文字をアウトライン化せずに、大きさ・色・回転・カーニング・ …