2015年07月18日開催 ブログ塾にて使用したスライド

1. 人もブログも
見た目が９割
2015.07.18 ブログ塾＠マイカフェ伏見

2. 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 まとめ・質疑応答
本日のタイムテーブル

3. ＠haruna1221
ごりゅご.comデザイン担当
Web/DTP/キャラクターデザイナー
801ちゃんとかつくったよ
こんにちは。
はるぅなです

4. コミックスとか DVDとか

5.
ちょっとしたコツでいい感じになります
Blogデザイン
基本の話

6. デザインセンス
×

7. デザイン４原則
整列
近接 反復
対比

8. 近接
まる 顔
月 circle
太陽
丸い

9. 近接
まる 顔
月 circle
太陽
丸い

11. おなじデザインを繰り返す
反復
色やかたちなんでもOK

13. 左揃え・中央揃え・右揃え
いろんな揃え方があるよね
整列
どこか一箇所だけでも揃えると
GOOD
GOOD

14. 左揃え・中央揃え・右揃え
いろんな揃え方があるよね
整列
どこか一箇所だけでも揃えると
GOOD
GOOD

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

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

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

18. デザイン４原則
整列
近接 反復
対比

19.
人が持ってる色のイメージ
Blogデザイン
色の話

20. 色がもつイメージ

26. 配色について

28. 類似色

29. 補色

31. 面積比率

32. メインカラー サブカラー
アクセントカラー

33. 配色ツール

34. http://paletton.com/

36. Adobe Color CC

38.
すてきなヘッダーで覚えてもらいやすくなる
Blogヘッダーは
ブログの顔

40. リニューアル

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

43.
誰でも意外と簡単につくれる！
オリジナルヘッダー
をつくるには

44. Photoshopってお高いんでしょ？

45. 写真加工アプリ

46. Pixelmator

47. Moldiv

48.
これだけおさえればOKな3つのポイント
オリジナルヘッダー
をつくるコツ

49. 人間って意外と文字読まないんだよね…
文字より写真

50. スマホ・ガラケーでも十分キレイな写真撮れるよ！
フリー素材より
オリジナル写真

51. 最近よく見るハーフの人

52. ちょっと前によく見た人

53. 一番簡単に個性がだせる
顔写真

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

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

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

60. Webデザインをする際に
気をつけていることは何ですか？

61. アイキャッチは、
正方形と16:9のどちらがこれか
ら主流になるのでしょうか？

62.
人もブログも見た目が９割
今日のまとめ

63. 1. デザインセンスはなくてもOK
2. デザイン４原則・色彩心理・配色
3. ブログヘッダーはブログの顔
4. 可能なら自分の顔出し

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

65. おしまい。
@haruna1221