アラサー主婦の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の起動と同時に開くように設定にしておくと便利です。 些細なことかもしれませんが、特にいつも決まったアプリを複数開いている方にとっては、手間が省けるようになるの …

WebデザイナーがFeedlyに登録しておくべきブログ一覧

こんにちは、ぶちこです。突然ですがみなさんはFeedlyを使っていますか? まず、「Feedlyとは何?」という人のために簡単に説明すると、自動的にお気に入りのブログやWebサイトの最新情報を収集して …

Adobe Typekitのフォントが同期されなくなった時の対処法

AdobeのCreative Cloudを契約していると使える「Typekit」。 様々なタイプのフォントを自分のPCに同期させてPhotoshopやIllustrator等で使うことができるのでとて …

【Illustrator】配置した画像にフチをつける方法

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。 もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。 なんとなくフチって「線を追加」でつけら …