文字について
■ ポイント
・適切な装飾の使用過度な装飾はかえって情報を伝えにくくし、重要な部分を埋もれさせてしまいます。
文中の見出し部分での太字/フォントの拡大や、注意喚起の補足部分の赤字など、装飾を必要な箇所のみにとどめることで、メリハリのついたテキストとなります。
□ 望ましくない編集
テキストの表示位置を調整するために、スペース(空白)を多用することは望ましくありません。
スペースはブラウザやフォントなどの閲覧環境によって表示が変わってしまうため、編集中の環境では整って見えていてもその他の環境(例:Windowsでの制作時におけるMac)などにおいては、表示が崩れてしまうことがあります。
段落冒頭の一字下げ等に用いる場合以外は、改行やテーブル、箇条書きのツールでの編集などによって、テキストを揃えることをお勧めします。
■ 関連ツール:ホームページメーカーの編集ツールの活用
![]() |
テキスト色 |
ページ背景と近い色を選択すると、読みにくくなってしまうのでお気を付けください。
【例】
受付 平日10:00~18:00
※土日は窓口が閉まっております。
▼
受付 平日10:00~18:00
※土日は窓口が閉まっております。
![]() |
背景色 |
文字と近い色を選択すると、読みにくくなってしまうのでお気を付けください。
【例】
受付 平日10:00~18:00
※土日は窓口が閉まっております。
▼
受付 平日10:00~18:00
※土日は窓口が閉まっております。
![]() |
太字 |
強調部分や見出し部分に使用するのが一般的です。
【例】
受付 平日10:00~18:00
※土日は窓口が閉まっております。
▼
受付 平日10:00~18:00
※土日は窓口が閉まっております。
![]() |
下線 |
強調箇所への使用として、太字と使い分け/併用をすることができます。
【例】
受付 平日10:00~18:00
※土日は窓口が閉まっております。
▼
受付 平日10:00~18:00
※土日は窓口が閉まっております。
![]() |
打ち消し線 |
過去の情報を残しつつ情報を追加する際などに用います。
【例】
受付 平日10:00~18:00
※土日は窓口が閉まっております。
▼
受付 平日10:00~18:00
→4/1より土日の受付を開始いたしました。
![]() |
段落番号 |
選択された範囲内において、改行すると次の数字が表示されます。
手順などを掲載する際に有効です。
【例】
ブラウザを立ち上げてください。
指定されたURLを入力してください。
表示されたページの申込フォームに入力してください。
▼
- ブラウザを立ち上げてください。
- 指定されたURLを入力してください。
- 表示されたページの申込フォームに入力してください。
![]() |
箇条書き |
選択された範囲内において、改行すると次の項目として表示されます。
条件や概要などについて多くの項目を掲載する際に有効です。
【例】
画像について
文字について
色について
配置について
▼
- 画像について
- 文字について
- 色について
- 配置について






