日本のみなさん、こんにちはぁ!バンクーバーに住んでいます、のび太です。
世の中にはいろんな種類のWebデザインがありますよね〜。レスポンシブ、フラット、ミニマル、フル画面、パララックスデザインetc。
その中でも僕が今一番注目しているのが斜めグリッドデザイン(英語だとDiagonal Grid Design。たぶん…)。スタイリッシュで強く印象に残ります。そして何と言っても、めっちゃカッコいい!
今回は、僕が印象に残った斜めの要素をうまく取り入れた海外Webサイトをご紹介します。みなさんが斜めの要素を取り入れたデザインをする時の参考になればうれしいです。
斜めが印象的な海外Webサイト11選
Hocus Focus
Case 3D
Fifteen Robin
※現在はサービスを終了しています。
Geeza
Dunlop Tire CIS LLC
※現在はサービスを終了しています。
Badminton Center
https://www.badminton-center.com/
Ursula B
※現在はサービスを終了しています。
Unfold
Skidpasset
Olivers
Shopping Paseo Itaigara
http://www.paseoitaigara.com.br/
まとめ
スタンダードな長方形や円形と違って、三角形やひし形、斜めのラインをうまく、バランスよく取り入れるのはとても難しいと思います。CSSを書くのが複雑になりそう……。
また、斜めに線が引かれているため、視線もそれに従い斜めに動いてしまいます。よってテキストベースのサイトには向かないかもしれませんね。
でも、ポートフォリオやキャンペーンページなど、用途によってうまく使うことで、とても印象に残るインパクトの強いサイトになると思います。ぜひ一度取り入れてみたいデザインの1つですね!
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。