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

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

関連記事

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

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

Webデザイン学習法その2. スクールに通う

前回は独学について触れていきましたが、今回はスクールに通うことのメリットとデメリットについてご紹介します。 ちなみに私は、オンラインスクールで4ヶ月間Webデザインを学びました。 そこから感じたことも …

デザイナー必見!使えるイラスト素材サイト

デザインを制作する際に、いい素材がなかなか見つからない…なんてことはありませんか? そんな時に必見な、イラストの素材サイトをいくつかご紹介します! ぜひ、以下の素材サイトをブックマークして …

【Illustrator】アートボードを移動させる方法

私は1つのサイトで複数案デザインを考えるときなどに、アードボードを複数使うのですが、その際見比べやすいようにアートボード同士の間隔を広げたいなあなんて思うことがあります。 そんな時は、アートボードツー …

ゲーム感覚でベジェ曲線を練習できる「The Bezier Game」

イラストレーターの特徴とも言えるベジェ曲線について、「難しい」「上手く描けない」と思われている方は多いと思います。 私自身、まだまだベジェ曲線を使いこなせていなくて、苦手意識がすごくあります…。 そん …