狠狠撸

狠狠撸Share a Scribd company logo
ブログのデザインについて 
田中裕司 
第24回東京ブロガーミートアップ 
2014年11月12日(水)
まずは自己绍介
田中裕司(たなかゆうじ) 
tanaka.yuji.16(facebook) 
@yuji_t (Twitter)
【2004年2月開設】 
?パソコンレビュー 
?カメラ?ガジェット 
?イベントレポート 
?WordPress 
?読書 
?猫 
などなど
第24回东京ブロガーミートアップ「ブログのデザインについて」
ブログのデザインについて 
テーマは基本手作り 
色数を少なく作りたい 
1pxへのこだわり 
など細いところも色々とありますが…
ブログのデザインについて 
実は「余白」に拘っています! 
なんてことを話します 
今回は…
ブログのデザインについて 
【余白のポイント】 
?何となく空けるのではなく、意味を持って空けることが重要 
?余白の間隔に規則性を持たせる(ランダムはNG) 
?要素の区切りに合わせて余白を取る 
?文字にも余白は必要
ブログのデザインについて 
ジャンクワードの森を確認
第24回东京ブロガーミートアップ「ブログのデザインについて」
第24回东京ブロガーミートアップ「ブログのデザインについて」
ブログのデザインについて 
このように… 
何気に「余白」を統一しています
ブログのデザインについて 
【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; 
} 
基本のデザインを 
決める 
クラス属性を付け 
個別にデザインを 
変えていく
第24回东京ブロガーミートアップ「ブログのデザインについて」
第24回东京ブロガーミートアップ「ブログのデザインについて」
ブログのデザインについて 
デザインというとどうしても 
「色」「形」「画像」など派手な部分がメインになりますが、 
「余白」のコントロールもデザインにおいては重要なこ 
とだと思っています。
ブログのデザインについて 
なので… 
デザインを考えるときは 
「余白」にも意識を向けると 
いいかなと思っています。
以上で终了です

More Related Content

第24回东京ブロガーミートアップ「ブログのデザインについて」