BLOG


レスポンシブなギャラリーサイトまとめ

iPhoneやAndroidなどのスマートフォン端末が普及しています。

同時に、パソコン画面以外のさまざまなウィンドウ幅にも対応したWebサイト作成が行われるようになっています。

レスポンシブWebデザインとは、ブラウザーの画面サイズに応じてレイアウトを変更させるWebページの作り方です。パソコンとスマホから同じURLにアクセスし、同じHTMLファイルを開くと、パソコンにはパソコンに適したデザイン、スマホにはスマホにタブレットにはタブレットに適したデザインが表示されます。

googleが公式ブログでレスポンシブWebデザインでのホームページ作成を推奨すると発表しており、レスポンシブWebデザインはSEOにも効果的なようですね。

今回は、マルチデバイスに対応するサイトをとお考えの際に参考になるギャラリーサイトをまとめました。


 

 Responsive Web Design JP

 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト。
左からスマートフォン、タブレット、PCサイズと並んでいるので比較しやすく見やすいです。
デザインだけではなくレスポンシブWEBデザインについての情報も載っていたりする優れもの。

 


 

Media Queries

Media Queries

 メディアクエリを適用しているWebサイトデザインだけをまとめたギャラリーサイト
海外のサイトではありますが4種類のサイズ展開が並んでおり、シンプルで見やすいです。

 


 

 

 ZURB University

 こちらも海外のギャラリーサイトでレスポンシブデザインのカテゴリの部分
2種類のサイズ展開が並んでおり、247サイト登録されています。

 


 

いかがでしたでしょうか?
それぞれにサイズが異なるデザインの工夫がされていてとても参考になりますね。

pc用のものを拡大、縮小表示にて対応させる手法もありますがユーザーの使いやすさ見やすさを考えると
やはりそれぞれの大きさにあったデザインが一番良いのかもしれませんね。

作成をお考えの際には参考にしてみてください。

ロゴ作成・ロゴデザインのご依頼は初めてのロゴマーク | RAD FLAG GALLERY【ロゴ制作】

会社ロゴの作成依頼 からブランドのロゴ作成、個人事業主やプライベート用までロゴマークのことならどんなことでもお気軽にご相談ください。既存のロゴマークのデータ化はもちろん、ご自身で作成されたラフがを元に ロゴ を作成することも可能です!まずはお気軽にお問い合わせください。

RADFLAGGALLERYとは

【 ロゴ作成依頼 】・【 デザイン 】のことならお任せ下さい。

ロゴの作成をメインに名刺、封筒、リーフレット、パンフレット、ホームページ、会員カード、チラシ、ポスター、CDジャケット、Tシャツ、ステッカーなどなどあらゆるデザインの作成を承っています。

【オーダーメイド ロゴ作成】

税込¥98,780

ロゴ作成 をご希望の新規開業者様・既存ロゴのリニューアルなど、まずはお気軽にお問い合わせください

【選んで決めるストックロゴ】

税込¥43,780〜

お選びいただいたロゴマーク元にアレンジ・カラー変更を行いあなただけのオリジナルを作成

Post Views: 273