« メモがてら | メイン | ごうもんかと »

2007年11月18日

うちの場合

メモ:小説サイトを作る時、小説(長文)を載せるページについて考えてたこと。

特に


○ 背景色・文字色のコントラスト

まず背景色と文字色のコントラストですが、オーソドックスに白に決定。
背景色・白に対して文字色を黒(#000000)にすると色に差がありすぎて目が疲れると思ったので、僅かに青みを加えることにしました。カラーコードだと #222232 。

font-color.gif
こんな色です。クリックで拡大。

正直見た目ほとんど黒と変わりませんが、それでも青みがけたのは、万年筆のインクが青みがかってるって聞いた気がするな。じゃあそれでいこう、という単純な発想から。
ただ、見出しはこの色ではなく、黒に。

また、サイトを作っている時に背景白一色っていうのも眩しいかな? と思ったので、本文を載せる土台の周囲に色をつけて眼の「箸休め」的な緩衝地帯を作ることに。
小説に対してイメージをつけないような色で目に優しげな色はどれだと試行錯誤して現在の色に。しかし単色だと<文字の色・土台の色・周囲の色>の三者が自己主張を始めて眼にうるさい結果になったので、それまでブラウザで出力していた周囲の色を画像に変えて、それに古本のちょっと汚れた紙質をイメージしつつ画像作成ソフトの機能を使ってノイズを入れて完了。
結果として額縁みたいになったので、それが視線を小説本体に集中させる効果でも出してくれてたらいいな、などと楽観的に思っていたりします。


○ 文字の大きさ

文字の大きさは個人的に読みやすいと感じているサイズ、16pxを基準にすることに。
しかしこれは僕のPC環境で、という前提が付きます。
サイトを作る際の基準にしていた画面解像度は、サイト作成当時で一般的な(と言われていた) 1024×768 。
ただ今後画面解像度が上がることを考えて、19pxも用意。
文字サイズを固定されることを嫌う方もいらっしゃるでしょうから、文字サイズを固定しないバージョンも用意。

……と、少々回りくどいやり方をしています。

なぜこんな方法を選んだかというと、書体に『明朝体』を選んだからでした。
Webで明朝体は読みにくいという話は聞いたことはありますが、とはいえ画面解像度が上がった最近では読みにくいとは限らないという話も聞いていました。
また、長文を読むには明朝体の方が疲れないし頭にも入りやすいと。
で、初期のまだサイトをアップする前に色々試して見たところ、僕が感じる分には確かに『明朝体』の方が疲れないし見やすいな――と。
僕は小説を書いてそれを更新する時、大抵
<第1稿→ 推敲 → HTML化 → ブラウザ上で推敲(環境が変わったせいか文書ソフトでは気がつかなかった誤字脱字やおかしな文に気づけたりする) → 最終確認 → 更新>
という手順を踏んでいるので、この「疲れない」というのはとても大事なファクターでした。
そしておそらく、小説を読んでいただく時にもこれは通じるだろうと。

まあ、明朝にしてみて「明朝は読みにくい!」という意見がきたらその時対処するのでもいいかな? という実験的な心もありましたが……
後に、そのような意見がきたわけではありませんが、文字サイズを固定していないバージョンの書体も固定するのをやめて、そのバージョンのフォント設定は読者さんのブラウザの設定に準拠するようにしてゴシックでも読めるように今ではなっています。

ちなみに、僕はサイトをCSSで制御しているので、このページを三種類……というのは一度作ってしまえばそんなに手間のかかるものではないです。ちょっとファイルの設定を書き換えて増やすだけ(^^

もう一つちなみに。
文書ソフトでは傍点を打って強調している文は、現状下線を引いて代用しています。
将来的にCSSで傍点をブラウザでも打てるようになって、それが各ブラウザに実装されたらその部分の設定を書き換えようと現在画策中。


○画面サイズ・各種ブラウザへの対応

画面解像度 800×600 にも対応するために、メインコンテンツの横幅は800px以下に設定。
それで一度解像度をいじって 800×600 でも確認してみて大丈夫だったので、大丈夫だろうと自己満足(笑
僕はFirefoxをメインブラウザに使っていて、HTMLを作成している時はIEで作業しているので、その二つはまず問題なし。
Operaも試して崩れなかったことを確認して、その他IEのエンジンを使っているブラウザも念のため確認。


……これらが主だったところかな?

投稿者 楽遊 : 2007年11月18日 00:48

トラックバック

このエントリーのトラックバックURL:
http://rkyu.com/mt/mt-tb.cgi/497

コメント

コメントしてください




保存しますか?