第24回東京ブロガーミートアップで話した「ブログのデザインについて」のスライド。 デザインのこだわりは「余白」という点を話しました。

1. ブログのデザインについて
田中裕司
第24回東京ブロガーミートアップ
2014年11月12日（水）

2. まずは自己紹介

3. 田中裕司（たなかゆうじ）
tanaka.yuji.16(facebook)
@yuji_t (Twitter)

4. 【2004年2月開設】
・パソコンレビュー
・カメラ・ガジェット
・イベントレポート
・WordPress
・読書
・猫
などなど

6. ブログのデザインについて
テーマは基本手作り
色数を少なく作りたい
1pxへのこだわり
など細いところも色々とありますが…

7. ブログのデザインについて
実は「余白」に拘っています！
なんてことを話します
今回は…

8. ブログのデザインについて
【余白のポイント】
・何となく空けるのではなく、意味を持って空けることが重要
・余白の間隔に規則性を持たせる（ランダムはNG）
・要素の区切りに合わせて余白を取る
・文字にも余白は必要

9. ブログのデザインについて
ジャンクワードの森を確認

12. ブログのデザインについて
このように…
何気に「余白」を統一しています

13. ブログのデザインについて
【CSS的に…】
aside#menu dl{
margin: 0px 0 20px 0;
width: 310px;
border: 1px solid #d6d6d6;
border-radius: 8px;
}
aside#menu dl.facebook{
border-radius: 1px;
}
基本のデザインを
決める
クラス属性を付け
個別にデザインを
変えていく

16. ブログのデザインについて
デザインというとどうしても
「色」「形」「画像」など派手な部分がメインになりますが、
「余白」のコントロールもデザインにおいては重要なこ
とだと思っています。

17. ブログのデザインについて
なので…
デザインを考えるときは
「余白」にも意識を向けると
いいかなと思っています。

18. 以上で終了です