CSSでクールなデザインのサイト・ブログを作るコツ
08/04/01 Comment(0) Trackback(1)

最近、親ブログである「わかったブログ」のデザインを変更した。

私はデザインが全くダメw
いつも、手持ちの技でいかに綺麗に見せるかだけを考えている。

+++

今回、私が行き着いたデザインは、

「CSS+無料アイコンなどをポイント的に利用したもの」


ブログのデザインは、極力シンプルな方が良いようだ。

photoshopなどで作った画像パーツは、あまり使いすぎると、デザインばかりが目立ってしまい、肝心の記事が映えなくなる。

また、素人が作った画像パーツは、見るに耐えない場合が多い。画像パーツだけは、デザインに関する才能や感覚を持ち合わせていないとダメだと思う。

どうしても自作で作りたい場合は、淡い色を基調として、グラデーションを利用したものを、見出しなどに利用する程度にしておきたい。


それに対して、CSSは画像パーツほどデザインの才能は要らない。
四角を基本に、ボックスを並べていくだけだ。

それでも、ボックスの境界線の種類や細さ、背景の色などを組み合わせれば、驚くほどたくさんのバリエーションを作れる。

シンプルにCSSで基本デザインを作ったあと、見出し部などに専門家が作ったイラストやアイコンを設置してアクセントをつければ、不思議とそれなりに映えてくる。

気の利いたデザインのイラストやアイコンは、下記のページが参考になるだろう。

http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/

http://www.image-seed.com/

http://www.ndesign-studio.com/stock-icons/imini/

CSSの勉強は、うかさんのサイトが参考になる。

CSSレイアウト実践講座

このサイト自体が、ほとんどがCSSで組まれている。
CSSだけでもかなりできることがわかるはず!

トラックバック


※当サイト内ページへのリンクがないと、受け付けない仕様になっています
トラックバック一覧

ブログのデザインはシンプル イズ ベスト

from うかブログ at 08/04/02

かん吉さんがわかったブログをリニューアル。その際のリニューアルのポイントなんかをまとめられています。 CSSでクールなデ...

コメントを投稿
上の情報を保存する場合はチェック
月別エントリー
2009年6月(5)2009年5月(12)2009年4月(6)2009年3月(4)2009年2月(4)2009年1月(6)2008年12月(4)2008年11月(5)2008年10月(4)2008年9月(8)2008年8月(6)2008年7月(4)2008年6月(4)2008年5月(6)2008年4月(7)2008年3月(8)2008年2月(14)2008年1月(22)2007年12月(10)2007年11月(10)2007年10月(5)2007年9月(7)2007年8月(5)2007年7月(16)2007年6月(1)2007年5月(4)2007年4月(9)2007年3月(9)2007年2月(10)2007年1月(20)2006年12月(6)2006年11月(15)2006年10月(11)2006年9月(27)2006年8月(9)2006年7月(5)2006年6月(11)2006年5月(2)2005年9月(1)
269
269