ホームページ制作、千太の絵空事

【色による強調】（少しだけ心をつかって３）u版

【色による強調】（少しだけ心をつかって３）


色による指定でも少し触れていましたが、

ここでは、

強調として、使用する色について語ります。

　　　　　☆

一般的には、黒文字で書き、

強調する場合赤文字を利用して記入しがちです。

それで、これは、非常に見慣れた光景になっています。

実はこの赤文字での強調が、そうならない場合があるということは、

なかなか知られていないかもしれません。

いわゆる「百人いれば百種類ある」という色覚特性の一つです。

この赤色が、黒色と非常に見分けがつきにくい方もいます。

「じゃあどうすれば？」

その場合は、私の場合だと、このように「このように文字を太く」見えるようにしています。

どうですか？。

もしくは「このように斜体に」見えるようにとすればいいのでは、、、。

もちろん、これに[色をつけて]もかまいません。

強調したい場合に、その色での強調以外の手法も併用し、

それと判るような、配慮が素敵かもしれませんね。

(ですが、、、。この方法だけでは少し、、、、と思い。「太字の使い方」の秘密※１)


　　　　　☆
【u版】
少しだけ心をつかって

素敵な色の使い方
http://blogs.yahoo.co.jp/cen_picture21/10974069.html
色での指定
http://blogs.yahoo.co.jp/cen_picture21/10977669.html
[色での強調]

色の秘密
　　　　　☆


【Wiki版】
少しだけ心をつかって

素敵な色の使い方
http://blogs.yahoo.co.jp/cen_picture21/293545.html
色での指定
http://blogs.yahoo.co.jp/cen_picture21/587122.html
色での強調
http://blogs.yahoo.co.jp/cen_picture21/708607.html
色の秘密
http://blogs.yahoo.co.jp/cen_picture21/1561198.html

※１：「太字の使い方」の秘密
http://blogs.yahoo.co.jp/cen_picture21/771149.html

【色での指定】（少しだけ心をつかって２）u版

【色での指定】（少しだけ心をつかって２）u版


これはこのブログに限ったことではありませが、

説明する場合などに

色での指定をやめてください。

「はっ？」

そうです。

例えば、説明用に、赤色と緑色の文字で記入し、

赤色の部分の文字をとか、

緑色の部分の文字をとか、

色でに指定しないようにしましょう。

なぜなら、この色覚に対応できない人も少なからずいるのです。
(２０人に一人と言われています)

又、別の色覚の特性を持った人もいます。

細かくいえば、「１００人いれば百種類」の色覚の特性があります。

つまり、一人一人は全く違うのです。

それを大まかにやっているにすぎません。

じゃあどのようにすれば？

例えば形などで表現したり、この場合ですと文字列に変化をつけるといいでしょう。

指定したい文字を

「」でくくってその後に数字で(１)とかです

「笑っている(1)」
「笑っている(2)」

そう記事の中で注釈をつけるようにです。

(1)の「笑っている」の部分では、、、、、、。
(2)の「笑っている」部分では、、、、、。

というようにです。

説明をするような文の場合このようにすればいいはずです。

だからといって、色を使ってはいけないと言うわけではありませんよ。

それが、なくても、判るように書くのです。

少しの心づかいで、あなたの内面が輝くことでしょう。

　　　　　☆
【u版】
少しだけ心をつかって

素敵な色の使い方
http://blogs.yahoo.co.jp/cen_picture21/10974069.html
[色での指定]
色での強調
色の秘密
　　　　　☆


【Wiki版】
少しだけ心をつかって

素敵な色の使い方
http://blogs.yahoo.co.jp/cen_picture21/293545.html
色での指定
http://blogs.yahoo.co.jp/cen_picture21/587122.html
色での強調
http://blogs.yahoo.co.jp/cen_picture21/708607.html
色の秘密
http://blogs.yahoo.co.jp/cen_picture21/1561198.html

素敵な色の使い方

