 |
||||
|
|
||||
|
|
||||
このサイトは、テキストの配色や文字サイズのテストを手軽に行ってもらえるように作りました。おそらくIE5.5以上でないと動作しません。上のカラースライダーを動かすことで、背景色、文字色、リンク色、Vリンク（既読リンク）の色を動的に変えることができます。またカラースライダーからだけではなく、横にある、テキスト入力欄に16進数で入力してENTERキー、もしくは変更ボタンを押すことでも変えることができます。「#99ccff」などの色に変更したい場合、「#」は不用ですので、「99ccff」とだけ入力すれば変更できます。
配色だけでなく、フォントサイズや、行間等も変更することができます。右側にある、テキスト入力欄に数字等を入力して、ENTERキー、もしくは変更ボタンを押すことで変更されます。単位を含めて書くことができますので、フォントサイズに「0.9em」や、「80%」などと指定することができます。単位を書かずに数字だけ入力して変更した場合は、カッコ内に書かれている文字列（例えばフォントサイズであればpx、行間は%など）の単位になります。フォントの種類も変更できます。ただし、OSの種類等により存在するフォントが違いますのでご注意を。
色、サイズの参考サイト
・とほほのスタイルシート入門（値の指定方法）
・ばけらのCSSリファレンス（フォント）
フォントの種類参考サイト
・Web for beginner 作成支援（FONT）
あなたが考えた形式を投稿することができます。左にあるフレームが投稿されたものです。（左にフレームが無い場合はこちらをクリック）変更ボタンを押すことで、誰かが投稿した形式にこの文章が変化します。自分一人で考えるよりも、他の人の考えた形式を参考にすることで、より読みやすい文章を考えていただけるのではないかと思います。また、配色で悩んでる人に、「このような配色はどう？」と指南することもできます。
テキストの重要性ウェブサイト作る上で基本となるのはテキストです。ブロードバンド環境が整備されてきて、Flashやストリーミングなど、映像が主体となったコンテンツがこれからのインターネットの主役になっていくような流れがありますが、やはり主役はテキストだと思います。とりわけ、個人運営のサイトとなれば、日記や、掲示板などテキスト無くしては成り立たないコンテンツがサイトの主役となることが多いです。また、テキストが重要である一つの理由として検索エンジンの存在があります。一般に検索エンジンはサイト内に含まれるテキストを検索します。つまり、検索エンジンで検索されるためにはテキストが必要であるということです。（Flash内の文字や画像に含まれる文字を検索するエンジンもある。）検索エンジンがこのような検索を続ける限り、主役の座をテキストから奪うことはできないでしょう。
テキストの読みやすさ 数あるサイトの中には主役であるはずのテキストが、非常に読みにくいものが多く存在します。その理由としては、「背景色と文字色のバランスが悪い」、「文字が小さい上に、サイズの変更もできない」などがあります。
具体的に読みにくいというのは、背景色と文字色が同じような色（コントラストが低い）であったり、黒背景に白文字（コントラストが高い）などがあります。もちろんこれらには個人差があるため一概にどれが悪くて、どれが良いということはできません。例えば、白背景に黒文字が最も読みやすいという人もいれば、まぶしくて目がチカチカするという人もいます。すべての人（もちろん自分も含めて）が納得するようなテキストを作ることは難しいことでしょうが、それでも、できる限り読みやすい文章を作ることはサイトを作る上での一つのマナーだと思います。