ki:blog

右手に萌えを、左手にネタを。

<< May 2005 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>

こんにちは、きりゅうです

眠いです。
MyLife :: comments (0) :: trackbacks (0)

俺も修行中

たまに訊かれたり、勉強になるとのお言葉もいただくので、サイト作りのアドバイスとか書いてみようかと思うんですが、いざとなると何を書いたらいいのか分かりません (笑) 何が知りたいですか?(笑)

んーとそうだな、基本的に、見やすいサイトを作るのに必要なのは空白の使い方、かな。これはサイトだけじゃなく、印刷物なんかにも重要なポイントになります。上手なデザイナーさんは空間の使い方がやはり上手い。
例えば、
余白を取った例
記述:padding:10px

余白が詰まっている例
記述:padding:0px

これでどっちが見やすいかなって話ですね。
ただ余白を空ければいいというものでもなくて、全体のバランスも当然ながら大事なわけで。
行間大きくして文字を背景色に近づけてみた。
文字は見にくいし、周りの余白があっても中の文字が纏まってないので見にくいのです。
記述:color:#555555;
background-color:#003600;
line-height:220%;

行間と色をもう少し整えると
こんな感じになります。
記述:color:#CCCBCC;padding:15px;
background-color:#003600;line-height:150%;

これは文字だけですが、レイアウト全体同じことです。中身に対して、周りにどんくらいの余白を取るか。それだけでもきちんと整うと大分見やすいページになります。
例えばこのテンプレートだと、日記の中身部分は余白とってますが、右上のタイトル部分は少ないです。これは中身の文字量が少ないので、大きく取ると逆にアンバランスになるわけですな。
そんな感じで素敵だと思うデザインの色んなバランスを見てみると良いかと思います。
ま、趣味もあるので一概には言えませんがね(笑)

あ、IDとclassについてはこのあたりでどうだろう。>私信
自分が使うときは大抵、レイアウトを組むのにID、汎用的に使うものに対してclassを使用します。このブログだと日付やタイトルはclassでカレンダーとかはidとかね。まぁ曖昧ですが(笑)あとインラインレベルのものにはclassを使うことが多いかな。

拍手レス! 

[05.11 07:46]
同盟情報ありがとうございますー!探し損ねておりました…こんなのあったんですねー。
でも自分が主張したいのとはちょっと違う…かな?恋人未満だと付き合ってないだけでいちゃこらしてないわけじゃないと思うので。
付き合う前のもどかしい感じとか、超好きですけども!(笑)

[05.12 00:31]
ありがとう…というところなのかな、これは(笑)
出来るだけ早くがんがるようにがんがります(笑)たぶんね、R&Dやるよりは恥ずかしくないと思うんだよね…!(笑)
Memo > www :: comments (0) :: trackbacks (0)
1