ブログのデザインについてです。
僕は凝りまくっているデコレーションケーキのようなデザインよりも、大福餅のようなシンプルなデザインのほうが好きです。
僕が使っているgooブログの既成テンプレで言えば、「シンプルの右メニュー」か、「パセリ倶楽部のモノトーン1」ですね。
共に文字の大きさが、指定なしの可変タイプで、105%と100%。僕はブラウザの標準文字サイズを「中」に設定しているのですが、この時の見た目で「文字サイズがやや大きい」と感じるサイズです。僕はブログの主体はテキストにあると思っているので、小さいサイズで書かれた長文を読むのは苦手。可変サイズにしてあれば、自分で文字の大きさを変えることが出来るものの、わざわざサイズを変えることなく適度に見やすいサイズであることが望ましいです。何もいじっていない状態のブラウザ( IE )では、「中」に設定されているはずなので、できればこの状態で見たときに可視性の高いものが望ましいです。 色については、僕自身は背景色に白を使っているものの、見やすいかどうかということだけを考えると、実は白よりもグレーがかったもの(#CCCCCCくらい)の方が好きです。
以前使っていたCSSをあてたものはこんなかんじ。
背景色以外の色については、なるべくたくさんの種類を使わないようにしているつもりです。リンクタグ部分を灰がかった青を使っているのと、たまに強調色として赤と青を使う以外は、モノトーンでまとめています。単にモノトーンがセンスの悪さをごまかしやすいから、というのもありますけど。
それとちょっとこだわっているのが、サイドバーの位置です。僕の自宅PCのモニターは液晶の15インチです。買った当時は、まぁ普通サイズだったんですけど、今では17インチが主流ですよね。ブラウザを立ち上げている時、左端に「おきにいり」を表示させている状態だと、3カラム(両サイドバー)のデザインは、ちょっと読みにくいです。記事の文字サイズを小さくしたら3カラムは格好良いのですが、コンテンツ以外の情報を載せられるスペースが多いと、つい欲張っちゃってごちゃごちゃさせてしまいがち。そんなわけで3カラムデザインは敬遠しています。
で、片側サイドバーのものなんですが、どういうわけか、オーソドックスなのは、バーが左側にあるものですね。実はこれもできれば避けたいデザインです。
サイドバーの幅にもよるのですが、これを幅広くとり、尚且つブラウザを最大化しない場合、可変幅設定のブログでは、記事表示部分が狭くなりすぎるし、固定幅設定のブログでは、本来読む必要のない部分が優先的に表示され、肝心の本文を読む為に、横スクロールさせる羽目になります。
これを解消したいと考えたので、僕のブログは右サイドバーを採用しています。
なぜかあまり人気のないスタイルだとは思いますが。
他の部分については、あまり拘りはありません。
サイドバーにブログパーツを乱雑につけてさえいなければ、本文さえ読みやすければOK。
一番気になるのは文字の大きさと、文字色と背景色のコントラストですね。→参考:背景色とモニタの輝度問題
あと、できれば引用している部分については、それがどこからどこまでなのか明確にして欲しいです。できれば、引用タグにもスタイルシートで、枠線などの定義付けして欲しいです。
そんなところ。
あなたが見やすいと思うブログはどんなテンプレートを使っていますか?
文字の大きさ、色、かたち,ブログの構成、画像、その他。思いも寄らぬことがあるかも知れませんね。ぜひぜひお寄せください。
sugar pot 【私設トラックバックテーマ】見やすいテンプレートの条件とは?【FC2ブログの歩き方連動企画】
僕は凝りまくっているデコレーションケーキのようなデザインよりも、大福餅のようなシンプルなデザインのほうが好きです。
僕が使っているgooブログの既成テンプレで言えば、「シンプルの右メニュー」か、「パセリ倶楽部のモノトーン1」ですね。
共に文字の大きさが、指定なしの可変タイプで、105%と100%。僕はブラウザの標準文字サイズを「中」に設定しているのですが、この時の見た目で「文字サイズがやや大きい」と感じるサイズです。僕はブログの主体はテキストにあると思っているので、小さいサイズで書かれた長文を読むのは苦手。可変サイズにしてあれば、自分で文字の大きさを変えることが出来るものの、わざわざサイズを変えることなく適度に見やすいサイズであることが望ましいです。何もいじっていない状態のブラウザ( IE )では、「中」に設定されているはずなので、できればこの状態で見たときに可視性の高いものが望ましいです。 色については、僕自身は背景色に白を使っているものの、見やすいかどうかということだけを考えると、実は白よりもグレーがかったもの(#CCCCCCくらい)の方が好きです。
こんな感じのヤツですね。 白は光の加減によって読みにくいこともあると思います。 個人的には、この背景色に黒い文字が読みやすいですね。使っているテキストエディタ、HTMLエディタの背景色もこれに合わせていますし。 それでも現在のこのブログの背景色を白にしているのは、単にAmazonのリンクを貼った時に、その親和性が高いからです。 |
以前使っていたCSSをあてたものはこんなかんじ。
背景色以外の色については、なるべくたくさんの種類を使わないようにしているつもりです。リンクタグ部分を灰がかった青を使っているのと、たまに強調色として赤と青を使う以外は、モノトーンでまとめています。単にモノトーンがセンスの悪さをごまかしやすいから、というのもありますけど。
それとちょっとこだわっているのが、サイドバーの位置です。僕の自宅PCのモニターは液晶の15インチです。買った当時は、まぁ普通サイズだったんですけど、今では17インチが主流ですよね。ブラウザを立ち上げている時、左端に「おきにいり」を表示させている状態だと、3カラム(両サイドバー)のデザインは、ちょっと読みにくいです。記事の文字サイズを小さくしたら3カラムは格好良いのですが、コンテンツ以外の情報を載せられるスペースが多いと、つい欲張っちゃってごちゃごちゃさせてしまいがち。そんなわけで3カラムデザインは敬遠しています。
で、片側サイドバーのものなんですが、どういうわけか、オーソドックスなのは、バーが左側にあるものですね。実はこれもできれば避けたいデザインです。
サイドバーの幅にもよるのですが、これを幅広くとり、尚且つブラウザを最大化しない場合、可変幅設定のブログでは、記事表示部分が狭くなりすぎるし、固定幅設定のブログでは、本来読む必要のない部分が優先的に表示され、肝心の本文を読む為に、横スクロールさせる羽目になります。
これを解消したいと考えたので、僕のブログは右サイドバーを採用しています。
なぜかあまり人気のないスタイルだとは思いますが。
他の部分については、あまり拘りはありません。
サイドバーにブログパーツを乱雑につけてさえいなければ、本文さえ読みやすければOK。
一番気になるのは文字の大きさと、文字色と背景色のコントラストですね。→参考:背景色とモニタの輝度問題
あと、できれば引用している部分については、それがどこからどこまでなのか明確にして欲しいです。できれば、引用タグにもスタイルシートで、枠線などの定義付けして欲しいです。
そんなところ。
|