webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

制作の注意点 メモ書き

  • header, footer はbodyに対して100% が常識
  • 例外があるだけ 
  • navigation のhoverには、補色など極端に目立つ色を使わない。
  • あっさりさせる。
  • 全部目立つ=全部目立たない 
  • 押させる仕組み、prev-button, next-buttonなどを目立たせない。 
  • pc はnavのボタンを奇数にする。
  • navのhomeボタンは非常によく押される。
  • mobileはnavボタンを偶数にする。+「home」でpcでは奇数。 
  • bannarは基本3つ
  • 「3」から生じる緊張関係。
  • ECサイトではjQueryはほとんど使われない。
  • アニメーション→離脱率が高くなる 
  • 文字をセンタリングしない。
  • 詩集
  • ポエチック
  • 文字は基本的に左揃え 
  • 四隅になにをレイアウトするのか。
  • そこからの自由度
  •  四隅が安定したレイアウトは人目に留まる 
  • 本当に見せたい画像は、画面全体で表示しない。
  • 余白があって、画像が見えてくる。
  • first viewに「押せるもの」が見えていることは大切。

 

  • flat designでは、ボタンは一目見て押せるとわからない。
  • web=affordance
  • 隙間が多く、一つの平面を大きくするのは、「試す」体験を呼び起こすため。
  • 「こうしたら」うまくいったから、次もこうなるであろう。
  • 学習する
  • 規則性
  • 裏切らない

bannerについて

  • 全体から独立させるために、枠は必須。
  • 写真を見せるもの。
  • 文字を見せるもの。
  • 視線の誘導について。写真のパースペクティブとの関連を意識する。
  • 2~4書体で構成する。
  • ジャンプ率