ブログ塾第2回ブログをデザインするときに覚えておくと便利なこと。

ブログ塾はじまった〜 #ブログ塾 pic.twitter.com/l0sqYLUM37

2015-07-18 13:03:33

拡大

嫁です #ブログ塾 pic.twitter.com/pH4F6iYXC9

2015-07-18 13:05:08

拡大

はるなさんが、ごりゅご.com のデザインをリニューアルしてから、ごりゅさんがブログで飯を食えるようになった！ #ブログ塾

2015-07-18 13:05:34

デザインはセンスだけじゃなく、知識 #ブログ塾　わかる

2015-07-18 13:06:52

デザイン4原則近接、反復、整列、対比 #ブログ塾

2015-07-18 13:08:17

ウェブだけでなく、すべてのデザインに使える知識 #ブログ塾

2015-07-18 13:08:27

関係する物は近づける。関係ない物は遠ざける #ブログ塾

2015-07-18 13:09:37

文字と図の近さを変えるだけで、関連付けがわかるようになる #ブログ塾

2015-07-18 13:09:44

五藤隆介📖『アトミック・シンキング』 @goryugo

関係するものは近づけて、関係ないものは離す。写真の説明とかもこの「近接」でわかりやすくできる #ブログ塾

2015-07-18 13:09:58

ブログで写真と写真の間に文字配置したりすると、どっちの写真の説明文かわかりにくかったりしますよね #ブログ塾

2015-07-18 13:10:24

関係するもの同士は近くする（近接）と、関係性がわかるようになる #ブログ塾

2015-07-18 13:11:41

ある程度色や形を揃えるとまとまる #ブログ塾

2015-07-18 13:12:31

いろんな要素を詰め込みすぎると見にくくなる。ある程度、色や形を統一する（同じものを繰り返す） #ブログ塾

2015-07-18 13:12:33

同じデザイン（色や形）を繰り返す。これが反復。 #ブログ塾

2015-07-18 13:14:30

左端揃え、中央揃え、右揃えなどどこか一箇所だけでも揃えるといい #ブログ塾

2015-07-18 13:15:04

整列 #ブログ塾 pic.twitter.com/X8QAp6mypj

2015-07-18 13:15:08

拡大

五藤隆介📖『アトミック・シンキング』 @goryugo

全部等間隔だとどれが大事かわからない #ブログ塾

2015-07-18 13:16:40

対比できてない場合 #ブログ塾 pic.twitter.com/KI3WMxnJc1

2015-07-18 13:17:11

拡大

文字や画像の端を揃える。それだけで見やすくなる。これが整列。 #ブログ塾

2015-07-18 13:17:17

対比できてる場合 #ブログ塾 pic.twitter.com/PDIIA8aTGA

2015-07-18 13:17:45

拡大

色や文字の大きさ、行間などを変える #ブログ塾

2015-07-18 13:17:55

文字の大きさや背景色で差をつけると見やすくなります #ブログ塾

2015-07-18 13:17:59