人もブログも見た目が９割 #ブログ塾

人もブログも 見た目が９割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デザイン 基本の話

デザインセンス×

デザイン４原則

整列

近接 反復

対比

近接まる 顔

月 circle

太陽

丸い

近接まる 顔

月 circle

太陽

丸い

おなじデザインを繰り返す

反復

色やかたちなんでもOK

左揃え・中央揃え・右揃えいろんな揃え方があるよね

整列

どこか一箇所だけでも揃えるとGOOD

GOOD

左揃え・中央揃え・右揃えいろんな揃え方があるよね

整列

どこか一箇所だけでも揃えるとGOOD

GOOD

対比見出しタイトル本文本文本文本文本文本文本文本

文本文本文本文本文本文本文本文

本文本文本文本文本文本文本文本

文本文

対比見出しタイトル本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文

対比見出しタイトル本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文

デザイン４原則

整列

近接 反復

対比

　人が持ってる色のイメージ

Blogデザイン 色の話

色がもつイメージ

配色について

類似色

補色

面積比率

メインカラー サブカラー

アクセントカラー

配色ツール

http://paletton.com/

Adobe Color CC

　すてきなヘッダーで覚えてもらいやすくなる

Blogヘッダーは ブログの顔

リニューアル

c

さらに リニューアル （予定）

　誰でも意外と簡単につくれる！

オリジナルヘッダー をつくるには

Photoshopってお高いんでしょ？

写真加工アプリ

Pixelmator

Moldiv

　これだけおさえればOKな3つのポイント

オリジナルヘッダー をつくるコツ

人間って意外と文字読まないんだよね…

文字より写真

スマホ・ガラケーでも十分キレイな写真撮れるよ！

フリー素材より オリジナル写真

最近よく見るハーフの人

ちょっと前によく見た人

一番簡単に個性がだせる

顔写真

やたら目立ちたがる、うちのだんな

　みなさんからの質問に答えます

質問

デザインで直帰率を下げるには？

Webデザインをする際に

気をつけていることは何ですか？

アイキャッチは、

正方形と16:9のどちらがこれか

ら主流になるのでしょうか？

　人もブログも見た目が９割

今日のまとめ

1.デザインセンスはなくてもOK

2.デザイン４原則・色彩心理・配色

3.ブログヘッダーはブログの顔

4.可能なら自分の顔出し

人もブログも 見た目が９割

おしまい。@haruna1221