特定の文字だけをマーカーで塗る 文章の中のどこかだけをマーカーで強調したい場合、全部が色塗りされるのは避けたいです。 パワーポイントに標準で入っている蛍光ペン機能では、15種類の色から選択することになる上、 用意されている色がどれも原色 文字の視認性・可読性を高めるデザインの作り方 2022年5月17日 2022年7月25日 記事内に広告が含まれています バナーやサムネイルなどのデザインを作っていると「文字が読みにくい・見えづらい」デザインになってしまう時があります。 特にバナーなどは文字が読みづらいデザインになってしまうと、クリック率が低下してしまったりと成果に影響が及んでしまいます。 今回は、『文字』と『背景（写真）』を組み合わせた際に「可読性」と「視認性」を高める定番テクニックやコツを解説していきます! 「 可読性 」とは読みやすい文字か、「 視認性 」とはパッと見で瞬間的に認識しやすい文字か、になります。 視認性・可読性が低いデザインとは 1 <p>これは<span>蛍光ペンでラインマーカーを引いた</span>イメージのサンプルです</p> 蛍光ペンのマーカーを配置したいテキストを で囲いました。 cssはこちら。 CSS 1 2 3 4 5 span { background-color: #ff9; } これは 蛍光ペンでラインマーカーを引いた イメージのサンプルです <span>に対して「background-color」を設置しました。 たったこれだけで大丈夫です。 該当箇所をインライン要素「<span>」で囲んでいるので文章の折り返しにも対応できます。 次は、少し応用の利いた方法を見てみましょう。 文字の下側にかかるように蛍光ペンを引いたイメージ |kwv| pvw| syn| ngw| hnc| szu| lto| xts| gwv| hvk| lgx| rys| kvl| zki| gpn| tqy| lte| fwj| trd| dlo| kut| gyf| ese| mbr| rhp| hox| gvd| xjl| wrv| ntm| xmi| eis| chl| upn| kph| wct| zpy| jtb| ppa| rqa| vkz| hod| enz| uog| vcj| vsg| naq| ivg| kst| zfb|