【素敵な色の使い方】(少しだけ心をつかって）


カラフルなページは見ているだけでも楽しくなりますね。

更に、使い方を少しだけ、心と手間を使うだけで、

もっと素敵なページに変身します。

ここでは「素敵な色の使い方」について語ります。



【見やすい色の組み合わせとは】

見やすい色の組み合わせとは、人によって、違いがあります。

自分の好みだけではなく、

できるだけそれに近いイメージで色を選んでみましょう。

できるだけ、

「見やすく読んでもらえるようにするには？」

を心がけて作ると素敵ですね!。

これは「名前アイコン」などにも言えることです。


【背景色とのコントラスト】

実際に、色を選択するといっても、少し難しいと思います。

誰でもが、わりと理解しやすく、意識しやすいのは、

「背景色との文字のコントラスト」

暗い背景には、うすい色を、

明るい背景には、濃い色をです。

これに着目してください。

例えば、

現在、Yahooブログの背景は「白」ですので、

文字に色をつける場合、うすい文字は見えにくくなりますね。

「濃い色」を選択すると読みやすくて素敵ですね！

　　　　　　　　☆

Webセーフカラー２１６色（秋色？）テキスト文字
http://blogs.yahoo.co.jp/cen_picture21/294887.html

Webセーフカラー２１６色(春色?)テキスト文字
http://blogs.yahoo.co.jp/cen_picture21/294675.html

　　　　　　　　☆

どうですか？。どちらとも右側、とくに下の方は、見えにくくありませんか？

──────────

少しだけ心をつかって

[素敵な色の使い方]｜
色での指定 ｜
色での強調 ｜
色の秘密 ｜


【Wiki版】
少しだけ心をつかって

素敵な色の使い方
http://blogs.yahoo.co.jp/cen_picture21/293545.html
色での指定
http://blogs.yahoo.co.jp/cen_picture21/587122.html
色での強調
http://blogs.yahoo.co.jp/cen_picture21/708607.html
色の秘密
http://blogs.yahoo.co.jp/cen_picture21/1561198.html

素敵な色の使い方

<font size="4">【<b>素敵な色の使い方</b>】</font>(少しだけ心をつかって）
<font size="3">

カラフルなページは見ているだけでも楽しくなりますね。

更に、使い方を少しだけ、心と手間を使うだけで、

もっと素敵なページに変身します。

ここでは「素敵な色の使い方」について語ります。

</font>

【<b>見やすい色の組み合わせとは</b>】
<font size="3">
見やすい色の組み合わせとは、人によって、違いがあります。

自分の好みだけではなく、

できるだけそれに近いイメージで色を選んでみましょう。

できるだけ、

「<b>見やすく読んでもらえるようにするには？</b>」

を心がけて作ると素敵ですね!。

これは「<b>名前アイコン</b>」などにも言えることです。

</font>
【<b>背景色とのコントラスト</b>】
<font size="3">
実際に、色を選択するといっても、少し難しいと思います。

誰でもが、わりと理解しやすく、意識しやすいのは、

「<b>背景色との文字のコントラスト</b>」

暗い背景には、うすい色を、

明るい背景には、濃い色をです。

これに着目してください。

例えば、

現在、Yahooブログの背景は「白」ですので、

文字に色をつける場合、うすい文字は見えにくくなりますね。

「</b>濃い色</b>」を選択すると読みやすくて素敵ですね！

　　　　　　　　☆

Webセーフカラー２１６色（秋色？）テキスト文字
http://blogs.yahoo.co.jp/cen_picture21/294887.html

Webセーフカラー２１６色(春色?)テキスト文字
http://blogs.yahoo.co.jp/cen_picture21/294675.html

　　　　　　　　☆

どうですか？。どちらとも右側、とくに下の方は、見えにくくありませんか？

──────────

少しだけ心をつかって

[素敵な色の使い方]｜
色での指定 ｜
色での強調 ｜
色の秘密 ｜

</font>
【Wiki版】
少しだけ心をつかって

素敵な色の使い方
http://blogs.yahoo.co.jp/cen_picture21/293545.html
色での指定
http://blogs.yahoo.co.jp/cen_picture21/587122.html
色での強調
http://blogs.yahoo.co.jp/cen_picture21/708607.html
色の秘密
http://blogs.yahoo.co.jp/cen_picture21/1561198.html

「素敵な色の使い方」(少しだけ心をつかって）u版

【素敵な色の使い方】(少しだけ心をつかって）


カラフルなページは見ているだけでも楽しくなりますね。

更に、使い方を少しだけ、心と手間を使うだけで、

もっと素敵なページに変身します。

ここでは「素敵な色の使い方」について語ります。



【見やすい色の組み合わせとは】

見やすい色の組み合わせとは、人によって、違いがあります。

自分の好みだけではなく、

できるだけそれに近いイメージで色を選んでみましょう。

できるだけ、

「見やすく読んでもらえるようにするには？」

を心がけて作ると素敵ですね!。

これは「名前アイコン」などにも言えることです。


【背景色とのコントラスト】

実際に、色を選択するといっても、少し難しいと思います。

誰でもが、わりと理解しやすく、意識しやすいのは、

「背景色との文字のコントラスト」

暗い背景には、うすい色を、

明るい背景には、濃い色をです。

これに着目してください。

例えば、

現在、Yahooブログの背景は「白」ですので、

文字に色をつける場合、うすい文字は見えにくくなりますね。

「濃い色」を選択すると読みやすくて素敵ですね！

　　　　　　　　☆

Webセーフカラー２１６色（秋色？）テキスト文字
http://blogs.yahoo.co.jp/cen_picture21/294887.html

Webセーフカラー２１６色(春色?)テキスト文字
http://blogs.yahoo.co.jp/cen_picture21/294675.html

　　　　　　　　☆

どうですか？。どちらとも右側、とくに下の方は、見えにくくありませんか？

──────────

少しだけ心をつかって

[素敵な色の使い方]｜
色での指定 ｜
色での強調 ｜
色の秘密 ｜


【Wiki版】
少しだけ心をつかって

素敵な色の使い方
http://blogs.yahoo.co.jp/cen_picture21/293545.html
色での指定
http://blogs.yahoo.co.jp/cen_picture21/587122.html
色での強調
http://blogs.yahoo.co.jp/cen_picture21/708607.html
色の秘密
http://blogs.yahoo.co.jp/cen_picture21/1561198.html