2007年09月27日

2007 09.27 Thu


Seesaaに限らず、ブログを作成するときは、大概どのblogサービスでも
まずは基となるデザインをテンプレートから選ぶ。
この時、選ぶポイントは、全体の雰囲気(色・イラスト・写真)と、
カラム(サイドバーなどのデザイン)で決めることがほとんどだと思う。

でも、もっとも重要なのは文字の読みやすさだ。

ブログは読み物。
訪問者にとって読みやすくなければ、
読者にはなってくれない。

文字の大きさと色、背景色とのバランス、行間などのデザインが
実は一番重要なんじゃないかと思う。


では、どんな配色が適しているのか?

背景色が薄地ベースなのか、濃色ベースなのかによっても違ってくる。
テンプレのまま、弄らない方が読みやすいのかもしれないし、
弄った方が読みやすくなるのかもしれない。

ここらへんは、やはりセンスなのだろうな。
自分が読みやすいと思ったサイトの配色をマネてみたりして、
デザインのセンスを磨くしかないんだろう。


手始めににmixi日記あたりの配色でもパクるかw





おまけ 〜 つたない解説

文字色の変更するにはCSS(スタイルシート)を弄らなくてはならない。

ホームページ(死語)制作経験者なら、
HTMLの次にCSSに触れるであろう事柄だが、
最近はブログ自体がサイトの役割を担ってきていて、
いきなりブログから始める人がほとんどだろうから、
CSSでデザインされているブログの文字色を
変更する方法が解からないのは、無理も無いのかもしれない。

[デザイン]→[デザイン一覧]→[適用にチェックの入っている選択中のテンプレ]→

にある。

.text{
font-size: 13px;
padding:10px 10px 1px 10px;
margin-top:0px;
line-height:150%;
color:#000; ←これが文字色。
}

ただし、テンプレによって書かれている場所が異なる。

body 画面全体
#container ブログ枠全体
#content 記事文のある部分の縦全体
.blog 記事文のある個所全体
.blogbody 記事文章内


のどこかで指定してるはず。

何事も勉強だねー

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:(http:を省略して下さい)
http:
コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。