2018年Webデザイントレンド ~崩すことで魅力的にみせる「Broken Grid Layout」とは~

※この記事は読者によって投稿されたユーザー投稿です:
  • 編集部の見解や意向と異なる内容の場合があります
  • 編集部は内容について正確性を保証できません
  • 画像が表示されない場合、編集部では対応できません
  • 内容の追加・修正も編集部では対応できません

 

きっちりと整った真面目な見た目よりも、あえて少し崩したほうがおしゃれに見えることってありますよね。ファッションやインテリアなどで使われていて、なぜか魅力的に感じてしまう「あえて崩す」という手法が、昨今Webサイトにも使われてきています。

皆さんは「グリッドレイアウト」をご存知でしょうか。格子状のグリッドをベースにデザインするこの手法は、「グリッドシステム」とも言われ、要素が整理され、機能的でありながら綺麗な見た目を作りやすいことから、近年のWebデザインの基本のひとつとも言われています。しかし、綺麗に並べられているがゆえに単調になりがちで、個性に欠けてしまう部分も持ち合わせています。

「Broken Grid Layout ブロークングリッドレイアウト」は、グリッドレイアウトの基本はおさえながら、あえてレイアウトを崩すことで、機能的な部分は失わず、より魅力的に見せる手法として採用されているWebサイトが増え、2018年のデザイントレンドのひとつとして取り上げられています。レイアウトを崩すといっても、無秩序にグリッドを無視するわけではなく、全体のバランスを考えながらデザインしないと、魅力的にみせるどころか、間違えた見た目になってしまっているようになりかねません。揃えるところは揃え、強調したいところは極端に大きくしてみたり、重ねたり、ずらしたりしながら優れたレイアウトを作っていく必要があります。ルールが無いのではなく、ルールがあった上で少し外す、そこに変化が生まれることで魅力的に見えるのです。

 

ブロークングリッドレイアウトを取り入れた魅力的なWebサイトをいくつかご紹介します。

▼詳しくはこちら▼
https://citrusjapan.co.jp/column/cj-column/w004_201807.html

 

 

*∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**

 

7月26日(木)無料セミナー

「成功組と失敗組、多言語サイト制作の別れ道」を開催します。

お申込み受付中▶https://citrusjapan.co.jp/seminar/20180726/

 

*∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**∴**

この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

NDA
Non-Disclosure Agreementの略。一般には「秘密保持契約」と ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]