見やすいリストのためのデザイン

Design

先日、粗末だけれどいわゆるまとめ記事を書いた訳ですが、何となくぱっとしない。見やすく、そして読みやすいレイアウトになっていないように感じます。今後の参考にと、僕が読みやすいと感じたデザインのリストを差し当たり２つ上げさせてもらいました。

アイコンタイプ

via Firefoxに入れてるアドオンとGreasemonkeyのまとめ。 - NOBODY:PLACE - MUTTER

  • 見出しは太字にするのみとシンプル
  • リストの頭にアイコンを使っている。この矢印かわいい
  • リスト１個１個の間隔が広め

余白タイプ

via hail2u.net - Weblog - CSSコーディング・スタイル

  • 先のと同じく、見出しは太字にするのみとシンプル
  • リストは左にマージンを取っている。文章のまとまりがしっかり見える。

特に一つ目の、リストの頭にアイコンを置くのはよく見かけるように感じます。
もっとサンプルを集めてデザインの参考にしたいところ。

ところでこのブログ、文字サイズが少し大きいので近々直そうと思ってます。フォントサイズを指定するのは案外デリケートなことらしく、やり方を勉強中。

追記

2009.12.10

写真を追加