グラフィカルな写真コンテンツを効果的に見せる!ランダムな配置のグリッドレイアウトのサイトデザインをまとめました

最近海外のサイトデザインで、ランダムなブロックレイアウトのデザインをよく見かけます。

シンプルでいながら絶妙なバランスで並べられたパネルの中にコンテンツが入れられており、従来のグリッドレイアウトとは少し違っており、サイトの新しいデザインの様な印象を受けます。

一見シンプルなコンテンツを印象的に見せたいサイトや、ファッション系サイトなどグラフィカルな写真を見せたいサイトではJSなどでダイナミックな動きを見せるよりも一つ一つのコンテンツを引き立てることができます。

少しサイトとしてはわかりにくいような印象も受けますが、新しいサイトデザインの一つとしての参考に、海外サイトのランダムなブロッグレイアウトのサイトデザインのキャプチャー画像を集めました。

どのようなデザインデータで作られているのか、CSSの構造がどうなっているのか考えながら見ていくと勉強になるかもしれません。

海外のランダムなブロックレイアウトのページデザイン

Unit Portables

Unit Portables

http://en.unitportables.com/

DesignBlvd

DesignBlvd

http://www.designblvd.nl/

Reactive

Reactive

http://www.reactive.com/

Academy

Academy

Academy

http://www.weareacademy.com/

St. Louis Advertising Agency

Academy

http://www.rodgerstownsend.com/

Triennale di Milano

Triennale di Milano

http://www.triennale.it/it/

LG Portugal

LG Portugal

http://www.lgportugal.com/

Hunters Wines

Hunters Wines

http://www.hunters.co.nz/

HENSSLER & HENSSLER

HENSSLER & HENSSLER

http://www.hensslerhenssler.de/

ARA single-estate wines from Marlborough

ARA single-estate wines from Marlborough

http://www.arawines.com/

Villa Eliana Sorrento Villa per Matrimonio, Cerimonie, Vacanze a Sorrento.

ARA single-estate wines from Marlborough

http://www.villaeliana.com/

国内のランダムなブロックレイアウトのページデザイン

行くぜ、東北。2012 秋 – TOHOKU KITCHEN

行くぜ、東北。2012 秋 - TOHOKU KITCHEN

http://ikuze-tohoku.jp/kitchen/

この記事を書いた人

著者 : ハヤシユタカ

2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。また、クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。 詳しいプロフィールはこちら

最近書いた記事

この記事に関連する記事