FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

WEBデザイン

柔軟なレイアウトをするために参考になった記事

投稿日:

02

Is your website layout doing more damage than you think?

「変わったレイアウトを」というオーダーをいただくことがあります。

変わったレイアウトが必ずしもいいとは限りませんが、他と差別化できるというメリットがあります。

SPONSORED LINK

ずっとWebサイトを作っていると、

  • レスポンシブWebデザインに対応しやすいように
  • ユーザーが迷わないように
  • 更新しやすいように

など、固定観念に囚われてしまいます。

そんな時に参考にしたいのが、「Is your website layout doing more damage than you think? 」という記事です。

04

この記事では、

  • Freeform Grid
  • Fixed Sidebar
  • Text-Based
  • Two Columns
  • Arranged Around Focal Point(s)
  • Headline + Image Gallery
  • Modular

など、7つのレイアウトが紹介されています。

Freeform Grid

3-1-662x1701

Freeform Gridで紹介されている「Your Local Studio」のサイト。
グリッドでレイアウトされていますが、ランダムに写真が配置されています。

Fixed Sidebar

01

Fixed Sidebarで紹介されている「Trefecta’s website」のサイト。
横ナビは、一時期はほぼ絶滅状態でしたが、レスポンシブの普及と、モニターの横幅が大きくなったためでか、横にナビが固定されているサイトが最近少しずつ見かけるようになりました。

Text-Based

03

Text-Basedで紹介されている「Impossible Bureau」のサイト。
このサイトは、細い動きも演出されていて、いろいろ参考になります。制作実績も、デザインルールなど掲載されてためになります。

他にもいろいろなサイトが紹介されていますので、アイデアの引き出しにどうでしょうか。

Is your website layout doing more damage than you think?

PR

PR

-WEBデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【デザインの参考に】ボツ案のFireworksのデザインデータ

学校や独学だと、カンプデータ(デザインデータ)を見る機会がないかと思います。 実際、一番役にたったのは、 働きだして人が作ったデザインデータを見たときです。 意外と作り込んであったり、凄いテクニックを …

私が新人の頃やっていたWebデザインの要望・修正指示の対応方法

新人デザイナーのころ、出勤したら、デザインの修正記事が机に置いてあると、そのまま帰りたくなっていました。 新人デザイナーにとって、デザインの修正指示は、寿命が縮む思いです。 新人デザイナー向けに、私が …

すぐにわかる!早く読んでおきたい、WEBデザイナーに必要な基礎知識のスライドまとめ

グラフィックのみ、コーディングのみの WEBデザイナーは少ないのではないかと思います。 マーケティングやSEOやアクセス解析など、 必要な知識が多岐にわたります。 勉強する上で、概要を知るのは上達の近 …

CC0 Licenseのフリーストックフォト「PEXELS」

PEXELS 「PEXELS」は、ハイクオリティな写真を集めたフリーストックフォトサイトです。 Creative Commons Zero (CC0) licenseなので、利用しやすいです。 CC0 …

新人デザイナーに教える時に心がけている8つのこと

4月から新人デザイナーの教育係になる人や、 すでになっている人もいるのではないかと思います。 私は、新人やインターンを何人も教えてきました。 技術的なことだけ教えて、できれるようになればいいのですが、 …

PR




人気の記事

プロフィール

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。