Memo★2010

覚書3つめは、ページの背景＆文字色について。

小説ページは文字の羅列になるので、デザイン性よりも読み易さに比重を置きたいところです。（実践できているかは読み手にしかわからないですが）
「読み易いページって？」と考え、逆転の発想で「読み辛さ」に注目。
とりあえず読み辛そうなのだけ避けてみれば･･･ということでいろいろ試してみます。

今回は『色』。

小説ページの背景に写真などの画像をど～んと使っていたりという例は省きました。
画面サイズ環境によっては完全に読み辛いですし、画像を使うとページの読み込みも遅くなるしなぁ。
単色の背景と文字、というシンプルな組み合わせでいくつかやってみます。－－－－－－－－－－
例文のバミューダ△は私の趣味です。謎めいたものが好き。
例文は短いですが、長文だということを前提にします。

①背景色：白／文字色：黄 読めないシリーズ1。反転させて読ませる気まんまん。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

②背景色：白／文字色：水色 読めないシリーズ2。薄い。目を凝らすんだ！

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

③背景色：白／文字色：黄緑 読めないシリーズ3。読めなくもないが長文でこれはない。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

④背景色：赤／文字色：白 原色攻撃その1。激しい。文字より背景が勝っている。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

⑤背景色：青／文字色：白 原色攻撃その2。赤よりはマシ？ でもやっぱり激しい。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

⑥背景色：黒／文字色：黄 いわずと知れた危険を知らせる組み合わせ。チカチカして目が危険にさらされる。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

⑦背景色：黒／文字色：白 よくあるパターン。実はコントラストが一番強く、長文になると画面がぼやけてくる。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

⑧背景色：黒／文字色：灰 黒背景なら無難なのはこの辺り。白文字よりもややコントラストが弱まる。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

⑨背景色：薄灰／文字色：黒 実は白背景に黒文字も長文は疲れるらしい。薄っすら灰色が目に優しいんだとか。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

⑩背景色：白／文字色：濃灰 黒文字が駄目なら、少し薄くしてみる。コントラストが弱まる。

『バミューダ・トライアングル』とは、マイアミ、バミューダ、プエルトリコを結ぶ、大西洋の三角形の海域のことを言う。 別名『魔の三角海域』とも呼ばれ、大昔から船や飛行機、それに乗った人々が消息を立つことで知られている。

結局、うちでは⑩に落ち着きました。
背景色：白（#FFFFFF）／文字色：濃灰（#555555）
の組み合わせを使うことが多いです。Memo内も同じ色にしてます。