研究室内部で発表した時の資料です

1. Non-Designer’s Design
Keisuke Tada

2. 対象
デザイン感度
ロジック組立力
デザイン技術

3. 対象 目標
デザイン感度
ロジック組立力
デザイン技術

4. Agenda
デザインとは何か なぜデザインが重要か
ビジュアルデザインの基礎
プレゼンテーション資料のデザイン
Web デザインのトレンド

5. What is Design?!
Why is it Important?

6. デザイン =

7. デザイン かっこいい おしゃれ≠

8. デザイン 問題解決のための手段=

9. デザイン 問題解決のための手段=
考えていること、やったことを!
正しく、魅力的に伝える!

10. コンテンツ

11. コンテンツ
デザイン

12. コンテンツ
デザイン 目的!
中身を伝わりやすくする
手段!
見た目を良くする

13. デザイン

14. コンテンツ
デザイン

15. コンテンツ
デザイン 手段!
見た目を整理する
目的!
中身が洗練される

16. Basics in Design

17. Font
Sans
Serif
Serif
明朝ゴシック

19. Sans
Serif!
Serif

20. Color
Hue
Saturation
Value
色相
彩度
明度

21. Color Tools
• HUE / 360
http://hue360.herokuapp.com/
• Color Scheme Designer 3
http://colorschemedesigner.com/
• ColorHexa
http://www.colorhexa.com/

22. Alignment
This text is flush left.
Some people call it
quad left, or you can say
it is left aligned.
This text is flush right.
Some people call it
quad right, or you can say
it is right aligned.
This text is centered.
If you are going to
center text,
make it
obvious.

23. Design in Presentation Slide

24. 流れ ＞ 詳細度

25. 注目ポイントを明確に
! 目立たせるところは少なく
! コントラストをはっきりさせる（大きさ、太さ、色、余白）
! 表、グラフ、図などは特に注意
! 箇条書きはなるべく避ける
! 一枚のスライドに収めるべき内容か熟慮する

26. ノイズを少なく
! テキストは少なく
! フォントは慣れ親しまれたものが無難
! アニメーションを無駄に使わない
! 無駄なグラデーション、シャドウ、枠線は禁止
! むやみやたらに枠で囲わない
! 使う色の数は抑える
! グラフの不要なテキスト、線は消す

27. Web Design Trends

28. Flat

29. Circle

30. Blur

31. References
• ノンデザイナーズ・デザインブック
http://www.amazon.co.jp/dp/4839928401
• 伝わるデザイン
http://tsutawarudesign.web.fc2.com/
• Hack Design
http://hackdesign.org/
易
易
難