Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
人もブログも
見た目が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 『デザ...
@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
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
人もブログも見た目が9割 #ブログ塾
Upcoming SlideShare
Loading in …5
×

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

555 views

Published on

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

Published in: Art & Photos
  • Login to see the comments

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

  1. 1. 人もブログも 見た目が9割 2015.07.18 ブログ塾@マイカフェ伏見
  2. 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. 3. @haruna1221 ごりゅご.comデザイン担当 Web/DTP/キャラクターデザイナー 801ちゃんとかつくったよ こんにちは。 はるぅなです
  4. 4. コミックスとか DVDとか
  5. 5.   ちょっとしたコツでいい感じになります Blogデザイン 基本の話
  6. 6. デザインセンス ×
  7. 7. デザイン4原則 整列 近接 反復 対比
  8. 8. 近接 まる 顔 月 circle 太陽 丸い
  9. 9. 近接 まる 顔 月 circle 太陽 丸い
  10. 10. おなじデザインを繰り返す 反復 色やかたちなんでもOK
  11. 11. 左揃え・中央揃え・右揃え いろんな揃え方があるよね 整列 どこか一箇所だけでも揃えると GOOD GOOD
  12. 12. 左揃え・中央揃え・右揃え いろんな揃え方があるよね 整列 どこか一箇所だけでも揃えると GOOD GOOD
  13. 13. 対比 見出しタイトル 本文本文本文本文本文本文本文本 文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本 文本文
  14. 14. 対比 見出しタイトル 本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文
  15. 15. 対比 見出しタイトル 本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文
  16. 16. デザイン4原則 整列 近接 反復 対比
  17. 17.   人が持ってる色のイメージ Blogデザイン 色の話
  18. 18. 色がもつイメージ
  19. 19. 配色について
  20. 20. 類似色
  21. 21. 補色
  22. 22. 面積比率
  23. 23. メインカラー サブカラー アクセントカラー
  24. 24. 配色ツール
  25. 25. http://paletton.com/
  26. 26. Adobe Color CC
  27. 27.   すてきなヘッダーで覚えてもらいやすくなる Blogヘッダーは ブログの顔
  28. 28. リニューアル
  29. 29. c さらに リニューアル (予定)
  30. 30.   誰でも意外と簡単につくれる! オリジナルヘッダー をつくるには
  31. 31. Photoshopってお高いんでしょ?
  32. 32. 写真加工アプリ
  33. 33. Pixelmator
  34. 34. Moldiv
  35. 35.   これだけおさえればOKな3つのポイント オリジナルヘッダー をつくるコツ
  36. 36. 人間って意外と文字読まないんだよね… 文字より写真
  37. 37. スマホ・ガラケーでも十分キレイな写真撮れるよ! フリー素材より オリジナル写真
  38. 38. 最近よく見るハーフの人
  39. 39. ちょっと前によく見た人
  40. 40. 一番簡単に個性がだせる 顔写真
  41. 41. やたら目立ちたがる、うちのだんな
  42. 42.   みなさんからの質問に答えます 質問
  43. 43. デザインで直帰率を下げるには?
  44. 44. Webデザインをする際に 気をつけていることは何ですか?
  45. 45. アイキャッチは、 正方形と16:9のどちらがこれか ら主流になるのでしょうか?
  46. 46.   人もブログも見た目が9割 今日のまとめ
  47. 47. 1. デザインセンスはなくてもOK 2. デザイン4原則・色彩心理・配色 3. ブログヘッダーはブログの顔 4. 可能なら自分の顔出し
  48. 48. 人もブログも 見た目が9割
  49. 49. おしまい。 @haruna1221

×