EKKEN♂

このブログは http://ekken.blog1.fc2.com/ に移転しました

背景色とモニタの輝度問題

2005-01-22 | WEBにまつわる話
 何度かお遊びでワケの分からないデザインにしていますけれど、僕のブログのデザインは、基本的にシンプルで、色もジミーです。自分の家の液晶モニタと、会社のCRTモニタくらいでしか検証した事がないので、この色の組み合わせが本当に見やすいのかは分からないのですけど、数年前に2ちゃんねるWEB制作板で真白な下地のHPを作るな! というスレッドを読んだことがあり、そこに書かれていたのが、これ。
いくらモニターを調整してもまぶしくてしょーがねーよ!
普通本や雑誌をみても薄い色が付いてるだろ、真白の下地
なんて見る者のことを、考えて作ってるとは思えないぜ。
真白な下地のHPを作るな!

 白はモニタの違いによらずに、サイト作成者が思った通りの色をみんなに見てもらうことが出来る色だと思うのですが、なるほど、確かに長時間読むにはちょっと厳しい色のような気がします。
 で、僕は淡い色を背景色にするのがすきなんですけど、今使っている#CCCCCC(灰色)、一応Webセーフカラーではあるものの、色調とか輝度を調整しているモニタでは、読みにくいのかもしれませんね。まぁ、モニタの調整のことまで考えていたら「誰もが読みやすいカラーの配色」なんて出来ないでしょうから、僕は「自分が読みやすい」物にこだわって、なおかつセンスの悪さがばれないよう、誰でも配色しやすいモノトーンにしているわけですが……
色のセンスの問題をいったらきりがないけど。
はてさて、HPを作ったとしても色がどのように見えてるかは人それぞれの環境によるわけで。
近い色の差も環境によってはくっきりしたり気づかないくらいだったり。
まぁ、まずはセーフカラーなり使ったりしなくちゃいけないんだろうなぁ。

mersy's: 色について思うこと

 まーしーさん、いろいろ心配されているようですが、少なくとも、僕の家と会社のPCでは普通に読めました。冒頭で挙げている真白な下地のHPを作るな!ですが、「作るな!」といっても現実に白い背景色のサイトはめちゃくちゃ多いので、僕はモニタの輝度をかなり下げています。ですから、僕が自分で使うPCでは眩しくて読んでられない、ってな事はないです。
 そのかわり、センスのない背景色と文字色のバランスのサイトは、この上なく読みにくいですけど。
 ちょっとサンプル作ってみました。

読み難くはない読みにくいっす!
そもそも背景色に難何色でもダメじゃないか
これもダメでしょ何色でもダメじゃないか
意外とイケるかもしれん完全同系色じゃない限りは
個人的に問題なし完全同系色じゃない限りは



 極端な例ばかりですまぬけど、原色バリバリな背景は、やっぱりうまくなかろう、と。白&黒は、背景色と文字色のバランスを考えるのは簡単なんだけど、リンクの色とかのバランスのことまで考えなくちゃならないので、結構面倒くさい。
 何でこんなことが急に気になったかと言うと、左サイドバーに表示しているファンクの帝王の御顔がずいぶんはっきり見えないなぁ、と以前から思っていまして、「きっと元画像の画質のせいなんだろうなぁ」と決め付けていたのですが、先日久しぶりにネットカフェなんぞに入って確認したら、アラ、ちゃんと表示されているじゃないのよ? なぜなのよ? もうオイラのモニタ、買い換えなくちゃダメなのかしら? ちょっと、今17インチ液晶っていくらなのよ、あらあらあら……なんて思いつつも、帰宅後にモニタの輝度を調整しようとしたら「BRIGHTNESS 13%」。
 80%くらいまで上げてやったら、普通に帝王の御顔が綺麗に映し出されました。
 でもそうすると背景色の#CCCCCCが、ちょっと眩しいのね……

▼モニタの輝度調整用・ゴッド・ファーザー・オブ・ソウル▼

ラヴ・オーヴァー・デュー
超名盤。
 帝王のお顔がはっきり見える人のモニタは、きっと輝度が最適な状態なのでしょう。


 モニタの輝度って、どれくらいにしているものなんだろう。

表作成に便利です

