新しいウェブデザインのトレンド、スプリットレイアウトを取り入れたウェブサイト16例

0

ウェブデザインのトレンドは毎年のように移り変わり、新しいデザインやレイアウトが生まれていますが、スプリットレイアウトも外せないトレンド一つです。今回は、スプリットレイアウトを使用した制作例をご紹介したいと思います。

スプリットレイアウト(Split Layout)とは

スプリットレイアウトとは、中央などの境界線をもとにコンテンツを分割したレイアウトの事です。例えば左右に分割し、画面を大きく使用することで、制約のあるウェブページを有効に使うことができ、また各コンテンツにおいて統一したデザインでなくてもうまくはまりやすく、クリエイティビティを表現しやすいのが特徴です。

スプリットレイアウトを取り入れた制作例

実際にスプリットレイアウトを取り入れた例をご覧いただきましょう。

Love Roulette

love-roulette
Visit Website

Camper SS16

camper-ss16
Visit Website

D’Addario Nickel Bronze Acoustic Guitar Strings

daddario-nickel-bronze-acoustic-guitar-strings
Visit Website

McKinney York Architects

mckinney-york-architects
Visit Website

Tropfest Watch

tropfest-watch
Visit Website

The Ocean Resort Residences

the-ocean-resort-residences
Visit Website

Joris Delacroix | Backinbizness Experience

joris-delacroix
Visit Website

A Verona, l’arredamento per la tua casa: Galvan Mobili

a-verona
Visit Website

Hello Monday

hello-monday
Visit Website

Studio Meta, agence Web à Strasbourg

studio-meta
Visit Website

New From Bose

new-from-bose
Visit Website

Madame de

madame-de
Visit Website

La Grande Evasion

la-grande-evasion
Visit Website

Benchmark International

benchmark-international
Visit Website

YUFUKU Gallery (酉福ギャラリー) – Contemporary Japanese Art

yufuku
Visit Website

O3 World – Digital Product Design and Development Agency

o3-world
Visit Website

まとめ

ご覧いただいたように、スプリットレイアウトは様々な用途で使用することが可能です。キャンペーンやブランディングのサイトには特に生きる印象です。デザインとしてはとてもシンプルですが、アクションなどを工夫することによって、とてもクリエイティブに表現できます。一方ではコンセプトはしっかり決めておかないと面白みのないサイトになってしまうこともあるので、むやみにスプリットレイアウトを採用するのは避けた方が良いですが、うまく生かせれはとても良い効果をもたらしてくれると思います。