リキッド/フレキシブル対応のレスポンシブなWEBサイト

最近よく見かけるようになったレスポンシブ対応のWEBデザイン。

今回はその中でも、リキッドレイアウトやフレキシブルレイアウトに対応した、
可変型のレスポンシブWEBサイトを集めました。

 

リキッド/フレキシブル対応のレスポンシブなWEBサイト

 

住友商事

住友商事

住友商事

住友商事のコーポレートサイト。

各コンテンツにも様々な仕掛けがあり、見ていて飽きない印象です。

http://www.sumitomocorp.co.jp/

 

 

 

郵政博物館

郵政博物館

郵政博物館

2014.3.1オープンの郵政博物館オフィシャルサイト。

レトロなテイストのデザインながら、最先端のレスポンシブ対応という、ハイブリッドなWEBサイト。

WEBサイト自体が博物館のような、そんな印象です。

http://www.postalmuseum.jp/

 

 

 

兵庫三菱自動車販売グループ

兵庫三菱自動車販売グループ

兵庫三菱自動車販売グループ

兵庫三菱自動車販売グループのWEBサイト。

車が主役なだけあり、なるべく写真を使った見せ方が印象的。

とはいえ、サイトの重さを感じさせない秀逸なデザイン。

http://www.hyogo-mitsubishi.com/

 

 

 

ミサワ分譲ナビ

ミサワ分譲ナビ

ミサワ分譲ナビ

ミサワホームの分譲物件を専門に扱ったWEBサイト。

主要なページはレスポンシブ対応になっており、情報の棲み分けがきちんとなされている印象です。

http://www.330navi.com/

 

 

 

佐賀大学美術館

佐賀大学美術館

佐賀大学美術館

佐賀大学美術館のホームページ

レスポンシブ対応のお手本のような、シンプルなデザイン。

ワードプレスで構築されているので、メンテナンスも容易かも。

http://suam102.com/

 

 

 

八重山観光ナビ

八重山観光ナビ

八重山観光ナビ

沖縄県八重山の観光ナビサイト。

女性や子どもウケがよさそうな、ポップなイラストが印象的。

交通案内や言語案内など、八重山の「おもてなし」を感じます。

http://www.yaeyama-navi.net/

 

 

 

RED BULL

RED BULL

RED BULL

RED BULLの日本語サイト。

ブランドカラー(?)の青を基調にまとめられており、洗練された中にも力強さを感じるサイトです。

http://www.redbull.com/jp/ja

 

 

 

ACTUS

ACTUS

ACTUS

株式会社アクタスが運営するECサイト。(レスポンシブ対応はオンラインショップのみです。)

商品数が多いとメンテナンスが大変なECサイトも、レスポンシブだと負担が軽減するんだと思います。

白を基調とした、清潔感のある印象です。

http://online.actus-interior.com/

 

 

 

文部科学省

文部科学省

文部科学省

文部科学省の公式ホームページ。

官公庁のWEBサイトということで、若干崩れているものの、IE6などの古いブラウザにも対応しているところはさすがです。

ちなみに、リンクされている「トビタテ!留学JAPAN」もレスポンシブWEBデザインになっています。

http://www.mext.go.jp/

 

 

 

FONTPLUS

FONTPLUS

FONTPLUS

FONTPLUSのオフィシャルサイト。

WEBフォントを扱ったサイトということもあり、構成のほとんどがテキスト。

画像が少ない分、読み込み時間も比較的早く、ストレスが感じられないのがGood。

http://fontplustips.com/

 

 

 

Scenery of Design

Scenery of Design

Scenery of Design

Scenery of Designのオフィシャルサイト。

可変時にエフェクトを使った、動きのあるレスポンシブデザインで、TOPに実績を並べた、飽きさせないページ構成が印象的です。

http://sceneryofdesign.com/