npca2012年度第１回LT大会でのプレゼン

1. 灘校パソコン研究部 2012 年度第一回ＬＴ大会
いいデザイン
s
悪いデザイン
2012/6/22 H3-4 高橋光輝 (@hakatashi)

2. いま、必要なデザインは
きれいで
整った
デザイン

3. 「きれいで整ったデザイン」を作るのに
センスは
必要ない !
× センスの必要なデザイン
●メッセージ性のあるデザイン
●芸術的なデザイン
●イラスト

4. 「きれいで整ったデザイン」を作るのに
技術は
必要ない !
× 技術の必要なデザイン
●イラスト
●動画
●筆書系

5. 必要なのは
いいデザインと
???
悪いデザインを
???
判定する能力

6. 必要なのは
いいデザインと
悪いデザインを
判定する能力

7. と 経験。
いいデザインを見る・まねる
とりあえずたくさん作る

8. 「いいデザイン」ができるまで
作ってみる
「いいデザイン」かどうか判定
NG! OK!
とりあえず何か
変更してみる 完成！

9. これでは
すこし
不親切なので

10. 「いいデザイン」の
特徴

11. 「いいデザイン」は
A B
どちらでしょうか？

12. 第一問

13. たとえば本の表紙
A

14. たとえば本の表紙
B

15. A いいデザイン B 悪いデザイン
A-OTF 新ゴ MS ゴシック

16. やはり、プロ用の有料フォントと
システム組み込みのフォントとでは
歴然とした違いがある。
新ゴやリュウミンに
置き換えるだけで
見違えるほど綺麗になることも
しばしば。

17. そのために

18. 第二問

19. たとえば Web デザイン
A

20. たとえば Web デザイン
B

21. 解説 A 悪いデザイン
・等幅英字フォントを使っている
英字の等幅フォントは
ブログラミングなど
限られた用途でしか使わない。

22. 第三問

23. たとえばスポーツ新聞風
A

24. たとえばスポーツ新聞風
B

25. B efore A fter
色調補正は IrfanView などのフリーソフトで簡単にできる。
面倒くさがらず「明るさ」と「コントラスト」くらいは調整しよう。

26. B efore A fter

27. 第四問

28. たとえば紙面デザイン
A

29. たとえば紙面デザイン
B

30. 無
駄 B 悪いデザイン
な
空
白
を 教科書・
青チャート・
作 単語帳・
ら 世界史図表など
な どのページを
い 見てみても
こんな空白は
ないはずです。

31. 無 埋 A いいデザイン
理 め
矢 る
理 た
に め
で の
も 情
作 報
る は

32. 第五問

33. たとえばポスター
A

34. たとえばポスター
B

35. 困ったときは
グラデーション
アウトライン
ドロップシャドウ
で誤魔化す

36. まとめ
1 まずフォント
2 等幅英字は使わない
3 写真は補正する
4 紙面はちゃんと埋める
5 グラデーションで誤魔化す

37. とまあ
いろいろあるが

38. 大原則

39. 1
とりあえず作ったら
「いいデザイン｣か
確認する

40. 2
真似る

41. 3
紙に
書いてみる

42. 「いいデザイン」ができるまで
作ってみる
「いいデザイン」かどうか判定
NG! OK!
とりあえず何か
変更してみる 完成！
下書き 実物

43. まとめ
1 確認する
2 真似る
3 下書きする

44. 以上を守って
美しい
デザインライフを
送りましょう !!!!

45. つづく