Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

keita
August 25, 2019

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

keita

August 25, 2019
Tweet

More Decks by keita

Other Decks in Design

Transcript

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

    ͗ ෞ ; Ҋ ਤ E FTJHO ʰจࣈ ɾ λΠ ϙάϥϑ Ο Λ࢖ͬͯσβΠϯ͢Δํ๏ʱ スライド数 60ページ
  2. DERA-design 05 $"15&3ϑ Υϯτ ϑΥϯτͷछྨ Φʔϧυ ελϯμʔυ ɾ Ϟμϯ ͋

    ͋ ໌ɹ ே ɹମ デザイン書体 ͋ ͋ あ ͋ ͋ ゴ シ ッ ク 体
  3. DERA-design 08 ຊɹจʜಡΈ΍͘͢Ϋη͕ͳ͍΋ͷ       ελϯμʔυλΠϓɾϞμϯλΠϓ      Ϧϡ΢ϛϯɾMS 明朝ɾখ௩໌ே ݟग़͠ʜݸੑతͰ໨ΛҾ͘΋ͷ

    ɹɹɹɹΦʔϧυλΠϓɾσβΠϯϑΥϯτܥ      ஜࢵ໌ேɾ͏ͭ͘͠໌ே $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ
  4. DERA-design 10 $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ ຊɹจʜݩʑΫη͕গͳ͍ͷͰ޷ΈͰ      

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

    ݟग़͠ʜݸੑ͕ڧ͍΋ͷ͕ଟ͍ͷͰɺ σβΠϯ ɹɹɹɹશମͷɺ ΠϝʔδΛ่͞ͳ͍Α͏ʹ
  6. DERA-design 14 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ  Ґ ώϥΪϊ֯ΰ NBD049 ͷγεςϜϑΥϯτ

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

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

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

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

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

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

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

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

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

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

    Ґ)FMWFUJDB ୈ  Ґ/PUP4BOT ୈ  Ґ"WFOJS ୈ  Ґ(PUIBN ୈ  ҐᕟΰγοΫ ୈ  Ґ" ໌ே ୈ  Ґ"9*4 ୈ  ҐώϥΪϊ֯ΰ $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ਓؾͷϑ Υ ϯ τϥϯΩϯ ά501
  17. DERA-design 26 ʰݟग़͠ʱ σβΠϯͷϙΠϯτ wΠϯύΫ τɺ Ξςϯγ ϣϯ͕େࣄ wؾʹͳΔɺ ڵຯΛ࣋ͨͤΔͷ͕໨త

    wඞͣ͠΋ಡΊͳͯ͘΋ͯ΋Α͍ wλΠϙάϥϑΟ ࣗମ͕ΠϥετͳͲ ɹͷΑ͏ʹਤ൛ͱͯ͠ػೳ͢Δࣄ΋ $"15&3ʰݟग़͠ʱ ͷσβΠϯ
  18. DERA-design 30 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ૷০͢Δ ʢ໿෺ʣ ؆୯ʹ ʮ σβ Π

    ϯ ʯ ͕ ্खʹͰ͖ Δ ؆୯ʹ ʰσβ Π ϯ ʱ ͕ ্खʹͰ͖ Δ ؆୯ʹlσβ Π ϯz ͕ ্खʹͰ͖ Δ ؆୯ʹɺ σβ Π ϯ͕ ্खʹͰ͖ Δɻ
  19. DERA-design 49 $"15&3ʰຊจʱ ͷσβΠϯ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍ ͘͢ͳΔͷͰɺ΍ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦ ෼ʹ΍Δͷ͸ख͕͔͔ؒΔɺগͳ͘ͱ΋໨ཱͭ ෦෼ʹ͸΍Γ·͠ΐ͏ɻ ϕλ૊ΑΓ΋खಈͰจࣈؒΛௐ੔ͨ͠ํ͕ݟ΍͢ ͘ͳΔͷͰɺ

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

    શͯͷ ෦෼ʹ΍ͬͨํ͕ ͍͍Ͱ͕͢ख͕͔͔ؒΔͷͰɺ গͳ͘ͱ΋໨ཱͭ෦෼͸΍ͬͨํ͕͍͍Ͱ͠ΐ͏ɻ δϟϯϓ཰ ʰຊจʱ ͷσβΠϯ ɾ δϟϯϓ཰ ʰຊจʱ ͷσβΠϯ ɾ δϟϯϓ཰
  21. DERA-design 54 $"15&3ʰຊจʱ ͷσβΠϯ ߦؒͱจࣈؒ ߦؒ͸จࣈαΠ ζͷഒ͔Β  ഒ͕໨҆Ͱ͢ɻ จࣈؒ͸ϕλ૊ΈΑΓ΋গ

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

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