岐阜デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf

D0ea52d36864ba36bdd5f8be4c0fcdb7?s=47 keita
August 25, 2019

 岐阜デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf

D0ea52d36864ba36bdd5f8be4c0fcdb7?s=128

keita

August 25, 2019
Tweet

Transcript

  1. DERA-design 01 ϯ σ β Π ษ ڧ ձ ذ

    ͗ ෞ ; Ҋ ਤ E FTJHO ʰจࣈ ɾ λΠ ϙάϥϑ Ο Λ࢖ͬͯσβΠϯ͢Δํ๏ʱ スライド数 60ページ
  2. DERA-design 02 Έͳ͞Μɺ จࣈͷσβΠϯ ͍ͯ͠·͔͢ʁ

  3. DERA-design 03 wσβΠϯͷجૅ͕҆ఆ͢Δ w੍࡞ͷεϐʔυ͕ૣ͘ͳΔ wࣸਅ΍ΠϥετͳͲૉࡐ͕͍Βͳ͍ wଟ͘ͷ৘ใΛ੔ཧͯ͠ࡌͤΒΕΔ จࣈͷσβΠ ϯ͕Ͱ͖Δ ͱ

  4. DERA-design 04 ϑ Υϯτ $"15&3

  5. DERA-design 05 $"15&3ϑ Υϯτ ϑΥϯτͷछྨ Φʔϧυ ελϯμʔυ ɾ Ϟμϯ ͋

    ͋ ໌ɹ ே ɹମ デザイン書体 ͋ ͋ あ ͋ ͋ ゴ シ ッ ク 体
  6. DERA-design 06 $"15&3ϑ Υϯτ จࣈͷσβΠϯʹ͸ɺ ʰݟग़͠ʱ ͱ ʰຊจʱ  छྨ͕

    ༗Γ·͢ɻ ϑΥϯτ ʢॻମʣ બͼ
  7. DERA-design 07 $"15&3ϑ Υϯτ ໌ேମΦʔϧυܥ ໌ேମελϯμʔυ ɾ Ϟμϯܥ ϑΥϯτ ʢॻମʣ

    બͼ ذෞσβΠ ϯษڧձ ذෞσβΠϯษڧձ
  8. DERA-design 08 ຊɹจʜಡΈ΍͘͢Ϋη͕ͳ͍΋ͷ       ελϯμʔυλΠϓɾϞμϯλΠϓ      Ϧϡ΢ϛϯɾMS 明朝ɾখ௩໌ே ݟग़͠ʜݸੑతͰ໨ΛҾ͘΋ͷ

    ɹɹɹɹΦʔϧυλΠϓɾσβΠϯϑΥϯτܥ      ஜࢵ໌ேɾ͏ͭ͘͠໌ே $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ
  9. DERA-design 09 $"15&3ϑ Υϯτ ΰγοΫମΦʔϧυܥ ΰγοΫମελϯμʔυ ɾ Ϟμϯܥ ϑΥϯτ ʢॻମʣ

    બͼ ذෞσβΠ ϯษڧձ ذෞσβΠϯษڧձ
  10. DERA-design 10 $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ ຊɹจʜݩʑΫη͕গͳ͍ͷͰ޷ΈͰ      

    ࡉ͔͍จࣈ͸ࢹೝੑ͕ྑ͍΋ͷΛબͿ       ৽ΰɾϩμϯɾώϥΪϊ ݟग़͠ʜΠϯύΫτ͕͋Γચ࿅͞Εͨ΋ͷ ɹɹɹɹϞμϯλΠϓɾσβΠϯϑΥϯτ      ϩμϯ/5-(ɾݟग़ΰ .#
  11. DERA-design 11 $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ σβΠϯϑΥϯτ චจࣈϑΥϯτ ذෞσβΠϯษڧձ

    岐阜デザイン勉強会
  12. DERA-design 12 $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ ຊɹจʜΫη͕ڧ͘ɺ ࢹೝੑ΋௿͍ͷͰຊจʹ͸ ɹɹɹɹ޲͔ͳ͍΋ͷ͕ଟ͍

    ݟग़͠ʜݸੑ͕ڧ͍΋ͷ͕ଟ͍ͷͰɺ σβΠϯ ɹɹɹɹશମͷɺ ΠϝʔδΛ่͞ͳ͍Α͏ʹ
  13. DERA-design 13 ਓؾͷ ϑ Υ ϯτϥϯΩϯ ά $"15&3

  14. DERA-design 14 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ ώϥΪϊ֯ΰ NBD049 ͷγεςϜϑΥϯτ

    ͱͯ͠࠾༻͞Ε͍ͯΔɻ ಡΈ΍ ͍ͨ͢Ίಓ࿏ඪࣝʹ΋࢖ΘΕ ͍ͯΔɻ ΢ΣΠτ͕๛෋ͳͷ΋͋ Γ͕͍ͨͱ͜Ζɻ
  15. DERA-design 15 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ "9*4 "QQMFͷ೔ຊޠαΠ τͰҎલ࠾༻

    ͞Ε͍ͯͨϑ Υϯτɻ όϥϯε͕ Α͘εοΩϦͱͨ͠ΰγοΫମɻ ΢ΤΠτ΋ͨ͘͞Μ͋Δ͕ɺଗ ͑Δʹ͸஋ஈ͕ߴ͍ʜʜ
  16. DERA-design 16 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ " ໌ே ໌ேମͰ།ҰͷϥϯΫΠϯɻ

    ๽ ͩ·ΓΛ࠶ݱ͠ɺΏͬͨΓͱ͠ ͨΧʔϒ͕ಛ௃ͷΦʔϧυε λΠϧͷ໌ேମɻ ʰ܅ͷ໊͸ɻ ʱ Ͱ࢖ΘΕ͍ͯΔ͜ͱ͕༗໊ɻ
  17. DERA-design 17 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ ᕟΰγοΫ 8JOEPXTͷγεςϜϑ Υϯτ

    ͱͯ͠࠾༻͞Ε͍ͯΔɻ ΍΍ϑτ ίϩ͕ͤ·͍׽ࣈͱɺ ͢͜͠খ ͍͞Ծ໊͕ಛ௃ɻ ࡉ͔͍จࣈͰ ΋ಡΈ΍͘͢ઃܭ͞Ε͍ͯΔɻ
  18. DERA-design 18 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ Gotham ΦόϚલถେ౷ྖ͕બڍͰ࢖༻ ͍ͯͨ͠ͷ͕༗໊ɻ

    ΞϝϦΧͰ͸ ಛʹਓؾ͕ߴ͘ɺ Α͘࢖ΘΕͯ ͍ΔͨΊɺ࠷ۙ͸σβΠφʔʹ ͸ආ͚ΒΕΔ܏޲΋༗Γ·͢ɻ
  19. DERA-design 19 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ Avenir زԿֶతͳಛ௃ͱώϡʔϚχε τ

    ͷಛ௃Λ߹Θͤ࣋ͬͨϑΥϯτ Ͱ͢ɻ ݻ͗ͣ͢ɺ༏͗͢͠ͳ͍ όϥϯεͷྑ͍ϑΥϯτͳͷͰ ࢖͍ಓ͕ଟ͍ɻ
  20. DERA-design 20 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ Noto Sans (PPHMFͱ"EPCFʹΑͬͯ։ൃ͞

    ΕͨΦʔϓϯιʔεͷϑΥϯτɻ ੈքதͷݴޠΛ ͭͷϑΥϯτ ηο τͰදݱ͢ΔͷΛ໨తʹ࡞ ΒΕ͍ͯΔɻ
  21. DERA-design 21 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ Helvetica ϑΥϯτͱ͍͑͹ ʰϔϧϕνΧʱ

    ͱ͍͏ ͙Β͍༗໊ͳॻମɻ γϯϓϧ Ͱྗڧ͘ಡΈ΍͍͢ͷͰɺ ༻్Λ ໰Θͣ޿͘࢖༻͞Ε͍ͯΔॻମ Ͱ͢ɻ
  22. DERA-design 22 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ DIN ϢχΫϩ΍౦ژΦϦϯϐοΫͷ Ͱ࢖ΘΕ͍ͯΔͷ͕༗໊ɻ

    ࢹೝੑ ͕ߴ͘ ɺ ւ֎Ͱ͸ެڞͷ৔Ͱ޿͘ ༻͍ΒΕ͍ͯΔॻମɻ ݩʑ͸޻ ۀ੡඼ͷܕ൪ʹ࢖ΘΕ͍ͯͨɻ
  23. DERA-design 23 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ Futura ϧΠ ɾ

    ϰ Ο τϯ ΍Χϧόϯ ɾ ΫϥΠϯ ͳͲଟ͘ͷ༗໊اۀͰ࠾༻͞ Ε͍ͯΔɻ زԿֶతͳ଄ܗ͕ಛ ௃తͰ͋Δɻ ϥςϯޠͰʰະདྷʱ ͱ͍͏ҙຯɻ
  24. DERA-design 24 ୈ  Ґ'VUVSB ୈ  Ґ%*/ ୈ 

    Ґ)FMWFUJDB ୈ  Ґ/PUP4BOT ୈ  Ґ"WFOJS ୈ  Ґ(PUIBN ୈ  ҐᕟΰγοΫ ୈ  Ґ" ໌ே ୈ  Ґ"9*4 ୈ  ҐώϥΪϊ֯ΰ $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ਓؾͷϑ Υ ϯ τϥϯΩϯ ά501
  25. DERA-design 25 ʰݟग़͠ʱ ͷσβΠϯ $"15&3

  26. DERA-design 26 ʰݟग़͠ʱ σβΠϯͷϙΠϯτ wΠϯύΫ τɺ Ξςϯγ ϣϯ͕େࣄ wؾʹͳΔɺ ڵຯΛ࣋ͨͤΔͷ͕໨త

    wඞͣ͠΋ಡΊͳͯ͘΋ͯ΋Α͍ wλΠϙάϥϑΟ ࣗମ͕ΠϥετͳͲ ɹͷΑ͏ʹਤ൛ͱͯ͠ػೳ͢Δࣄ΋ $"15&3ʰݟग़͠ʱ ͷσβΠϯ
  27. DERA-design 27 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ΧʔχϯάΛ͢Δ JAPAN JAPAN

  28. DERA-design 28 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ΧʔχϯάΛ͢Δ Χʔχϯάͳ͠ ذෞσβΠϯษڧձ Χʔχϯά͋Γ ذෞσβΠ ϯษڧձ

  29. DERA-design 29 จࣈαΠζΛଗ͑Δ ‒࿨จͱԤจͷࠞࡏ ඒ͍͠'POU ඒ͍͠'POU ɾະௐ੔ ɾӳޠ෦෼ͷจࣈେ ɾจࣈͷଠ͞ௐ੔ ɾϕʔεϥΠϯௐ੔

    $"15&3ʰݟग़͠ʱ ͷσβΠϯ
  30. DERA-design 30 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ૷০͢Δ ʢ໿෺ʣ ؆୯ʹ ʮ σβ Π

    ϯ ʯ ͕ ্खʹͰ͖ Δ ؆୯ʹ ʰσβ Π ϯ ʱ ͕ ্खʹͰ͖ Δ ؆୯ʹlσβ Π ϯz ͕ ্खʹͰ͖ Δ ؆୯ʹɺ σβ Π ϯ͕ ্खʹͰ͖ Δɻ
  31. DERA-design 31 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ૷০͢Δ ʢࡉ෦Λ࢓্͛Δʣ ʮඒ͍͠ʯ จࣈ ʮඒ͍͠ʯ จࣈ

    lඒ͍͠zจࣈ ʠඒ͍͠ʡ จࣈ
  32. DERA-design 32 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ΍ͬͯ͸͍͚ͳ͍͜ͱᶃ จࣈ͸࿪Ίͳ͍ ฏମ ௕ମ ذෞσβΠ ϯษڧձ

    ذෞσβΠϯษڧձ
  33. DERA-design 33 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ΍ͬͯ͸͍͚ͳ͍͜ͱᶄ ାจࣈɾ൒֯ɺ શ֯ͷࠞࡏ ඒ͍͠จࣈ ൒֯ ɾ

    શ֯ ାจࣈ ̍̎̏̐
  34. DERA-design 34 ʰݟग़͠ʱ ͷ Ξ ΠσΞ $"15&3

  35. DERA-design 35 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ஫จͷଟ͍ྉཧళ ϑΥϯτΛ૊Έ߹ΘͤΔ

  36. DERA-design 36 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ϑΥϯτʹେখΛ͚ͭΔ Ӎ χ Ϟ Ϛ έ

    ζ
  37. DERA-design 37 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ಈ͖Λ͚ͭΔ ஫จͷ ଟ͍ ྉཧళ

  38. DERA-design 38 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ܺؒΛແ͘͢ RUN MEROS

  39. DERA-design 39 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ϞνʔϑΛ͋͠Β͏

  40. DERA-design 40 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ࠲෍ஂΛෑ͘ ӍχϞϚέζ

  41. DERA-design 41 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ۜՏ ಓͷ໷ ͸Έग़͢

  42. DERA-design 42 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ৭Λม͑Δ ޗഐ͸ೣͰ͋Δ ໷

  43. 43 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ྠֲઢ͚ͩʹ͢Δ ૸Εϝϩε

  44. DERA-design 44 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ จࣈʹܺؒΛ࡞Δ

  45. DERA-design 45 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ε τϩʔΫΛͭͳ͛Δ

  46. DERA-design 46 ۜՏమಓͷ໷ (BMBYZSBJMXBZOJHIU $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ӳ༁Λ෇͚Δ

  47. DERA-design 47 $"15&3ʰຊจʱ ͷσβΠϯ ʰຊจʱ ͷσβΠϯ $"15&3

  48. DERA-design 48 $"15&3ʰຊจʱ ͷσβΠϯ ʰຊจʱ σβΠϯͷϙΠϯτ w·ͣ͸ಡΈ΍͕͢͞ॏཁ wࢹೝੑ͸ΰγοΫମɺ Մಡੑ͸໌ேମ wσβΠϯϑΥϯτ͸࢖༻͠ͳ͍

    wಡ·Εͳ͍ࣄΛલఏʹ͢Δ৔߹΋͋Δ wͱʹ͔͘ಡΈ΍͕͢͞ॏཁ
  49. DERA-design 49 $"15&3ʰຊจʱ ͷσβΠϯ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍ ͘͢ͳΔͷͰɺ΍ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦ ෼ʹ΍Δͷ͸ख͕͔͔ؒΔɺগͳ͘ͱ΋໨ཱͭ ෦෼ʹ͸΍Γ·͠ΐ͏ɻ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍͢ ͘ͳΔͷͰɺ

    ΍ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦෼ʹ ΍Δͷ͸ख͕͔͔ؒΔɺ গͳ͘ͱ΋໨ཱͭ෦෼ʹ ͸΍Γ·͠ΐ͏ɻ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ ΍͘͢ͳΔͷͰɺ ΍ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦ ෼ʹ΍Δͷ͸ख͕͔͔ؒΔɺ গͳ͘ͱ΋໨ཱͭ ෦෼ʹ͸΍Γ·͠ΐ͏ɻ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍͢ ͘ͳΔͷͰɺ ΍ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦෼ʹ ΍Δͷ͸ख͕͔͔ؒΔɺ গͳ͘ͱ΋໨ཱͭ෦෼ʹ͸ ΍Γ·͠ ΐ ͏ɻ จࣈ૊Έ ‒ະௐ੔ ‒ۉ౳഑ஔ ʢδϟεςΟϑΝΠʣ ‒໿෺൒֯ ‒ௐ੔ࡁΈ
  50. DERA-design 50 $"15&3ʰຊจʱ ͷσβΠϯ จࣈ૊Έ ɾߦɹଗɹ͑ɹʹɹۉ౳഑ஔ ʢδϟεςΟ ϑΝΠʣ ɾېɹଇɹॲɹཧɹʹɹڧ͍ېଇ ɾจɹࣈɹ૊ɹΈɹʹɹ໿෺൒֯

    ɾͿΒԼ͕Γɹʹɹڧ੍ ʢ৔߹ʹΑΓʣ ɾจɹࣈɹૹɹΓɹʹɹखಈͰௐ੔
  51. DERA-design 51 $"15&3ʰຊจʱ ͷσβΠϯ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍͘͢ͳΔͷͰɺ શͯͷ ෦෼ʹ΍ͬͨํ͕ ͍͍Ͱ͕͢ख͕͔͔ؒΔͷͰɺ গͳ͘ͱ΋໨ཱͭ෦෼͸΍ͬͨํ͕͍͍Ͱ͠ΐ͏ɻ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍͘͢ͳΔͷͰɺ

    શͯͷ ෦෼ʹ΍ͬͨํ͕ ͍͍Ͱ͕͢ख͕͔͔ؒΔͷͰɺ গͳ͘ͱ΋໨ཱͭ෦෼͸΍ͬͨํ͕͍͍Ͱ͠ΐ͏ɻ δϟϯϓ཰ ʰຊจʱ ͷσβΠϯ ɾ δϟϯϓ཰ ʰຊจʱ ͷσβΠϯ ɾ δϟϯϓ཰
  52. DERA-design 52 $"15&3ʰຊจʱ ͷσβΠϯ ୯Ґ͸খ͘͞ ݄ ೔ ݄೔  ԁ

     ԁ
  53. 53 DERA-design $"15&3ʰຊจʱ ͷσβΠϯ ਤ൛཰ ޿ࠂͷ৔߹ɺ จࣈ ʢຊจʣ ͷ໘ੵ͕ ˋΛӽ͑Δͱɺ৺ཧతʹো֐

    ͱͳ͖ͬͯ·͢ɻ ˋ͕ ໨҆
  54. DERA-design 54 $"15&3ʰຊจʱ ͷσβΠϯ ߦؒͱจࣈؒ ߦؒ͸จࣈαΠ ζͷഒ͔Β  ഒ͕໨҆Ͱ͢ɻ จࣈؒ͸ϕλ૊ΈΑΓ΋গ

    ۭ͚͠ؾຯͷํ͕ಡΈ΍͢ ͍ɻ ׽ࣈ͸޿͛ͯɺ Χφ͸٧Ί ΔͱΑ͍ɻ ϕλ૊ΑΓ΋ खಈͰจࣈؒ Λௐ ੔ͨ͠ํ ͕ݟ΍͘͢ͳ Γ·͢ɻ   ʙ 
  55. DERA-design 55 $"15&3ʰຊจʱ ͷσβΠϯ Ұߦͷจࣈ਺ ʢߦ௕ʣ ԣॻ͖ͷ৔߹ɺ Ұߦʙจࣈલޙɻ ॎॻ͖ͷ৔߹͸ จࣈલޙ͕࠷దͳจࣈ਺Ͱ͢ɻ

    8&# αΠτͷ৔߹ԣ෯ ͕ʙQY ఔ౓͕ಡΈ΍͍͢ɻ ʙ จࣈ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍͘͢ͳΔͷͰɺ গͳ͘ͱ΋ ໨ཱͭ෦෼͸΍ͬͨํ͕͍͍Ͱ͠ΐ͏ɻ
  56. DERA-design 56 จࣈσβΠ ϯࣄྫ $"15&3

  57. DERA-design 57 $"15&3จࣈσβΠϯࣄྫ ࢢ઒቏ өըͷλΠτϧϩΰ͸σβ Πφʔʹ೚ͤΔͷ͕ී௨Ͱ ͋Δ͕ɺ ࢢ઒؂ಜͷ৔߹͸શ ͯࣗ෼Ͱ΍͍ͬͯͨͦ͏Ͱ ͋Δɻ

    ฒʑͳΒ͵จࣈ΁ͷ͜ ͩΘΓ͕࢕͑Δɻ
  58. DERA-design 58 ͦ͏͢͞ $"15&3จࣈσβΠϯࣄྫ จࣈͷσβΠϯ͕ಘҙͳσβ Πϯձࣾɻ ϩΰσβΠϯɺ 8&#σβΠϯ ͔Βҹ࡮෺·Ͱ૯߹తͳϒ ϥϯσΟϯάΛ͍ͯ͠Δɻ

  59. DERA-design 59 τοϓΛͶΒ͑ʂ $"15&3จࣈσβΠϯࣄྫ ҇໺ल໌؂ಜ͸จࣈͷσβ Πϯʹࡉ͔͍؂ಜͰ͢ɻ ޙʹ੍࡞ͨ͠ ʮ৽ੈلΤϰΝ ϯήϦΦϯʯ Ͱ͸ࢢ઒቏؂ಜ

    ΁ͷΦϚʔδϡ͋ͬͨɻ
  60. DERA-design 60 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