Successfully reported this slideshow.

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

46

Share

1 of 45
1 of 45

More Related Content

Viewers also liked

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

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

  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. つづく

×