*視覚効果のデザイン [#l59de843] Webページの制作者にとって、 内容がどれだけ正確に伝わるか、 どれだけの分量の内容を読んでもらえるか、というのは 非常に気になるところです。 利用者への 「安心感」「見やすさ」「明確さ」などを提供するために、 いくつかの工夫をしてみましょう。 **グループ化 [#adb77fed] 関連する情報を、グループにしてまとめておくことで、 情報の繋がり具合や関係を明確にできます。 たとえば、次のような工夫が考えられます。 -見出しの前にマージンを多くとると、 「章」「節」の視覚的な配置がはっきりする <pre> スタイルの例: h2 {margin-top: 2em} </pre> -注釈など、本文とは別のブロックに枠線やマージンを設定しておくと、 本文との区別ができる <pre> スタイルの例: div.note { margin: 1em; padding: 1em; barder: gray thin dotted; } </pre> **整列 [#j128ceb2] **繰り返し [#z3d19e9f] **コントラスト [#c2dab9d3] |