アラサー主婦の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

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

関連記事

いくつ知ってる?和柄の名前と意味10選

  日ごろ何気なく目にしている和柄ですが、その名前や意味を知っている人は少ないんじゃないでしょうか。 とくに和風のデザインを作るときなんか、「あれ、あの模様の名前なんだったっけ…」ってなった …

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

グラデーションを作る時に役立つサイト5選

ギャラリーサイトを見ていると、グラデーションを使ったデザインをよく見かけますよね。 中でも、色の変化の仕方が綺麗なサイトだとつい見とれてしまいます。 私も綺麗なグラデーションを取り入れたデザインを作り …

覚えておきたいPhotoshopの便利なショートカット

制作会社に入社して2ヶ月半。まだまだ私にとって、デザインの引き出しを増やすこと、作業スピードを上げることが大きな課題です。 「作業スピードを上げるためにすぐに出来ることは何だろう?」と考えたとき、まず …

【Illustrator】印刷データ入稿時に気をつけること

製作会社に入社して早半年…今回初めて紙のデザインを担当させていただくことになりました。 Webでのデザインと違い、後からの修正がきかないものなので緊張感がすごい(ドキドキ)です&#8230 …