2005年10月09日
XML
カテゴリ: バカネコPC講座
バカネコ村の記事を検索する
今日の講座は、楽天日記を読みやすくする方法、その2。

文章修行もせずに、読みやすく、かつ、読まれやすいページを
作るにはコツがある。

1.文字サイズを大きくする。
2.適度に改行を入れる。
3.1行の文字数は少なめに

なぜ、これが効果があるかは、 ページを読みやすくする方法 に、
実験結果とともに詳述したので、参照されたい。

文字のサイズと、行間の調整については、上のページよりも
もう少し、細かく調整できて、ひと組で済むタグを
「文字サイズと行間」 のページで紹介している。

さらに、それも、分からんぞ、という方には 管理画面から文字サイズ変更
というページで、全体の文字サイズを大きくする方法を紹介している。
ただし、この場合、文字サイズは「大」にすると、極端に大きくなる。

以上が、前回までに紹介した基本的な内容である。
今回は、背景と文字のコントラストについて、考察する。

結論から先に、言ってしまおう。
「文字と背景のコントラストを上げよ」
コントラストが低いと、読みづらいのだ。

ここでいうコントラストとは、文字と背景の色の差、
つまり、明暗や色調の、かけ離れ具合と考えて欲しい。

カラーでも同じことが言えるが、分かりやすくするために、
モノクロで示してみる。
背景色を使ったり、文字の色を薄くしたりすると、
以下のように、かなり読み取りにくくなる。


デザイナーが、意図的にこのような手法を使うことはあるが、
情報伝達、つまり、相手にものを伝えると言う意味では、不利になる。

文章の背景に、画像や模様を配置することは、さらに
読み取りづらくする。



見づらいものを読み取るのは、人間の脳にとって非常に労力を要する。
シンプル イズ ザ ベスト!
背景は、まっ白、文字は、まっ黒! が、一番読みやすい。



皮肉なことだが、日記などの文章主体のホームページは
デザインに凝れば凝るほど、人は振り向かなくなる。
いくら優秀なデザインであっても、1度見れば充分だからだ。

背景が白、文字が黒になっている人は、そのままでヨシ。





戻し方を忘れた人は、以下に作業手順を示すので、参考にされたい
管理画面の右側のメニューから、「詳細設定(上級者用)」を探してクリック。




「背景、文字色、日付、アイコンの設定」という項目の「編集する」ボタンをクリック。




開いた画面に、「テキスト関連の設定」とう項目があるので、
テキストの背景色は白、テキストの文字色を黒にセットする。



最後に、「登録する」ボタンをクリックしておしまい。
このボタンを忘れると、変更が反映されない。

なお、これで戻らない場合は、どこかの背景が
「白」になっていない、と考えるのが妥当である。


1日1回、ポチッとね!おもしろかったらクリックしてね




【本日のポイント】
1.読みやすさとは、読み取りやすさと心得よ。
  (文章の巧拙は別として)
2.コントラストを上げると、読みやすくなる。
3.文章の背景に画像は禁物。


【トド短信】
 ケッサクな、にゃんこがいます。
 写真を加工したものですが、超~笑えます。
あじゅさん とこの、太ちゃん!
 これは、Windows付属のペイントでカンタンに作れますから
 ご自宅のネコ写真で挑戦してみるのも、面白いと思いますよ。


【ダウンロードページ】
・楽天日記専用バックアップツール、バーニャン3号のサンプル版、
 「バーニャン・ミニ」のダウンロードは こちら。
・にゃんタグのサンプル版は、 このページ の中段付近。
・バカネコ・ビューアのダウンロードは ここ。


1日1票! ブログランキング↓
ぜひ、クリックしてね



※バカネコ講座では、安全な方法を選んで紹介していますが、
 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。


ネコでもわかるPC講座はこちら →  バカネコ講座


悲惨なキャンセル事情 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン・ミニ 楽天日記のバックアップ にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のPCを知る バカネコ・ビューア バーニャン3号 にゃんタグ・フルバージョン 文字カウンタ 【楽天トラベル】


画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。






お気に入りの記事を「いいね!」で応援しよう

