TOP > web creators > WEBの完成度を高める76の正攻法

  • Yahoo!
  • はてな
  • google
  • ニフティクリップ
  • del.icio.us
  • FC2
  • livedoorクリップ
  • windows
  • Twitter

セオリーや考え方を実践に生かそう!WEBの完成度をもっと高める76の正攻法

Web制作の現場では、さまざまなセオリー・考え方が要求される。筋道の通ったセオリーや理論を理解して実践することは、Webのクオリティを高めるうえでは正攻法といえるだろう。ここではセオリーや考え方などにポイントを絞り、根拠と実践への活用法を紹介していく。知らなかった内容はもちろん、あいまいに理解していた内容もきちんと理解して、Webの完成度を高めてほしい。


[INDEX]

THINKING
01
黄金比を意識してレイアウトする
REASON
人間がもっとも美しいと感じるプロポーションを
把握し、Web制作に応用する。

こちらの記事内容の一部で、Webサイト「コリス」内の「黄金比をサイトのデザインに取り入れる簡単な3つの方法」から、事前に何らの了承も得ることなく、参照の範囲の度を超えて参考にされていたことが判明いたしました。これはメディアとして許されざる行為であることを認め、深く反省するとともに、多大なるご迷惑をおかけいたしました同サイトの運営者の方に深くお詫び申し上げます。

コリス
http://coliss.com/
黄金比をサイトのデザインに取り入れる簡単な3つの方法
http://coliss.com/articles/build-websites/operation/design/206.html




THINKING
02
レイアウトに白銀比を利用する
REASON
グリッドレイアウトがベースになっている
ページデザインに気持ちよいリズム感を
もたせるため、白銀比を取り入れる。



THINKING
03
一目で要素が認識できる色を選ぶ
REASON
意味も併せて記憶している色を
デザインに取り入れ、ストループ効果を狙う。


THINKING
04
効果的なグリッドデザインを行う
REASON
グリッドで領域を設けることにより、
インターフェイスデザインの視覚的効果を
向上させることができる。



本記事は『web creators』2008 vol.80からの転載です。本特集全記事は誌面で読むことができます。
月刊『web creators』掲載記事号の情報はこちら!>>>





この記事をチェックした人はこんな記事も読んでいます。

  • 【Web デザイン】

    海外デザイン事情

  • 【MdN】

    あなたのデザインがみるみる良くなる64の手法

おすすめの記事

  • 【web creators】

    WEBデザイン最新常識と活用技

  • 【仕事・求人】このアートディレクターに聞く/東泉一郎

    このアートディレクターに聞く/東泉一郎

  • 【web creators】デザインアイデアが続々わき出る3ステップ&トレーニング

    デザインアイデアが続々わき出る3ステップ&トレーニング

  • 【仕事・求人】

    ザ・対談/特別座談会 iPhoneと情報デザイン 佐野元春「MWS」の試み

出版物のアフターケア

ログイン

メールアドレス
パスワード

イベント

Designer meets Designers 08

WEB制作に欠かせない知識と技術の新標準
~HTML5・ブラウザ動向・Twitter、etc.~
イベントだからこそ聞ける貴重な話が満載のSESSIONを4つご用意。
2010年に必要な知識と技術を身につけよう。

Designer meets Designers 07 レポート

読者アンケート

アンケートに答えて素敵なプレゼントをゲット!

  • MdN編集部 ブログ課 MdN BLOG β
  • web creators 編集長の公式ブログ 日々コレデザイン
  • MdNメールマガジンの登録・解除
  • 世界のガジェット総合ポータル ガジェットギャラリー