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.

いいデザインと悪いデザイン

45,806 views

Published on

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

Published in: Design
  • Be the first to comment

いいデザインと悪いデザイン

  1. 1. 灘校パソコン研究部 2012 年度第一回LT大会いいデザイン s悪いデザイン2012/6/22 H3-4 高橋光輝 (@hakatashi)
  2. 2. いま、必要なデザインはきれいで 整ったデザイン
  3. 3. 「きれいで整ったデザイン」を作るのにセンスは 必要ない ! × センスの必要なデザイン ●メッセージ性のあるデザイン ●芸術的なデザイン ●イラスト
  4. 4. 「きれいで整ったデザイン」を作るのに 技術は 必要ない ! × 技術の必要なデザイン ●イラスト ●動画 ●筆書系
  5. 5. 必要なのはいいデザインと ???悪いデザインを ??? 判定する能力
  6. 6. 必要なのはいいデザインと悪いデザインを 判定する能力
  7. 7. と 経験。 いいデザインを見る・まねる とりあえずたくさん作る
  8. 8. 「いいデザイン」ができるまで 作ってみる「いいデザイン」かどうか判定 NG! OK!とりあえず何か 変更してみる 完成!
  9. 9. これではすこし不親切なので
  10. 10. 「いいデザイン」の 特徴
  11. 11. 「いいデザイン」は A Bどちらでしょうか?
  12. 12. 第一問
  13. 13. たとえば本の表紙 A
  14. 14. たとえば本の表紙 B
  15. 15. A いいデザイン B 悪いデザインA-OTF 新ゴ MS ゴシック
  16. 16. やはり、プロ用の有料フォントとシステム組み込みのフォントとでは 歴然とした違いがある。新ゴやリュウミンに 置き換えるだけで 見違えるほど綺麗になることも しばしば。
  17. 17. そのために
  18. 18. 第二問
  19. 19. たとえば Web デザイン A
  20. 20. たとえば Web デザイン B
  21. 21. 解説 A 悪いデザイン・等幅英字フォントを使っている 英字の等幅フォントは ブログラミングなど 限られた用途でしか使わない。
  22. 22. 第三問
  23. 23. たとえばスポーツ新聞風 A
  24. 24. たとえばスポーツ新聞風 B
  25. 25. B efore A fter色調補正は IrfanView などのフリーソフトで簡単にできる。面倒くさがらず「明るさ」と「コントラスト」くらいは調整しよう。
  26. 26. B efore A fter
  27. 27. 第四問
  28. 28. たとえば紙面デザイン A
  29. 29. たとえば紙面デザイン B
  30. 30. 無駄 B 悪いデザインな空白を 教科書・ 青チャート・作 単語帳・ら 世界史図表などな どのページをい 見てみても こんな空白は ないはずです。
  31. 31. 無 埋 A いいデザイン理 め矢 る理 たに めで のも 情作 報る は
  32. 32. 第五問
  33. 33. たとえばポスター A
  34. 34. たとえばポスター B
  35. 35. 困ったときはグラデーションアウトラインドロップシャドウで誤魔化す
  36. 36. まとめ1 まずフォント2 等幅英字は使わない3 写真は補正する4 紙面はちゃんと埋める5 グラデーションで誤魔化す
  37. 37. とまあいろいろあるが
  38. 38. 大原則
  39. 39. 1とりあえず作ったら「いいデザイン」か確認する
  40. 40. 2真似る
  41. 41. 3紙に書いてみる
  42. 42. 「いいデザイン」ができるまで 作ってみる 「いいデザイン」かどうか判定 NG! OK! とりあえず何か 変更してみる 完成!下書き 実物
  43. 43. まとめ1 確認する2 真似る3 下書きする
  44. 44. 以上を守って 美しいデザインライフを 送りましょう !!!!
  45. 45. つづく

×