「パッと見」で決まるホームページの印象。作る側としてはなるべくいい印象を
与えたいというのが本音です。ところが・･･

読み手側は結構シビアなものでして、ホームページのクオリティが「並」なら
「へぇ～。」で終わりますし、それ以下なら「う～ん」とマイナスのうなりを上げ
られます。（これがリアルにヘコむ。）

初心者時代は作るのに必死でそれどころではありませんでしたが、段々
作っていくうちに「エエ感じにしたい」と考えるようになり、昨年８月に
オープンさせたバイクスタイルを作った後に色々模索してみました。

模索中にデキのいいサイトを見まくった結果、共通点がありました。それは、

です。では少し解説していきますね。（僕は素人ですけど。）

余白で出す「ゆとり」

ネット上の話だとアレですので、ちょっとリアル世界に目を向けてみます。

皆さんの普段過ごしている部屋はどれくらいの大きさでしょうか？
僕の場合、ちょっと特殊な環境でして四畳半と六畳の部屋を二つ使ってる
のですが、計10畳ともあって広々です。（高校生まで四畳半でしたが。）

ですが、ここに背の高い家具やモノが所狭しと並べてあったらどうでしょう？
かなりの圧迫感や狭小感を受けますよね。（狭小感は造語ですんで^^;）
せっかくの広めの部屋も途端に狭く感じ、とても10畳とは思えなくなります。

なので、僕は部屋にはなるべく背の高いものは置かず、低いものを中心と
して「上の空間」を確保し、家具の高さはほぼ均等にしつつ、多くものは
おかないという風に決めています。

これはホームページにも当てはまることで、ギチギチに文を並べたり文字
のスグそばに罫線があったりすると、ちょいと重い感じがします。例を出して
みましょう。

いかがでしょう？個人個人でどう思うかは定かではありませんが、きっと
余白ありの方がスッキリして見えると思います。これをメインスペースや
サイドバーの大きなところに設定すると全体的にスッキリして見えるハズ
です。あとは細かなところに設定していけば、見栄えは断然よくなります。
面倒かもしれませんが、そのうち習慣になるので大丈夫でしょう。（多分）

また僕のクセですが、余白の幅はほとんど倍数です。例えば一箇所に5px
の余白を取ったとして、もう一つの場所にはもう少し大きく余白を取りたい
時は10pxとか。やむをえない場合もありますが、何となくこの方が整う気が
するんですよね。（これも多分）

フォントは控えめに

僕のイメージですが、フォントは13pxを超えると急にブサイクになる感が
あります。かといって、見出しが小さければわかりにくいですし、本文が
小さすぎれば読みにくい。なので、自分ルールとしてはこんな感じです。

この辺は好みかなと思いますが、本文の色が真っ黒だとどうも文字が主張
しすぎるような気がして気に入らんのです。基準としては、サイト内で使って
いる一番黒い色と同じ、もしくは一段階落とすという感じでしょうかねぇ。

また本文の大きさに関しては12px以下になると急に見づらくなるので、
13pxがベターでしょう。本文が読みづらいとなると、読み手さんが途中で
読んでくれなくなる場合もありますしね。さらに、コメント・トラバの有無を
示すような、本文に付随する文字は本文より小さめにした方がバランスが
いいかもです。

ゴチャゴチャと述べましたが、僕もまだまだダメですのでこれからも色々
と模索していきたいと思います。気になった点があればまた書いてみます。