Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
今すぐできる! タイポグラフィのスキルを高めるいくつかのTips
Search
iwaiwai
May 31, 2017
0
1.2k
今すぐできる! タイポグラフィのスキルを高めるいくつかのTips
2017/5/31開催の【cloudpack デ部会】初心者歓迎!webデザイナー フォント勉強会 で発表した登壇資料になります。
iwaiwai
May 31, 2017
Tweet
Share
Featured
See All Featured
Code Review Best Practice
trishagee
54
15k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
Building an army of robots
kneath
300
41k
How to train your dragon (web standard)
notwaldorf
71
5.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
The Power of CSS Pseudo Elements
geoffreycrofte
58
5k
A designer walks into a library…
pauljervisheath
199
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
75
41k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
Building Effective Engineering Teams - LeadDev
addyosmani
26
1.8k
Transcript
8FE ࠓ͙͢Ͱ͖Δʂ λΠϙάϥϑΟͷεΩϧΛߴΊΔ͍͔ͭ͘ͷ5JQT
ॻମͷछྨ 2
จϑΥϯτ จ ΰγοΫ ໌ே ᑵॻ ߦॻ ॻମҎ্
ΰγοΫฤ τϥσγϣφϧ ʢηϦϑܥʣ Ϟμϯ ʢαϯηϦϑܥʣ ΰ
ΰγοΫฤ τϥσΟγϣφϧΰγοΫ ϞμϯΰγοΫ ΰγοΫ.# ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ݟग़ΰ.# ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ
ଠΰ# ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ৽ΰ ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ώϥΪϊ֯ΰ ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ
ΰγοΫฤʢ1NBQʣ ΧονϦ ΏΔ͍ ɾΰγοΫ.# ɾݟग़ΰ.# ɾଠΰ# ɾ৽ΰ ɾώϥΪϊ ɾதΰ###
ɾ6%ܥ ɾᕟΰγοΫ
໌ேฤ ඪ४ Φʔϧυܥ ໌
໌ேฤ ඪ४ܥ໌ே ΦʔϧυελΠϧ Ϧϡϛϯ ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ώϥΪϊ໌ே ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ
ݟग़ϛϯ." ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ "໌ே ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ͏ͭ͘͠໌ே ͞·͟·ͳӨڹΛड͚ͳ͕Βɺจࣈͦͷ ΧλνΛม͖͑ͯͨͷͰ͢ɻ ZENオールド明朝 さまざまな影響を受けながら、文字はその カタチを変えてきたのです。
໌ேฤʢ1NBQʣ ɾϦϡϛϯ ɾݟग़ϛϯ." ɾώϥΪϊ໌ே ɾ͏ͭ͘͠ ・ZENオールド ɾ"໌ே ΧονϦ ΏΔ͍
ɾᕟ໌ே
ԤจϑΥϯτ Ԥจ αϯηϦϑ ηϦϑ ແݶ
αϯηϦϑฤ Helvetica ABCDEFGHIJKLMNOPQRSTU VWXYZ123456789 GOTHAM ABCDEFGHIJKLMNOPQRST UVWXYZ123456789 Futura ABCDEFGHIJKLMNOPQRSTUV
WXYZ123456789 Univers ABCDEFGHIJKLMNOPQ RSTUVWXYZ123456789 Avenir ABCDEFGHIJKLMNOPQRSTU VWXYZ123456789
ηϦϑฤ Didot ABCDEFGHIJKLMNOPQRST UVWXYZ123456789 Bodoni ABCDEFGHIJKLMNOPQRSTUVW XYZ123456789 TRAJAN ABCDEFGHIJKLMNOPQ
RSTUVWXYZ123456789 Garamond ABCDEFGHIJKLMNOPQRSTU VWXYZ123456789 Times ABCDEFGHIJKLMNOPQRST UVWXYZ123456789
ϒϥϯυϩΰͱϑΥϯτ 3
Futura Didot ABCDEFGHIJKLMN OPQRSTUVWXYZ Didot
Futura Futura STD Book ABCDEFGHIJKLMN OPQRSTUVWXYZ Times ABCDEFGHIJKLMN OPQRSTUVWXYZ
Futura
Futura Helvetica Neue Bold ABCDEFGHIJKLMN OPQRSTUVWXYZ Helvetica
Futura Optima ABCDEFGHIJKLMN OPQRSTUVWXYZ Optima
ॕ͍ͷ·ͱΊ
ϑΥϯτͷαΠζ 4
จࣈαΠζͷϙΠϯτ จࣈαΠζͷࠩʹΑΓɺ ςΩετཁૉʹϓϥΠΦϦςΟΛ͚Δ
จࣈαΠζͷϙΠϯτ ୈճσ෦ձ։࠵ʂ ࠓճͷςʔϚॳ৺ऀܴʂ ʮXFCσβΠφʔϑΥϯτษڧձʯ ߨٛ༰ͷલσβΠϯฤ Έͳ͞ΜීஈͲͷΑ͏ʹͯ͠ϑΥϯτΛબΜͰ͍·͔͢ʁΫϥΠΞϯτͷرҊ݅༰ͳͲཧ༝༷ʑͩͱ ࢥ͍·͢ɻXFCσβΠϯΛ࢝Ί͔ͨΓͷํͲͷΑ͏ʹϑΥϯτΛબΜͰ͍͍ͷ͔Θ͔Βͳ͔ͬͨΓɺจࣈ ͔Βࣈ٧Ίɺ5ZQFLJU(PPHMF'POUͷબͼํͳͲ৭ʑ·ΕΔػձଟ͍͜ͱͰ͠ΐ͏ɻ ͦ͜Ͱࠓճɺ࣮લఏͰͷλΠϙάϥϑΟͳͲʹ͍͓͍͖ͭͯͤͯͨͩ͠͞·͢ʂ
େݟग़͠ தݟग़͠ খݟग़͠ ຊจɹ
จࣈαΠζͷϙΠϯτ จࣈͷδϟϯϓ ɿ ɿ ɿ େݟग़͠ தݟग़͠ খݟग़͠ ຊจɹ
จࣈαΠζͷϙΠϯτ QY QY QY QY
ഒ ഒ ഒ
จࣈαΠζͷϙΠϯτ QY QY QY
ഒ ഒ
จࣈαΠζͷϙΠϯτ δϟϯϓͰϓϥΠΦϦςΟ͚ ྫ͑ԫۚൺ
ࣈؒɾจࣈ٧Ί 5
ԾϘσΟ ࣈ໘ จࣈͷԾϘσΟ
ϕλΈ πϝΈ "05'Ϧϡϛϯ-,-ɹ2ɹΧʔχϯάɿ "05'Ϧϡϛϯ-,-ɹ2 ΧʔχϯάɿࣗಈʴϓϩϙʔγϣφϧϝτϦΫε ຊจɾจʹ༗ޮ λΠτϧɾίϐʔ
จࣈ٧Ίͷྫ ʻ ʻ ʻ ʻ ʻ ʻ ʻ ʻ
ʻ ʻ ʻ ͜ͷՆɺखʹೖΕ͍ͨʰ͓͢͢ΊΞΠςϜબʱ ͜ͷՆɺ खʹೖΕ͍ͨ ʰ͓͢͢ΊΞΠςϜબʱ ʻ ϕλΈ πϝΈ
จࣈ٧ΊͷϙΠϯτ 8FCσβΠφʔจࣈ٧Ίʹແண͗Έ จࣈ٧Ί͕ग़དྷͯ͡ΊͯҰਓલ
ߦૹΓɾߦ 6
ߦૹΓͱߦؒ ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ ͔Γ͍ͯ͠ΔɻখֶߍʹډΔ࣌ ߦؒ ߦૹΓ 1IPUPTIPQ DTTMJOFIFJHIU
ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͔Γ͍ͯ͠Δɻখ ֶߍʹډΔֶ࣌ߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄Ͳ ࠊΛൈ͔ͨ͠ࣄ͕͋ΔɻͳͥͦΜͳແҋΛͨ͠ͱฉ͘ ਓ͕͋Δ͔Ε͵ɻผஈਂ͍ཧ༝Ͱͳ͍ɻ৽ஙͷ ೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕ஊʹɺ ͍͘ΒҖுͬͯɺ͔ͦ͜Βඈͼ߱ΓΔࣄग़དྷ·͍ɻ ऑʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋ΔɻখʹෛͿͬͯ͞ ؼͬͯདྷͨ࣌ɺ͓͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔ Βඈͼ߱ΓͯࠊΛൈౕ͔͕͋͢Δ͔ͱӠ͔ͬͨΒɺ͜
ͷ࣍ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ͑ͨɻ ߦૹΓʹ
ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͔Γ͍ͯ͠ΔɻখֶߍʹډΔ ֶ࣌ߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋Δɻ ͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ͔Ε͵ɻผஈਂ͍ཧ༝ Ͱͳ͍ɻ৽ஙͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕ ஊʹɺ͍͘ΒҖுͬͯɺ͔ͦ͜Βඈͼ߱ΓΔࣄग़དྷ·͍ɻऑ ʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋ΔɻখʹෛͿͬͯ͞ؼͬͯདྷͨ࣌ɺ ͓͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔Βඈͼ߱ΓͯࠊΛൈౕ͔͢ ͕͋Δ͔ͱӠ͔ͬͨΒɺ͜ͷ࣍ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ ͑ͨɻ
ߦૹΓʹ
ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͔Γ͍ͯ͠ΔɻখֶߍʹډΔֶ࣌ߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋Δɻ ͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ͔Ε͵ɻผஈਂ͍ཧ༝Ͱͳ͍ɻ৽ஙͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕ ஊʹɺ͍͘ΒҖுͬͯɺ͔ͦ͜Βඈͼ߱ΓΔࣄग़དྷ·͍ɻऑʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋ΔɻখʹෛͿͬͯ͞ؼͬͯདྷͨ࣌ɺ ͓͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔Βඈͼ߱ΓͯࠊΛൈౕ͔͕͋͢Δ͔ͱӠ͔ͬͨΒɺ͜ͷ࣍ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ ͑ͨɻ ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͔Γ͍ͯ͠ΔɻখֶߍʹډΔֶ࣌ߍͷೋ֊͔Βඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋Δɻ ͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ͔Ε͵ɻผஈਂ͍ཧ༝Ͱͳ͍ɻ৽ஙͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰਓ͕ ஊʹɺ͍͘ΒҖுͬͯɺ͔ͦ͜Βඈͼ߱ΓΔࣄग़དྷ·͍ɻऑʔ͍ɻͱᅥ͔ͨ͠ΒͰ͋ΔɻখʹෛͿͬͯ͞ؼͬͯདྷͨ࣌ɺ ͓͕͡େ͖ͳ؟Λͯ͠ೋ֊͙Β͍͔Βඈͼ߱ΓͯࠊΛൈౕ͔͕͋͢Δ͔ͱӠ͔ͬͨΒɺ͜ͷ࣍ൈ͔ͣ͞ʹඈΜͰݟͤ·͢ͱ
͑ͨɻ ߦૹΓʹ ߦૹΓʹ
ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͔Γ͠ ͍ͯΔɻখֶߍʹډΔֶ࣌ߍͷೋ֊͔Β ඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋ ΔɻͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ ͔Ε͵ɻผஈਂ͍ཧ༝Ͱͳ͍ɻ৽ங ͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰ ਓ͕ஊʹɺ͍͘ΒҖுͬͯɺ͔ͦ͜Β ඈͼ߱ΓΔࣄग़དྷ·͍ɻऑʔ͍ɻ ৡΓͷແమ๒Ͱখڙͷ͔࣌Βଛ͔Γ͠
͍ͯΔɻখֶߍʹډΔֶ࣌ߍͷೋ֊͔Β ඈͼ߱ΓͯҰिؒ΄ͲࠊΛൈ͔ͨ͠ࣄ͕͋ ΔɻͳͥͦΜͳແҋΛͨ͠ͱฉ͘ਓ͕͋Δ ͔Ε͵ɻผஈਂ͍ཧ༝Ͱͳ͍ɻ৽ங ͷೋ֊͔ΒटΛग़͍ͯͨ͠ΒɺಉڃੜͷҰ ਓ͕ஊʹɺ͍͘ΒҖுͬͯɺ͔ͦ͜Β ඈͼ߱ΓΔࣄग़དྷ·͍ɻऑʔ͍ɻ ՆᕸੴͬͪΌΜ ՆᕸੴͬͪΌΜ ߦૹΓʹ ߦૹΓʹ
ߦૹΓɾߦͷϙΠϯτ ߦૹΓߦʹ߹Θͤͯௐ͢Δ ຊจʙഒ͕҆
͓͞Β͍
͓͞Β͍ จϑΥϯτɹɹΰγοΫʗ໌ே ԤจϑΥϯτɹɹαϯηϦϑʗηϦϑ ࠔͬͨ࣌ͷώϥΪϊ֯ΰγοΫ ؒҧ͍ͳ͍ͷ͕)FMWFUJDB
͓͞Β͍ ϑΥϯτͷαΠζ จࣈؒɾจࣈ٧Ί ߦૹΓɾߦ ͜ͷͭΛ͓͚͑ͯϓϩฒΈͷ্Γʂ
͓͔ͭΕ͞·Ͱ͍͟͝·ͨ͠ʂ ٳܜͷޙɺޙͷηογϣϯʹೖΓ·͢ʂ