ブログタグアーカイブ: デザイン

ブログで改行する目安、1行に何文字がいいのか?

日本語のブログでは
1行を何文字にすればいいのか?
どれぐらいで改行するべきなのか?
この目安が重要になってきます。

英語では、それそも「段落」
という概念がはっきりとあるため、
「改行」という意識が薄い気がします。

文字を延々と打って、基本「改行」がなく、
内容に応じて「段落」変えする、というのが
英語のブログの基本形です。

しかし日本語のブログの場合
1行にある程度の文字数になったら
改行する、というスタイルがあります。

このブログがそうですね。

好みにもよりますが、文字を延々打ち続ける
英語のブログの形式よりは見やすいのでないかな、
と個人的には思って、この形式にしています。

ただ、以前はパソコンでブログを見ている人を
前提に改行を考えていましたが、最近これでは
不十分ではないか?と感じています。

というのも、ブログを見ている人が
パソコンからなのか、iPhoneなどの
スマートフォンからなのかわかないからです。

スマートフォンの場合は、パソコンに比べると
1行の文字数が減るので、妙なところで改行すると
かえって読みず楽なってしまいます。

そこで取り得る方針は2つです。
 
 
1.英語のブログのように基本「改行」なしの
 「段落」変えにスタイル変更

2.1行の文字数をさらに少なくする
 
 
1.英語のブログのように基本「改行」なしの
 「段落」変えにスタイル変更

の場合は、スマートフォンでは変な位置に
改行が入ることがない、という点では読みやすくなります。

しかし、文字が多すぎて読みずらい、という可能性と、
パソコンでのブログのレイアウトが横に広い場合
一行が長くなり読みずらくなる可能性があります。

そのため、段落変えのタイミングを考えるのとともに、
パソコンのブログのレイアウトも
考慮する必要がありますね。
 
 
2.1行の文字数をさらに少なくする

の場合は、長い文章の場合は、
あまりにも縦になって読みずらい
という可能性があります。

ただ、1行が短いと、パソコンでも
スマートフォンでも、いわゆるガラケーでも
読みやすくなるのは確かです。
 
 
これであなたのブログが
パソコンからも、スマートフォンからも
読みやすくなるようにしてくださいね。

2011年09月22日 | 固有リンク |

プロっぽいブログにするためのコツ

ブログに凝るとプロっぽいブログにしたくなりますよね。
今回はブログの見た目を簡単にプロっぽくするコツを解説します。

それでは見た目で「このブログ、プロっぽい」と思わせる
簡単な方法とは何か?

それは

■ポイントにグラデーションを効かせる

ということなのです。

例えば、ちょとしたタイトルや見出し、
メニューなんかにグラデーションが効いてると
簡単にプロっぽさが出てきます。

例えばこんな

ブログの記事のタイトル

 
のような感じにすると、グッとプロっぽくなるわけです。
 
 
 
これはどうやっているかというと、HTML上は

<h2>ブログの記事のタイトル</h2>

と書いています。

で、これにどう設定しているかというと
<h2>タグの背景をグラデーションに設定しているわけです。
 
 
 
で、<h2>タグの背景画像というのが実は
コレ↓なんです。

で、この画像を<h2>タグの背景に横いっぱいに敷き詰めると

ブログの記事のタイトル

 
な感じになります。

この画像を<h2>タグの背景に設定するには、CSS上

h2{background: url(ttback.gif) left top repeat;}

と設定するとOKです。
 
 
 
なぜ画像ファイルが縦に長いのかというと、
タイトルが2、3行になっても大丈夫なように長めのモノを利用しています。

あと、よーく見るとわかりますが、
タイトル全体を赤い枠で囲っています。
というのも、グラデーションを利用するとボンヤリした印象になりがちですが
枠で囲むことによってシャープさを出しています。

さらにちょっとしたことですが、背景の色を赤に指定しています。
背景に赤を指定した上で、グラデーションの画像を背景に指定しています。
これによって、もし画像を読み込む際に時間がかかったとしても
それまで背景を単色の赤で塗りつぶして、文字が白くても読める工夫をしています。

アナタもこれで、プロっぽいブログに仕上げてくださいね。

2011年04月21日 | 固有リンク |

 

 

殿堂入りメルマガ!ネットビジネス即効薬

インターネットでアナタのビジネスに、人生に、もっとチカラを!インターネットでビジネスを拡大したいけどイマイチ、なにかはじめたいけどなにもできていない人必読!ホームページ、ブログ、メルマガはもちろんツイッター、facebook、YouTube、Ustreamの活用方法に関してスグに結果が出る即効薬をアナタだけに処方いたします。

お問い合わせはこちらから
03-6271-5782 にお電話いただくか
info@orifay.com もしくは
お問い合わせフォーム からご連絡ください