今すぐできる！ タイポグラフィのスキルを高めるいくつかのTips

2017/5/31開催の【cloudpack デ部会】初心者歓迎！webデザイナー フォント勉強会　で発表した登壇資料になります。

Transcript

1. 
   8FE  ࠓ͙͢Ͱ͖Δʂ
   λΠϙάϥϑΟͷεΩϧΛߴΊΔ͍͔ͭ͘ͷ5JQT
2.  ॻମͷछྨ 2
3.  ࿨จϑΥϯτ ࿨จ ΰγοΫ ໌ே ᑵॻ ߦॻ ॻମҎ্ 
4.  ΰγοΫฤ τϥσγϣφϧ ʢηϦϑܥʣ Ϟμϯ ʢαϯηϦϑܥʣ ΰ
5.  ΰγοΫฤ τϥσΟγϣφϧΰγοΫ ϞμϯΰγοΫ ΰγοΫ.# ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ݟग़ΰ.# ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ଠΰ# ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ৽ΰ ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ώϥΪϊ֯ΰ ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ
6.  ΰγοΫฤʢ1NBQʣ ΧονϦ ΏΔ͍ ɾΰγοΫ.# ɾݟग़ΰ.# ɾଠΰ# ɾ৽ΰ ɾώϥΪϊ ɾதΰ### ɾ6%ܥ ɾᕟΰγοΫ
7.  ໌ேฤ ඪ४ Φʔϧυܥ ໌
8.  ໌ேฤ ඪ४ܥ໌ே ΦʔϧυελΠϧ Ϧϡ΢ϛϯ ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ώϥΪϊ໌ே ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ݟग़ϛϯ." ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ "໌ே ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ͏ͭ͘͠໌ே ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈ͸ͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ZENオールド明朝 さまざまな影響を受けながら、文字はその カタチを変えてきたのです。
9.  ໌ேฤʢ1NBQʣ ɾϦϡ΢ϛϯ ɾݟग़ϛϯ." ɾώϥΪϊ໌ே ɾ͏ͭ͘͠ ・ZENオールド ɾ"໌ே ΧονϦ ΏΔ͍ ɾᕟ໌ே
10.  ԤจϑΥϯτ Ԥจ αϯηϦϑ ηϦϑ ແݶ
11.  αϯηϦϑฤ Helvetica ABCDEFGHIJKLMNOPQRSTU VWXYZ123456789 GOTHAM ABCDEFGHIJKLMNOPQRST UVWXYZ123456789 Futura ABCDEFGHIJKLMNOPQRSTUV WXYZ123456789 Univers ABCDEFGHIJKLMNOPQ RSTUVWXYZ123456789 Avenir ABCDEFGHIJKLMNOPQRSTU VWXYZ123456789
12.  ηϦϑฤ Didot ABCDEFGHIJKLMNOPQRST UVWXYZ123456789 Bodoni ABCDEFGHIJKLMNOPQRSTUVW XYZ123456789 TRAJAN ABCDEFGHIJKLMNOPQ RSTUVWXYZ123456789 Garamond ABCDEFGHIJKLMNOPQRSTU VWXYZ123456789 Times ABCDEFGHIJKLMNOPQRST UVWXYZ123456789
13.  ϒϥϯυϩΰͱϑΥϯτ 3
14.  Futura Didot ABCDEFGHIJKLMN OPQRSTUVWXYZ Didot
15.  Futura Futura STD Book ABCDEFGHIJKLMN OPQRSTUVWXYZ Times ABCDEFGHIJKLMN OPQRSTUVWXYZ Futura
16.  Futura Helvetica Neue Bold ABCDEFGHIJKLMN OPQRSTUVWXYZ Helvetica
17.  Futura Optima ABCDEFGHIJKLMN OPQRSTUVWXYZ Optima
18.  ॕ͍ͷ·ͱΊ
19.  ϑΥϯτͷαΠζ 4
20.  จࣈαΠζͷϙΠϯτ จࣈαΠζͷࠩʹΑΓɺ
    ςΩετཁૉʹϓϥΠΦϦςΟΛ෇͚Δ