最終更新日  2005年10月09日 20時44分02秒
コメント(34) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:文字と背景のコントラスト(10/09)  
私のPCで見るとHPの背景は白なんですが
社内のPCでは背景がついています。
なんか違う人のHPを見てるようだった。
ヘルプを使って、インターネットオプションの
詳細設定等を見ましたが、そんなややこしい所は
通常触らないと思うのですが・・・
友達のHPを自分のPCから見ても背景は白。
ハロウィンで凝ってるらしいのに
私には見えません(TT)
トドさんの教えてくれた設定は
まだ確認してないので見てみます。
いつも白地に黒字が普通と思ってたのに
なんかショックですぅ・・・ (2005年10月09日 19時55分13秒)

てっちゃわんさんへ  
海獣トド  さん
>私のPCで見るとHPの背景は白なんですが
>社内のPCでは背景がついています。

何か設定が違うようですね。

>いつも白地に黒字が普通と思ってたのに
>なんかショックですぅ・・・

変えようと思えば、変えられるんです。

(2005年10月09日 20時00分30秒)

Re:文字と背景のコントラスト(10/09)  
前に色をいじってから、わからなくなっちゃって、
戻せなくなっちゃいました(^^;
日記の色は、意図的に青にしたんだけど、他のどこだったか、
下手にさわったようで、見づらい色のまま、すでに 1年(^^;

今度、再挑戦してみます。
(2005年10月09日 20時08分15秒)

ねこの肉球☆さんへ  
海獣トド  さん
>前に色をいじってから、わからなくなっちゃって、
>戻せなくなっちゃいました(^^;

にゃはは! 良くあるパターンなのにゃ(笑)

(2005年10月09日 20時30分12秒)

|・ω・`)コッショリ  
イカダ  さん
文字もっと大きくした方がいいかなφ(。。*)メモメモ(*・ω・)ツ))コピーコピー(ノ・ω・)ノ^配布配布♪ (2005年10月09日 20時53分51秒)

イカダさんへ  
海獣トド  さん
>文字もっと大きくした方がいいかなφ(。。*)メモメモ(*・ω・)ツ))コピーコピー(ノ・ω・)ノ^配布配布♪

イカダさんの場合は、もっと大きくしてもいいですね~。
詰まった感じがするなら、行間をあけて調節すれば
キレイになりますし(笑)


(2005年10月09日 21時00分53秒)

Re:文字と背景のコントラスト(10/09)  
黒字がね、黒字が大変好きなんです。

でもね、でもね、景気が悪いから、ずうっと赤字なんです。

ふうぅ。
(2005年10月09日 21時25分49秒)

Re:文字と背景のコントラスト(10/09)  
alice&sakura  さん
背景白だけど、文字が・・・・
グレー。。。(-_-)しかも字ちいさい。
なおしたほうがいいのかしら・・? (2005年10月09日 22時29分35秒)

海獣トド先生へ  
もぐらのこ  さん
トド先生すいません・・・
今日はどうしても私の頭の中文章が入ってきませんでした(>_<)
だってだってあじゅさんの太ちゃんが気になって気になって(>_<) (2005年10月09日 22時35分58秒)

Re:文字と背景のコントラスト(10/09)  
meiakira  さん
小さい文字で行間なくびっしりは老眼(涙・笑)の私にはちょっときついですね~ (~_~;)
自分の日記は、FONT SIZEは3以上にしています。

自分の目に合わせているので、多分読み易いのではないかと思っているのですが~ (~_~;)

(2005年10月09日 22時45分31秒)

ぽんぽこおぐらさんへ  
海獣トド  さん
>黒字がね、黒字が大変好きなんです。

そりゃ、みんな好きですわ(笑)

(2005年10月09日 23時31分48秒)

alice&sakuraさんへ  
海獣トド  さん
>背景白だけど、文字が・・・・
>グレー。。。(-_-)しかも字ちいさい。

白黒にして字を大きくすると、見やすくなりますよ。

(2005年10月09日 23時32分27秒)

もぐらのこさんへ  
海獣トド  さん
>今日はどうしても私の頭の中文章が入ってきませんでした(>_<)

また、寝てたな?(笑)

>だってだってあじゅさんの太ちゃんが気になって気になって(>_<)

あの、大きな目で睨んじゃうぞ?

(2005年10月09日 23時33分29秒)

meiakiraさんへ  
海獣トド  さん
>小さい文字で行間なくびっしりは老眼(涙・笑)の私にはちょっときついですね~ (~_~;)

そうにゃんです(涙)

>自分の日記は、FONT SIZEは3以上にしています。

その方が読みやすいです、絶対!(笑)

(2005年10月09日 23時34分22秒)

Re:文字と背景のコントラスト(10/09)  
MIE@VP  さん
そのへんは結構勉強させていただいてるつもり(*^-^*)
自分が目が悪いから、見づらいと読む気が失せるんです。
やっぱりシンプルが一番☆
でも、時々壁紙を変えると微妙なことに・・・(^_^;) (2005年10月10日 00時03分22秒)

Re:文字と背景のコントラスト(10/09)  
あじゅさんとこへ行って
笑いました~
はなが、ますます猫化してます。
うさぎと猫って祖先一緒ですか? (2005年10月10日 00時27分04秒)

Re:文字と背景のコントラスト(10/09)  
私のHPは背景色なしで壁紙の上に
文字を書くように設定してるのですが
やっぱり見にくいですか?
字も小さいです・・・…o(;-_-;)o

言われてみれば、白地に黒字が一番見やすいですね
壁紙とかも考えて、変えてみようかなぁ (2005年10月10日 00時39分31秒)

そっかぁ  
ジャム2002  さん
確かにそうですよね。
私みたいなPC音痴でも簡単に色の設定が出来るようになっていると、ついつい嬉しくて変えてみたくなってしまうんですよねー。
読みやすさでは、やっぱり黒が一番ですよね。

あじゅさん訪問してみたら、インパクトも太!ですね(@@)
思わずお気に入りに・・・。
みなさん、いろいろと遊べて羨ましいなー。
私なんて、新しいデジカメ買ってウキウキしてたら、OSが対応してないし(><)
ほんの数年で対応しなくなっちゃうなんて・・・ブツブツ ← 確認しなかった自分が悪い

(2005年10月10日 01時28分33秒)

Re:文字と背景のコントラスト(10/09)  
あじゅさんのとこに行ってきましたぁ。面白い~♪あたしもペイント使ってやってみたいなぁ。


(2005年10月10日 02時57分41秒)

Re:文字と背景のコントラスト(10/09)  
私も字が小さいと見る気しないです。なんていったら友達に怒られそう。。。
でも、読みにくいし目が疲れるから。|( *´艸`)
だから自分のトコも大きくしちゃいました。

日記も普通の行間だと、字がつまって見えるから、なんか感覚的に150%にしていたけど、やっぱりこれくらいがいいんですね。

そっか~あとは白地に黒文字ですね!
たま~に、色変えたくなっちゃうんですよね。。 (2005年10月10日 05時27分32秒)

うんうん  
pyichi  さん
文字のバックに画像があると、読みづらいのがたまにある!
目が悪いkimiちんは 非常に目が疲れるのでスルーしちゃうことがよくあります
(2005年10月10日 10時11分00秒)

MIE@VPさんへ  
海獣トド  さん
>やっぱりシンプルが一番☆
>でも、時々壁紙を変えると微妙なことに・・・(^_^;)

にゃはは!
文字のバックだけ、白にしてみては?

(2005年10月10日 11時39分50秒)

うさはなママさんへ  
海獣トド  さん
>あじゅさんとこへ行って
>笑いました~

でしょー?

>はなが、ますます猫化してます。
>うさぎと猫って祖先一緒ですか?

そんなこともないでしょうが、飼い主に
似てきているのかも(笑)

(2005年10月10日 11時41分10秒)

ミ☆mami☆彡さんへ  
海獣トド  さん
>私のHPは背景色なしで壁紙の上に
>文字を書くように設定してるのですが
>やっぱり見にくいですか?

壁紙の模様が薄いので、助かっています。

>字も小さいです・・・…o(;-_-;)o

字は大きい方が読みやすいですね。

>言われてみれば、白地に黒字が一番見やすいですね
>壁紙とかも考えて、変えてみようかなぁ

にゃはは! 検討の価値はあると思いますよん♪

(2005年10月10日 11時43分11秒)

ジャム2002さんへ  
海獣トド  さん
>私みたいなPC音痴でも簡単に色の設定が出来るようになっていると、ついつい嬉しくて変えてみたくなってしまうんですよねー。

にゃはは!
たぶん、そんなところでしょう(笑)

>読みやすさでは、やっぱり黒が一番ですよね。

ハイ!

>私なんて、新しいデジカメ買ってウキウキしてたら、OSが対応してないし(><)

取り込みソフトが対応していないのでしょう?
お使いのOSに対応するものがないか、メーカーに聞いてみたらいかがでしょう。

(2005年10月10日 11時45分39秒)

ふじもも☆゜+。さんへ  
海獣トド  さん
>あじゅさんのとこに行ってきましたぁ。面白い~♪あたしもペイント使ってやってみたいなぁ。

カンタンですよ(笑)
円を描いて、色を塗って、写真に貼りつけるだけです。

(2005年10月10日 11時47分00秒)

だらんちょろんさんへ  
海獣トド  さん
>私も字が小さいと見る気しないです。なんていったら友達に怒られそう。。。
>でも、読みにくいし目が疲れるから。|( *´艸`)
>だから自分のトコも大きくしちゃいました。

そうですね。
字は大きい方が絶対に読みやすいです♪

>日記も普通の行間だと、字がつまって見えるから、なんか感覚的に150%にしていたけど、やっぱりこれくらいがいいんですね。

フォントサイズ3なら、120~180%くらいが
いいようです。
字のサイズによって、適当な値は変わります。

>そっか~あとは白地に黒文字ですね!
>たま~に、色変えたくなっちゃうんですよね。。

そこだけ、fontタグで変えちゃえば?

(2005年10月10日 11時50分47秒)

pyichiさんへ  
海獣トド  さん
>目が悪いkimiちんは 非常に目が疲れるのでスルーしちゃうことがよくあります

にゃはは。 私もでーす♪

(2005年10月10日 11時51分35秒)

Re:文字と背景のコントラスト(10/09)  
あじゅ1458  さん
急にアクセス増えたと思ったらトド先生の紹介でしたにゃ♪ありがとうございます♪
太ちゃん、違和感ないでせう?
 いやいつもほんとあんな感じです・・・ (2005年10月10日 12時20分17秒)

Re:文字と背景のコントラスト(10/09)  
やってみました♪
ヤッパリ白地に黒字が一番いいんですね。
いろいろいじりすぎたみたいで・・・
シンプルがいいんですね♪
(2005年10月10日 14時05分06秒)

Re:文字と背景のコントラスト(10/09)  
トドさんのように日記にはある程度大きい文字で、コメントや掲示板の字は小さくするのって、どうやるんですか?

あっ、今日の講座と少し関係ない質問ですんましぇん…(=^^=)

白と黒ね… 私んとこの背景と字の色も、変えたほうがいいかにゃ~。。。
変えた時、変になっちゃうのがちょぴり怖い…(^_^;)
(2005年10月10日 14時09分00秒)

あじゅ1458さんへ  
海獣トド  さん
>太ちゃん、違和感ないでせう?
> いやいつもほんとあんな感じです・・・

最初はぬいぐるみかと思いましたよ~♪

(2005年10月10日 14時15分32秒)

のんちゃん0229さんへ  
海獣トド  さん
>いろいろいじりすぎたみたいで・・・
>シンプルがいいんですね♪

そーでーす!(笑)

(2005年10月10日 14時16分01秒)

ひまわり7272さんへ  
海獣トド  さん
>トドさんのように日記にはある程度大きい文字で、コメントや掲示板の字は小さくするのって、どうやるんですか?

私の場合は、本文だけ、大きくしているのですよ(笑)
コメント欄はいじっていません。
やりかたは、「ページを読みやすくする方法」または、
「文字サイズと行間」のページに書いてあります。

>変えた時、変になっちゃうのがちょぴり怖い…(^_^;)

元はどうだったか、どこをどう変えたか、
メモを取りながらやれば、大丈夫です。
コツは、一度にふたつ以上変えないこと。
ひとつ試しては、確認したり戻したりします。
これなら、誰でも大丈夫。

(2005年10月10日 14時20分33秒)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

バックナンバー

2026年08月
2026年07月
2026年06月
2026年05月
2026年04月

プロフィール

海獣トド

海獣トド

コメント新着

海獣トド @ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
海獣トド @ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
海獣トド @ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
海獣トド @ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
海獣トド @ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
海獣トド @ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: