人もブログも見た目が9割 #ブログ塾
TRANSCRIPT
人もブログも 見た目が9割2015.07.18 ブログ塾@マイカフェ伏見
13:00-14:00 ブログデザインの基本
14:00-14:10 休憩
14:10-14:40 添削1人目
14:40-14:45 幕間1 『PVよりも大事なもの』
14:45-15:15 添削2人目
15:15-15:20 幕間2 『デザインとは設計である』
15:20-15:30 休憩
16:18-16:38 参加者交流のためのイベント
16:38-16:48 まとめ・質疑応答
本日のタイムテーブル
@haruna1221ごりゅご.comデザイン担当 Web/DTP/キャラクターデザイナー 801ちゃんとかつくったよ
こんにちは。はるぅなです
コミックスとか DVDとか
ちょっとしたコツでいい感じになります
Blogデザイン 基本の話
デザインセンス×
デザイン4原則
整列
近接 反復
対比
近接まる 顔
月 circle
太陽
丸い
近接まる 顔
月 circle
太陽
丸い
おなじデザインを繰り返す
反復
色やかたちなんでもOK
左揃え・中央揃え・右揃えいろんな揃え方があるよね
整列
どこか一箇所だけでも揃えるとGOOD
GOOD
左揃え・中央揃え・右揃えいろんな揃え方があるよね
整列
どこか一箇所だけでも揃えるとGOOD
GOOD
対比見出しタイトル本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文
本文本文本文本文本文本文本文本
文本文
対比見出しタイトル本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文
対比見出しタイトル本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文
デザイン4原則
整列
近接 反復
対比
人が持ってる色のイメージ
Blogデザイン 色の話
色がもつイメージ
配色について
類似色
補色
面積比率
メインカラー サブカラー
アクセントカラー
配色ツール
http://paletton.com/
Adobe Color CC
すてきなヘッダーで覚えてもらいやすくなる
Blogヘッダーは ブログの顔
リニューアル
c
さらに リニューアル (予定)
誰でも意外と簡単につくれる!
オリジナルヘッダー をつくるには
Photoshopってお高いんでしょ?
写真加工アプリ
Pixelmator
Moldiv
これだけおさえればOKな3つのポイント
オリジナルヘッダー をつくるコツ
人間って意外と文字読まないんだよね…
文字より写真
スマホ・ガラケーでも十分キレイな写真撮れるよ!
フリー素材より オリジナル写真
最近よく見るハーフの人
ちょっと前によく見た人
一番簡単に個性がだせる
顔写真
やたら目立ちたがる、うちのだんな
みなさんからの質問に答えます
質問
デザインで直帰率を下げるには?
Webデザインをする際に
気をつけていることは何ですか?
アイキャッチは、
正方形と16:9のどちらがこれか
ら主流になるのでしょうか?
人もブログも見た目が9割
今日のまとめ
1.デザインセンスはなくてもOK
2.デザイン4原則・色彩心理・配色
3.ブログヘッダーはブログの顔
4.可能なら自分の顔出し
人もブログも 見た目が9割
おしまい。@haruna1221