Baccho Log

No Image

Sponsored Link

[Design]WEBデザインの超基礎メモ

  • 投稿日:
  • 更新日:
Tags:
Design
Categories:
プログラミング

メインビジュアル

TOPページのメインビジュアル(First View)は雰囲気やキャッチをたたせる必要がある

  • TOPページのメインビジュアルはある程度大きくみせること
    サイズ感はサイトによって異なるが、画面の6 – 7割をメインに割いてもいいと思う(PCもSPも)
    例えば、メインビジュアルの下に画像スライダーとかがある場合、メインがちゃんとたつようにきちんと差異を付けること
    メインビジュアルだけではなく、周りの要素と見比べて適切なサイズを選択する事が大事
  • 逆に下層ページの見出しはコンテンツを読み始めやすくする事に重きを置くため、見出しを全面に出す必要はない

リストが横並びになっている際

  • 大外の余白に対して、リストの間隔は狭くすること

各セクションのMargin

  • 行間より大枠のMarginは開けること

タイトルと本文

タイトルはタイトルだとわかるようにすること。
色々なやり方はあるが、
1. 色を分ける
2. フォントサイズを大きく太字にする
3. 中央寄せにする
4. 下線を引く

これも色んなサイトをみてどういう表現が適切かを調べるのが吉

« [XAMPP]7.1.1の設定メモ[jQuery]スムーススクロールとアンカーリンク »

Sponsored Link

コメントする

記事の感想や修正依頼等ありましたら、コメントをお願いいたします