2005-01-22 | 便利ツール
 先日触れた、アクセスカウントを編集画面風に表示ですが、この方法は「選択画面のソース」を表示させる機能を持っているブラウザを使用されている方なら、誰でも簡単にHTMLで表示されている表を見た通り(そのスタイルが別のCSSファイルに依存する場合は除く)に再現できるのが良い所ですが、gooブログの編集画面の表のように、ファイルサイズが大きいものだと、知らせたい情報量の割に記事のデータサイズが大きくなってしまう欠点もあります。
 このアクセス数表示の為に、分かりやすく、かつ、ファイルサイズを小さめに記事を作成したいのなら、blue_skyさんBLUE_SKY_BLOG:【記事Tips】gooブログのアクセス数を表形式で記事にする。という記事をご参考にされたほうがよいかもしれません。
 
 ところで話し変わりますけど、 ブログの何が便利っていうと、コンテンツを作成する手間が、それまでの「ホームページ」と呼ばれた個人サイト(この場合の「ホームページ」という言葉が正しいものではないことは、百も承知ですので、いちいちそこにツッコミはいれないこと)と比べて、格段に楽になったことだと思うのですね。
 ブログ以前は、何千円も出してホームペー○ナンタラとかいうソフトを購入したり、HTMLタグ辞典とかいう本と睨めっこして、チマチマコンテンツ作成しつつも、結局は他人と交流できることが楽しいことに気付くと、コンテンツはどうでもよくなり、常連がいるサイト主さんは「掲示板以外は更新停止」、そうでない人はとにもかくにも完全放置になったりするものです。
 ブログだとFTPソフトはいらない、HTMLタグなんか知らなくたって、サービスが用意する記事の編集画面さえ使えれば、文字の装飾からリンクタグの生成まで、そこそこカッコイイサイトつくりが出来ます。それでも満足できなければ、はじめま略さんの新型エディタはじめますたを使いましょう。
 たいていは、『新型エディタはじめますた。』で記事を書くときに使うタグを網羅していることと思いますが、図示を多用する人にとって欲しいのが、テーブルタグ作成機能ではないでしょうか。
 
 OpenOffice.orgや、EXELなどの表計算ソフト、alphaEDITPiyokoなどのWYSIWYGタイプのHTMLエディタを使っても、表形式のHTMLタグを作るのは簡単なのですけど、共にブログの記事として使うにはあまりに不必要な要素までもが盛り込まれてしまい、それを正規表現置き換えしていくのは結構面倒なものです。
 タグ挿入型HTMLエディタでは、HeTeMuLu Creatorが比較的表形式タグを作成しやすいようですが、誰にでも簡単に、というには、やはりちょっと敷居が高い気がします。
 そこでたまたま見つけたのが、鳥新聞 さんのエクセルからHTML。EXCEL必須ですけど、これは本当に超簡単。普通にEXCELファイルをHTML化するのと異なり、サイズも小さくて済み、セルの背景色を変更したり、縦や横にまたがる表もそのまま再現してくれます。
 生成されたHTMLタグを右クリックでコピーできないのですが、Ctrl+Cキーを使ってエディタにペーストしてやればOK。これでかなり見易い表を作成することが出来ますが、もっと細かに装飾したい人は、HTMLエディタを使って手を加えていけばよろしいかと思います。
 下がその使用例。
 今月に入ってからの僕のAmazonアソシエイトのクリックされたけどスルーランキングです。
商品別トラフィック-クリックスルーレポート
January 1, 2005-January 21, 2005 上位20
商品名クリック
成りたがり174
マンスリー・プラネット92
江戸むらさき特急 1 (1)43
マカロニほうれん荘 1 (1)42
OPEN COLOR (DVD付) (CCCD)29
江戸むらさき特急 3 (3)17
寿五郎ショウ11
Sex Packets8
ハサミ男7
江戸むらさき特急 2 (2)7
がきデカ 1 (1)7
植木等的音楽5
クレイジーキャッツ コンプリートシングルス HONDARA盤5
GUITAR WONDER4
ラヴ・オーヴァー・デュー3
クレイジーキャッツ コンプリートシングルス HARAHORO盤3
夢を食いつづけた男―おやじ徹誠一代記2
Wish You The Best2
伊達グルーヴ 1 (1)2
レイジング・ヘル2