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

フォントの基礎をおさらいしよう

YAT
December 15, 2018
220

 フォントの基礎をおさらいしよう

12/15日に東京で開催したフォントシンキングで発表したスライドです。
フォントの基礎についてが書いてあります。

YAT

December 15, 2018
Tweet

Transcript

  1. ͓͞Β͍͠Α͏
    ϑ
    Υ
    ϯ
    τͷ Λ
    جૅ

    View full-size slide

  2. ϑϦʔϥϯε
    σβΠφʔσϕϩούʔ
    :"5

    View full-size slide

  3. :BUͷ#MPH
    IUUQTXQZBUOFUDPN

    View full-size slide

  4. ࢓ࣄ಺༰
    w αΠτͷઃܭɾσβΠϯ
    w 69σβΠϯ
    w ϑϩϯτΤϯυɺόοΫΤϯυ
    w 8PSE1SFTT
    w αʔόʔαΠυ
    w 6*σβΠϯ
    w ϚʔΫΞοϓɾίʔσΟϯά
    w ϥΠςΟϯά
    w ίϯαϧςΟϯά
    w ηϛφʔɺΠϕϯτओ࠵

    View full-size slide

  5. ϑΥϯτͷجૅ஌ࣝ

    View full-size slide

  6. ӳจॻମ
    Tplx ΞηϯμʔϥΠϯ
    ΩϟοϓϥΠϯ
    ϛʔϯϥΠϯ
    ϕʔεϥΠϯ
    σΟηϯμʔϥΠϯ
    ΤοΫε
    ϋΠτ
    Ωϟοϓ
    ϋΠτ
    ϘσΟ
    αΠζ

    View full-size slide

  7. G
    5JNFT
    ηϦϑମ
    G
    'VUVSB
    αϯηϦϑମ
    ηϦϑ͕͋Δ
    ॎͷઢΑΓԣͷઢ͕ࡉ͍
    ηϦϑ͕ͳ͍
    ઌͷଠ͕͞Ұఆ

    View full-size slide

  8. ࿨จॻମ
    Ծ૝ϘσΟ
    ࣈ໘
    ࠎ֨
    Ӭ

    View full-size slide

  9. ͋
    ݟग़͠ϛϯ."
    ໌ேମ
    ͋
    ৽ΰ1SP
    ΰγοΫମ
    ࢁ͕͋Δ
    ઢͷଠ͕͞ෆఆ
    ࢁ͕ͳ͍
    ઢͷଠ͕͞Ұఆ

    View full-size slide

  10. typo
    0TBLB

    ౳෯ࢦఆ
    ౳෯ϑΥϯτ
    typo
    0TBLB
    ϓϩϙʔγϣφϧϑΥϯτ

    View full-size slide

  11. ͳ
    6%ᴈϛϯ
    6%ॻମ
    ϢχόʔαϧσβΠϯॻମ
    wจࣈͷ͔͕ͨͪΘ͔Γ΍͍͢
    wจষ͕ಡΈ΍͍͢
    wಡΈؒҧ͑ʹ͍͘

    View full-size slide

  12. Typography
    )FMWFUJDB3FHVMBS
    ϑΥϯτϑΝϛϦʔ
    Typography
    Typography Typography
    Typography Typography
    )FMWFUJDB0CMJRVF
    )FMWFUJDB-JHIU )FMWFUJDB-JHIU0CMJRVF
    )FMWFUJDB#PME )FMWFUJDB#PME0CMJRVF

    View full-size slide

  13. )FMWFUJDB0CMJRVF
    ΦϒϦʔΫͱΠλϦοΫ
    "SJBM*UBMJD
    OD OD

    View full-size slide

  14. TBDSBNFOUP
    εΫϦϓτମ
    Script

    View full-size slide

  15. ؙ໌Φʔϧυ
    ैଐԤจͱ߹੒ϑΥϯτ
    5JNFTˍϦϡ΢ϛϯ
    8FCσβΠ
    ϯ WebσβΠ
    ϯ

    View full-size slide

  16. *MMVTUSBUPSͷ߹੒ϑΥϯτ

    View full-size slide

  17. )FMWFUJDB
    ໿෺
    ~!@#$%^&*(){}[]
    -_=+|\/:;”’<>,.?

    View full-size slide

  18. ৽ΰ
    Χʔχϯά
    λΠϙάϥϑΟ

    View full-size slide

  19. ৽ΰ
    Χʔχϯά
    λΠϙάϥϑΟ

    View full-size slide

  20. '0/51-64
    8FCϑΥϯτ

    View full-size slide

  21. "EPCF'POUT
    8FCϑΥϯτ

    View full-size slide

  22. (PPHMF'POUT
    8FCϑΥϯτ

    View full-size slide

  23. λΠϙάϥϑΟ

    View full-size slide

  24. Readability and visibility and Design

    View full-size slide

  25. ݴ༿Λ
    wݟ΍͘͢
    wಡΈ΍͘͢
    wັྗతʹ
    ^ ࣈମ഑ྻͷٕज़

    View full-size slide

  26. ׆൛
    8JMMJ)FJEFMCBDI<('%- IUUQXXXHOVPSHDPQZMFGUGEMIUNM

    $$#:4" IUUQDSFBUJWFDPNNPOTPSHMJDFOTFTCZTB

    ·ͨ͸$$#: IUUQTDSFBUJWFDPNNPOTPSHMJDFOTFTCZ
    >

    View full-size slide

  27. 3FJKJ:BNBTIJOB
    $$#:4" IUUQTDSFBUJWFDPNNPOTPSHMJDFOTFTCZTB
    >
    ΢ΟΩϝσΟΞɾίϞϯζΑΓ

    View full-size slide

  28. (VUFOCFSH
    3BVM<('%- IUUQXXXHOVPSHDPQZMFGUGEMIUNM
    PS
    $$#:4" IUUQDSFBUJWFDPNNPOTPSHMJDFOTFTCZTB
    >
    ΞϝϦΧ߹ऺࠃٞձਤॻؗऩଂͷάʔςϯϕϧΫ੟ॻ

    View full-size slide

  29. ͓͞Β͍͠Α͏
    ϑ
    Υ
    ϯ
    τͷ Λ
    جૅ

    View full-size slide

  30. ޷͖ʹͳΔ͖͔͚ͬ͸
    ڵຯΛ΋ͭ͜ͱ

    View full-size slide

  31. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View full-size slide