読者です 読者をやめる 読者になる 読者になる

by shigemk2

当面は技術的なことしか書かない

これくらいはやってほしいWebデザイン #phpcon2012

PHPカンファレンス 2012

アシアル株式会社 高橋裕

必要なのはやる気だけ

3つだけの噂のテクニック

  1. グリッドシステム
  2. ホワイトスペース
  3. アプローチ

e.g Bootstrap

グリッドシステム

  • 垂直水平にガイドラインを引く
  • 整然とした印象
  • 応用が効く(垂直水平なだけで、正方形でも長方形でも一向に構わん)

ホワイトスペース

文字も画像も一切ない部分
ホワイトスペースが多い

どういう風にホワイトスペースを使ったらよいか→意図して配置する
慣れると簡単だけれども、意図しないと難しい

アプローチ

近接(関連する要素はなるべく近く配置する)

  1. 見た瞬間伝わる
  2. 費用対効果が高い (簡単に出来るけども、効果は高い)
  3. やっぱり応用が効く

近いものはどんどん近づけていけば、
関連づけたものにもアクセスされやすい

3つの要素は相性がとてもいい