企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

24
頭を使わないスライド作り で悩む時間を減らそう Framgia × LOUPE Study #4 2015.09.28 @yamasy1549 企業ロゴに学ぶ

Upload: sanae-yamashita

Post on 13-Jan-2017

932 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

頭を使わないスライド作り

で悩む時間を減らそう

Framgia × LOUPE Study #4

2015.09.28 @yamasy1549

企業ロゴに学ぶ

Page 2: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

スライド作成の悩みどころ

・内容・タイトル・デザイン

Page 3: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

スライド作成の悩みどころ

・内容・タイトル・デザイン

・フォント・写真・配色 今日はここ

Page 4: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

身近にみる「いい感じの配色」

・企業 / サービスのロゴ

・この配色をそのまま使えば

・いい感じに整うのでは…?

Page 5: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

持論

ロゴは… ・デザイナさんが作っている(ことが多い) → 色も考えられて作られている

・見慣れているものは配色に違和感がない → 親近感 UP → 「どこかで見たことあるような…」

Page 6: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

Page 7: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

https://about.twitter.com/ja/company/brand-assets

#55acee

#66757f

#292f33

Page 8: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

#292f33

#66757f

#ccd6dd

#55acee

https://about.twitter.com/ja/company/brand-assets

Page 9: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

Page 10: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

#aebcd3

#3a5897

https://www.facebookbrand.com

Page 11: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

https://www.facebookbrand.com

#3b5998

#afbdd4

Page 12: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

Page 13: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

https://slack.com/brand-guidelines

#5a3a56

#85d3e0

#e22170

#ecb639

#78972c

Page 14: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

https://slack.com/brand-guidelines

#5a3a56

#85d3e0

#e22170

#ecb639

Page 15: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

Page 16: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

http://framgia.co.jp

#e74c3c

#ef8001

#000000

Page 17: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

Page 18: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

http://lo-upe.com

#000000

#24b34e

Page 19: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

Page 20: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

http://www.family.co.jp

#1b9331

#007eb5

Page 21: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

https://qiita.com

#59bb0c

#458ac5

Page 22: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

Page 23: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Aenean dignissim, metus non vehicula egestas, sapien tellus aliquet erat, eu tincidunt urna mi nec odio. Vestibulum sodales, est et volutpat eleifend, magna orci interdum nisi, semper pharetra orci sapien ac nunc. Proin non sem a tellus congue sollicitudin. In hac habitasse platea dictumst. Nunc magna leo,tincidunt ac pharetra a, faucibus dignissim neque.

#ea0000

#ffc300

http://www.aboutmcdonalds.com

Page 24: 企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう

まとめ

企業 / サービスのロゴ(サイトも!)を見てスライドを作ると、うまくいくかもしれない

brand guide があったりするのでそこを見ると色とか細かく書いてある

ノンストレスなスライド作成ライフを!!