21.  จࣈαΠζͷϙΠϯτ ୈճσ෦ձ։࠵ʂ ࠓճͷςʔϚ͸ॳ৺ऀ׻ܴʂ
    ʮXFCσβΠφʔ
    ϑΥϯτษڧձʯ ߨٛ಺༰ͷલ൒͸σβΠϯฤ Έͳ͞Μ͸ීஈͲͷΑ͏ʹͯ͠ϑΥϯτΛબΜͰ͍·͔͢ʁΫϥΠΞϯτͷر๬΍Ҋ݅಺༰ͳͲཧ༝͸༷ʑͩͱ ࢥ͍·͢ɻXFCσβΠϯΛ࢝Ίͨ͹͔Γͷํ͸ͲͷΑ͏ʹϑΥϯτΛબΜͰ͍͍ͷ͔Θ͔Βͳ͔ͬͨΓɺจࣈ૊ ͔Βࣈ٧Ίɺ5ZQFLJU΍(PPHMF
    'POUͷબͼํͳͲ৭ʑ೰·ΕΔػձ΋ଟ͍͜ͱͰ͠ΐ͏ɻ
    ͦ͜Ͱࠓճ͸ɺ࣮૷લఏͰͷλΠϙάϥϑΟͳͲʹ͍͓ͭͯ࿩͍͖ͤͯͨͩ͠͞·͢ʂ େݟग़͠ தݟग़͠ খݟग़͠ ຊจɹ
22.  จࣈαΠζͷϙΠϯτ จࣈͷδϟϯϓ཰ ɿ ɿ ɿ େݟग़͠ தݟग़͠ খݟग़͠ ຊจɹ
23.  จࣈαΠζͷϙΠϯτ QY QY QY   QY      ഒ ഒ ഒ
24.  จࣈαΠζͷϙΠϯτ QY QY  QY     ഒ ഒ
25.  จࣈαΠζͷϙΠϯτ δϟϯϓ཰ͰϓϥΠΦϦςΟ෇͚
    ྫ͑͹ԫۚൺ
    
    
    
26.  ࣈؒɾจࣈ٧Ί 5
27.  Ծ૝ϘσΟ ࣈ໘ จࣈͷԾ૝ϘσΟ
28.  ϕλ૊Έ πϝ૊Έ "05'
    Ϧϡ΢ϛϯ
    -,-ɹ2ɹΧʔχϯάɿ "05'
    Ϧϡ΢ϛϯ
    -,-ɹ2
    ΧʔχϯάɿࣗಈʴϓϩϙʔγϣφϧϝτϦΫε ຊจɾ௕จʹ༗ޮ λΠτϧɾίϐʔ
29.  จࣈ٧Ίͷྫ ʻ ʻ ʻ ʻ ʻ ʻ ʻ ʻ ʻ ʻ ʻ ͜ͷՆɺखʹೖΕ͍ͨʰ͓͢͢ΊΞΠςϜબʱ ͜ͷՆɺ खʹೖΕ͍ͨ ʰ͓͢͢ΊΞΠςϜબʱ ʻ ϕλ૊Έ πϝ૊Έ
30.  จࣈ٧ΊͷϙΠϯτ 8FCσβΠφʔ͸จࣈ٧Ίʹແ಴ண͗Έ
    จࣈ٧Ί͕ग़དྷͯ͸͡ΊͯҰਓલ
31.  ߦૹΓɾߦ௕ 6
32.  ߦૹΓͱߦؒ ਌ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ ͹͔Γ͍ͯ͠ΔɻখֶߍʹډΔ࣌ ߦؒ ߦૹΓ 1IPUPTIPQ DTT
    
    MJOFIFJHIU
33.  ਌ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͹͔Γ͍ͯ͠Δɻখ ֶߍʹډΔ࣌෼ֶߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄Ͳ ࠊΛൈ͔ͨ͠ࣄ͕͋ΔɻͳͥͦΜͳແҋΛͨ͠ͱฉ͘ ਓ͕͋Δ͔΋஌Ε͵ɻผஈਂ͍ཧ༝Ͱ΋ͳ͍ɻ৽ஙͷ ೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕৑ஊʹɺ ͍͘ΒҖுͬͯ΋ɺ͔ͦ͜Βඈͼ߱ΓΔࣄ͸ग़དྷ·͍ɻ ऑ஬΍ʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋Δɻখ࢖ʹෛͿͬͯ͞ ؼͬͯདྷͨ࣌ɺ͓΍͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔ Βඈͼ߱ΓͯࠊΛൈౕ͔͕͋͢Δ͔ͱӠ͔ͬͨΒɺ͜ ͷ࣍͸ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ౴͑ͨɻ ߦૹΓʹ
34.  ਌ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͹͔Γ͍ͯ͠ΔɻখֶߍʹډΔ ࣌෼ֶߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋Δɻ ͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ͔΋஌Ε͵ɻผஈਂ͍ཧ༝ Ͱ΋ͳ͍ɻ৽ஙͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕৑ ஊʹɺ͍͘ΒҖுͬͯ΋ɺ͔ͦ͜Βඈͼ߱ΓΔࣄ͸ग़དྷ·͍ɻऑ ஬΍ʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋Δɻখ࢖ʹෛͿͬͯ͞ؼͬͯདྷͨ࣌ɺ ͓΍͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔Βඈͼ߱ΓͯࠊΛൈౕ͔͢ ͕͋Δ͔ͱӠ͔ͬͨΒɺ͜ͷ࣍͸ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ౴ ͑ͨɻ ߦૹΓʹ
35.  ਌ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͹͔Γ͍ͯ͠ΔɻখֶߍʹډΔ࣌෼ֶߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋Δɻ ͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ͔΋஌Ε͵ɻผஈਂ͍ཧ༝Ͱ΋ͳ͍ɻ৽ஙͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕৑ ஊʹɺ͍͘ΒҖுͬͯ΋ɺ͔ͦ͜Βඈͼ߱ΓΔࣄ͸ग़དྷ·͍ɻऑ஬΍ʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋Δɻখ࢖ʹෛͿͬͯ͞ؼͬͯདྷͨ࣌ɺ ͓΍͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔Βඈͼ߱ΓͯࠊΛൈౕ͔͕͋͢Δ͔ͱӠ͔ͬͨΒɺ͜ͷ࣍͸ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ౴ ͑ͨɻ ਌ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͹͔Γ͍ͯ͠ΔɻখֶߍʹډΔ࣌෼ֶߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋Δɻ ͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ͔΋஌Ε͵ɻผஈਂ͍ཧ༝Ͱ΋ͳ͍ɻ৽ஙͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕৑ ஊʹɺ͍͘ΒҖுͬͯ΋ɺ͔ͦ͜Βඈͼ߱ΓΔࣄ͸ग़དྷ·͍ɻऑ஬΍ʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋Δɻখ࢖ʹෛͿͬͯ͞ؼͬͯདྷͨ࣌ɺ ͓΍͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔Βඈͼ߱ΓͯࠊΛൈౕ͔͕͋͢Δ͔ͱӠ͔ͬͨΒɺ͜ͷ࣍͸ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ౴ ͑ͨɻ ߦૹΓʹ ߦૹΓʹ
36.  ਌ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͹͔Γ͠ ͍ͯΔɻখֶߍʹډΔ࣌෼ֶߍͷೋ֊͔Β ඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋ ΔɻͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ ͔΋஌Ε͵ɻผஈਂ͍ཧ༝Ͱ΋ͳ͍ɻ৽ங ͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰ ਓ͕৑ஊʹɺ͍͘ΒҖுͬͯ΋ɺ͔ͦ͜Β ඈͼ߱ΓΔࣄ͸ग़དྷ·͍ɻऑ஬΍ʔ͍ɻ ਌ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͹͔Γ͠ ͍ͯΔɻখֶߍʹډΔ࣌෼ֶߍͷೋ֊͔Β ඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋ ΔɻͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ ͔΋஌Ε͵ɻผஈਂ͍ཧ༝Ͱ΋ͳ͍ɻ৽ங ͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰ ਓ͕৑ஊʹɺ͍͘ΒҖுͬͯ΋ɺ͔ͦ͜Β ඈͼ߱ΓΔࣄ͸ग़དྷ·͍ɻऑ஬΍ʔ͍ɻ Ն໨ᕸੴ
    ๥ͬͪΌΜ Ն໨ᕸੴ
    ๥ͬͪΌΜ ߦૹΓʹ ߦૹΓʹ
37.  ߦૹΓɾߦ௕ͷϙΠϯτ ߦૹΓ͸ߦ௕ʹ߹Θͤͯௐ੔͢Δ
    ຊจ͸ʙഒ͕໨҆
38.  ͓͞Β͍
39.  ͓͞Β͍ ࿨จϑΥϯτ
    ɹɹ
    ΰγοΫʗ
    ໌ே
    ԤจϑΥϯτ
    ɹɹ
    αϯηϦϑʗηϦϑ ࠔͬͨ࣌ͷώϥΪϊ֯ΰγοΫ
    ؒҧ͍ͳ͍ͷ͕)FMWFUJDB
40.  ͓͞Β͍ ϑΥϯτͷαΠζ
    จࣈؒɾจࣈ٧Ί
    ߦૹΓɾߦ௕ ͜ͷͭΛ཈͓͚͑ͯ͹ϓϩฒΈͷ࢓্Γʂ
41.  ͓͔ͭΕ͞·Ͱ͍͟͝·ͨ͠ʂ ٳܜͷޙɺޙ൒ͷηογϣϯʹೖΓ·͢ʂ