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
岐阜デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf
Search
keita
August 25, 2019
Design
0
370
岐阜デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf
keita
August 25, 2019
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
19
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
47
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
170
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
47
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
25
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
56
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
87
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
160
富山デザイン勉強会_デザイナー経験ゼロからデザイン職に就く方法.pdf
keita_yoshikawa
0
84
Other Decks in Design
See All in Design
250131_product meetup
motokoishida
0
120
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
180
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.8k
OLTA株式会社/デザイン紹介資料
taxy
0
110
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
260
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
280
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
150
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
250
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
aya_murakami_portfolio
ayakaimi1101
0
1.2k
Dive Deep into Communication
yomtsu
0
210
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
250
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Writing Fast Ruby
sferik
628
61k
For a Future-Friendly Web
brad_frost
176
9.6k
Making Projects Easy
brettharned
116
6k
Adopting Sorbet at Scale
ufuk
74
9.2k
Optimizing for Happiness
mojombo
376
70k
GraphQLとの向き合い方2022年版
quramy
44
13k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
We Have a Design System, Now What?
morganepeng
51
7.4k
Statistics for Hackers
jakevdp
797
220k
Transcript
DERA-design 01 ϯ σ β Π ษ ڧ ձ ذ
͗ ෞ ; Ҋ ਤ E FTJHO ʰจࣈ ɾ λΠ ϙάϥϑ Ο ΛͬͯσβΠϯ͢Δํ๏ʱ スライド数 60ページ
DERA-design 02 Έͳ͞Μɺ จࣈͷσβΠϯ ͍ͯ͠·͔͢ʁ
DERA-design 03 wσβΠϯͷجૅ͕҆ఆ͢Δ w੍࡞ͷεϐʔυ͕ૣ͘ͳΔ wࣸਅΠϥετͳͲૉࡐ͕͍Βͳ͍ wଟ͘ͷใΛཧͯ͠ࡌͤΒΕΔ จࣈͷσβΠ ϯ͕Ͱ͖Δ ͱ
DERA-design 04 ϑ Υϯτ $"15&3
DERA-design 05 $"15&3ϑ Υϯτ ϑΥϯτͷछྨ Φʔϧυ ελϯμʔυ ɾ Ϟμϯ ͋
͋ ໌ɹ ே ɹମ デザイン書体 ͋ ͋ あ ͋ ͋ ゴ シ ッ ク 体
DERA-design 06 $"15&3ϑ Υϯτ จࣈͷσβΠϯʹɺ ʰݟग़͠ʱ ͱ ʰຊจʱ छྨ͕
༗Γ·͢ɻ ϑΥϯτ ʢॻମʣ બͼ
DERA-design 07 $"15&3ϑ Υϯτ ໌ேମΦʔϧυܥ ໌ேମελϯμʔυ ɾ Ϟμϯܥ ϑΥϯτ ʢॻମʣ
બͼ ذෞσβΠ ϯษڧձ ذෞσβΠϯษڧձ
DERA-design 08 ຊɹจʜಡΈ͘͢Ϋη͕ͳ͍ͷ ελϯμʔυλΠϓɾϞμϯλΠϓ ϦϡϛϯɾMS 明朝ɾখ௩໌ே ݟग़͠ʜݸੑతͰΛҾ͘ͷ
ɹɹɹɹΦʔϧυλΠϓɾσβΠϯϑΥϯτܥ ஜࢵ໌ேɾ͏ͭ͘͠໌ே $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ
DERA-design 09 $"15&3ϑ Υϯτ ΰγοΫମΦʔϧυܥ ΰγοΫମελϯμʔυ ɾ Ϟμϯܥ ϑΥϯτ ʢॻମʣ
બͼ ذෞσβΠ ϯษڧձ ذෞσβΠϯษڧձ
DERA-design 10 $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ ຊɹจʜݩʑΫη͕গͳ͍ͷͰΈͰ
ࡉ͔͍จࣈࢹೝੑ͕ྑ͍ͷΛબͿ ৽ΰɾϩμϯɾώϥΪϊ ݟग़͠ʜΠϯύΫτ͕͋Γચ࿅͞Εͨͷ ɹɹɹɹϞμϯλΠϓɾσβΠϯϑΥϯτ ϩμϯ/5-(ɾݟग़ΰ .#
DERA-design 11 $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ σβΠϯϑΥϯτ චจࣈϑΥϯτ ذෞσβΠϯษڧձ
岐阜デザイン勉強会
DERA-design 12 $"15&3ϑ Υϯτ ϑΥϯτ ʢॻମʣ બͼ ຊɹจʜΫη͕ڧ͘ɺ ࢹೝੑ͍ͷͰຊจʹ ɹɹɹɹ͔ͳ͍ͷ͕ଟ͍
ݟग़͠ʜݸੑ͕ڧ͍ͷ͕ଟ͍ͷͰɺ σβΠϯ ɹɹɹɹશମͷɺ ΠϝʔδΛ่͞ͳ͍Α͏ʹ
DERA-design 13 ਓؾͷ ϑ Υ ϯτϥϯΩϯ ά $"15&3
DERA-design 14 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ ώϥΪϊ֯ΰ NBD049 ͷγεςϜϑΥϯτ
ͱͯ͠࠾༻͞Ε͍ͯΔɻ ಡΈ ͍ͨ͢Ίಓ࿏ඪࣝʹΘΕ ͍ͯΔɻ ΣΠτ͕๛ͳͷ͋ Γ͕͍ͨͱ͜Ζɻ
DERA-design 15 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ "9*4 "QQMFͷຊޠαΠ τͰҎલ࠾༻
͞Ε͍ͯͨϑ Υϯτɻ όϥϯε͕ Α͘εοΩϦͱͨ͠ΰγοΫମɻ ΤΠτͨ͘͞Μ͋Δ͕ɺଗ ͑Δʹஈ͕ߴ͍ʜʜ
DERA-design 16 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ " ໌ே ໌ேମͰ།ҰͷϥϯΫΠϯɻ
ͩ·ΓΛ࠶ݱ͠ɺΏͬͨΓͱ͠ ͨΧʔϒ͕ಛͷΦʔϧυε λΠϧͷ໌ேମɻ ʰ܅ͷ໊ɻ ʱ ͰΘΕ͍ͯΔ͜ͱ͕༗໊ɻ
DERA-design 17 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ ᕟΰγοΫ 8JOEPXTͷγεςϜϑ Υϯτ
ͱͯ͠࠾༻͞Ε͍ͯΔɻ ϑτ ίϩ͕ͤ·͍ࣈͱɺ ͢͜͠খ ͍͞Ծ໊͕ಛɻ ࡉ͔͍จࣈͰ ಡΈ͘͢ઃܭ͞Ε͍ͯΔɻ
DERA-design 18 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ Gotham ΦόϚલถେ౷ྖ͕બڍͰ༻ ͍ͯͨ͠ͷ͕༗໊ɻ
ΞϝϦΧͰ ಛʹਓؾ͕ߴ͘ɺ Α͘ΘΕͯ ͍ΔͨΊɺ࠷ۙσβΠφʔʹ ආ͚ΒΕΔ༗Γ·͢ɻ
DERA-design 19 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ Avenir زԿֶతͳಛͱώϡʔϚχε τ
ͷಛΛ߹Θͤ࣋ͬͨϑΥϯτ Ͱ͢ɻ ݻ͗ͣ͢ɺ༏͗͢͠ͳ͍ όϥϯεͷྑ͍ϑΥϯτͳͷͰ ͍ಓ͕ଟ͍ɻ
DERA-design 20 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ Noto Sans (PPHMFͱ"EPCFʹΑͬͯ։ൃ͞
ΕͨΦʔϓϯιʔεͷϑΥϯτɻ ੈքதͷݴޠΛ ͭͷϑΥϯτ ηο τͰදݱ͢ΔͷΛతʹ࡞ ΒΕ͍ͯΔɻ
DERA-design 21 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ Helvetica ϑΥϯτͱ͍͑ ʰϔϧϕνΧʱ
ͱ͍͏ ͙Β͍༗໊ͳॻମɻ γϯϓϧ Ͱྗڧ͘ಡΈ͍͢ͷͰɺ ༻్Λ Θͣ͘༻͞Ε͍ͯΔॻମ Ͱ͢ɻ
DERA-design 22 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ DIN ϢχΫϩ౦ژΦϦϯϐοΫͷ ͰΘΕ͍ͯΔͷ͕༗໊ɻ
ࢹೝੑ ͕ߴ͘ ɺ ւ֎ͰެڞͷͰ͘ ༻͍ΒΕ͍ͯΔॻମɻ ݩʑ ۀͷܕ൪ʹΘΕ͍ͯͨɻ
DERA-design 23 $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ୈ Ґ Futura ϧΠ ɾ
ϰ Ο τϯ Χϧόϯ ɾ ΫϥΠϯ ͳͲଟ͘ͷ༗໊اۀͰ࠾༻͞ Ε͍ͯΔɻ زԿֶతͳܗ͕ಛ తͰ͋Δɻ ϥςϯޠͰʰະདྷʱ ͱ͍͏ҙຯɻ
DERA-design 24 ୈ Ґ'VUVSB ୈ Ґ%*/ ୈ
Ґ)FMWFUJDB ୈ Ґ/PUP4BOT ୈ Ґ"WFOJS ୈ Ґ(PUIBN ୈ ҐᕟΰγοΫ ୈ Ґ" ໌ே ୈ Ґ"9*4 ୈ ҐώϥΪϊ֯ΰ $"15&3ਓؾͷϑ ΥϯτϥϯΩϯά ਓؾͷϑ Υ ϯ τϥϯΩϯ ά501
DERA-design 25 ʰݟग़͠ʱ ͷσβΠϯ $"15&3
DERA-design 26 ʰݟग़͠ʱ σβΠϯͷϙΠϯτ wΠϯύΫ τɺ Ξςϯγ ϣϯ͕େࣄ wؾʹͳΔɺ ڵຯΛ࣋ͨͤΔͷ͕త
wඞͣ͠ಡΊͳͯͯ͘Α͍ wλΠϙάϥϑΟ ࣗମ͕ΠϥετͳͲ ɹͷΑ͏ʹਤ൛ͱͯ͠ػೳ͢Δࣄ $"15&3ʰݟग़͠ʱ ͷσβΠϯ
DERA-design 27 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ΧʔχϯάΛ͢Δ JAPAN JAPAN
DERA-design 28 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ΧʔχϯάΛ͢Δ Χʔχϯάͳ͠ ذෞσβΠϯษڧձ Χʔχϯά͋Γ ذෞσβΠ ϯษڧձ
DERA-design 29 จࣈαΠζΛଗ͑Δ ‒จͱԤจͷࠞࡏ ඒ͍͠'POU ඒ͍͠'POU ɾະௐ ɾӳޠ෦ͷจࣈେ ɾจࣈͷଠ͞ௐ ɾϕʔεϥΠϯௐ
$"15&3ʰݟग़͠ʱ ͷσβΠϯ
DERA-design 30 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ০͢Δ ʢʣ ؆୯ʹ ʮ σβ Π
ϯ ʯ ͕ ্खʹͰ͖ Δ ؆୯ʹ ʰσβ Π ϯ ʱ ͕ ্खʹͰ͖ Δ ؆୯ʹlσβ Π ϯz ͕ ্खʹͰ͖ Δ ؆୯ʹɺ σβ Π ϯ͕ ্खʹͰ͖ Δɻ
DERA-design 31 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ০͢Δ ʢࡉ෦Λ্͛Δʣ ʮඒ͍͠ʯ จࣈ ʮඒ͍͠ʯ จࣈ
lඒ͍͠zจࣈ ʠඒ͍͠ʡ จࣈ
DERA-design 32 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ͍͚ͬͯͳ͍͜ͱᶃ จࣈΊͳ͍ ฏମ ମ ذෞσβΠ ϯษڧձ
ذෞσβΠϯษڧձ
DERA-design 33 $"15&3ʰݟग़͠ʱ ͷσβΠϯ ͍͚ͬͯͳ͍͜ͱᶄ ାจࣈɾ֯ɺ શ֯ͷࠞࡏ ඒ͍͠จࣈ ֯ ɾ
શ֯ ାจࣈ ̍̎̏̐
DERA-design 34 ʰݟग़͠ʱ ͷ Ξ ΠσΞ $"15&3
DERA-design 35 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ จͷଟ͍ྉཧళ ϑΥϯτΛΈ߹ΘͤΔ
DERA-design 36 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ϑΥϯτʹେখΛ͚ͭΔ Ӎ χ Ϟ Ϛ έ
ζ
DERA-design 37 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ಈ͖Λ͚ͭΔ จͷ ଟ͍ ྉཧళ
DERA-design 38 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ܺؒΛແ͘͢ RUN MEROS
DERA-design 39 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ϞνʔϑΛ͋͠Β͏
DERA-design 40 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ࠲ஂΛෑ͘ ӍχϞϚέζ
DERA-design 41 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ۜՏ ಓͷ Έग़͢
DERA-design 42 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ৭Λม͑Δ ޗഐೣͰ͋Δ
43 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ྠֲઢ͚ͩʹ͢Δ Εϝϩε
DERA-design 44 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ จࣈʹܺؒΛ࡞Δ
DERA-design 45 $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ε τϩʔΫΛͭͳ͛Δ
DERA-design 46 ۜՏమಓͷ (BMBYZSBJMXBZOJHIU $"15&3ʰݟग़͠ʱ ͷΞΠσΞ ӳ༁Λ͚Δ
DERA-design 47 $"15&3ʰຊจʱ ͷσβΠϯ ʰຊจʱ ͷσβΠϯ $"15&3
DERA-design 48 $"15&3ʰຊจʱ ͷσβΠϯ ʰຊจʱ σβΠϯͷϙΠϯτ w·ͣಡΈ͕͢͞ॏཁ wࢹೝੑΰγοΫମɺ Մಡੑ໌ேମ wσβΠϯϑΥϯτ༻͠ͳ͍
wಡ·Εͳ͍ࣄΛલఏʹ͢Δ߹͋Δ wͱʹ͔͘ಡΈ͕͢͞ॏཁ
DERA-design 49 $"15&3ʰຊจʱ ͷσβΠϯ ϕλΑΓखಈͰจࣈؒΛௐͨ͠ํ͕ݟ ͘͢ͳΔͷͰɺͬͨํ͕͍͍ͷ͕ͩશͯͷ෦ ʹΔͷख͕͔͔ؒΔɺগͳ͘ͱཱͭ ෦ʹΓ·͠ΐ͏ɻ ϕλΑΓखಈͰจࣈؒΛௐͨ͠ํ͕ݟ͢ ͘ͳΔͷͰɺ
ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦ʹ Δͷख͕͔͔ؒΔɺ গͳ͘ͱཱͭ෦ʹ Γ·͠ΐ͏ɻ ϕλΑΓखಈͰจࣈؒΛௐͨ͠ํ͕ݟ ͘͢ͳΔͷͰɺ ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦ ʹΔͷख͕͔͔ؒΔɺ গͳ͘ͱཱͭ ෦ʹΓ·͠ΐ͏ɻ ϕλΑΓखಈͰจࣈؒΛௐͨ͠ํ͕ݟ͢ ͘ͳΔͷͰɺ ͬͨํ͕͍͍ͷ͕ͩશͯͷ෦ʹ Δͷख͕͔͔ؒΔɺ গͳ͘ͱཱͭ෦ʹ Γ·͠ ΐ ͏ɻ จࣈΈ ‒ະௐ ‒ۉஔ ʢδϟεςΟϑΝΠʣ ‒֯ ‒ௐࡁΈ
DERA-design 50 $"15&3ʰຊจʱ ͷσβΠϯ จࣈΈ ɾߦɹଗɹ͑ɹʹɹۉஔ ʢδϟεςΟ ϑΝΠʣ ɾېɹଇɹॲɹཧɹʹɹڧ͍ېଇ ɾจɹࣈɹɹΈɹʹɹ֯
ɾͿΒԼ͕Γɹʹɹڧ੍ ʢ߹ʹΑΓʣ ɾจɹࣈɹૹɹΓɹʹɹखಈͰௐ
DERA-design 51 $"15&3ʰຊจʱ ͷσβΠϯ ϕλΑΓखಈͰจࣈؒΛௐͨ͠ํ͕ݟ͘͢ͳΔͷͰɺ શͯͷ ෦ʹͬͨํ͕ ͍͍Ͱ͕͢ख͕͔͔ؒΔͷͰɺ গͳ͘ͱཱͭ෦ͬͨํ͕͍͍Ͱ͠ΐ͏ɻ ϕλΑΓखಈͰจࣈؒΛௐͨ͠ํ͕ݟ͘͢ͳΔͷͰɺ
શͯͷ ෦ʹͬͨํ͕ ͍͍Ͱ͕͢ख͕͔͔ؒΔͷͰɺ গͳ͘ͱཱͭ෦ͬͨํ͕͍͍Ͱ͠ΐ͏ɻ δϟϯϓ ʰຊจʱ ͷσβΠϯ ɾ δϟϯϓ ʰຊจʱ ͷσβΠϯ ɾ δϟϯϓ
DERA-design 52 $"15&3ʰຊจʱ ͷσβΠϯ ୯Ґখ͘͞ ݄ ݄ ԁ
ԁ
53 DERA-design $"15&3ʰຊจʱ ͷσβΠϯ ਤ൛ ࠂͷ߹ɺ จࣈ ʢຊจʣ ͷ໘ੵ͕ ˋΛӽ͑Δͱɺ৺ཧతʹো
ͱͳ͖ͬͯ·͢ɻ ˋ͕ ҆
DERA-design 54 $"15&3ʰຊจʱ ͷσβΠϯ ߦؒͱจࣈؒ ߦؒจࣈαΠ ζͷഒ͔Β ഒ͕҆Ͱ͢ɻ จࣈؒϕλΈΑΓগ
ۭ͚͠ؾຯͷํ͕ಡΈ͢ ͍ɻ ࣈ͛ͯɺ Χφ٧Ί ΔͱΑ͍ɻ ϕλΑΓ खಈͰจࣈؒ Λௐ ͨ͠ํ ͕ݟ͘͢ͳ Γ·͢ɻ ʙ
DERA-design 55 $"15&3ʰຊจʱ ͷσβΠϯ Ұߦͷจࣈ ʢߦʣ ԣॻ͖ͷ߹ɺ Ұߦʙจࣈલޙɻ ॎॻ͖ͷ߹ จࣈલޙ͕࠷దͳจࣈͰ͢ɻ
8&# αΠτͷ߹ԣ෯ ͕ʙQY ఔ͕ಡΈ͍͢ɻ ʙ จࣈ ϕλΑΓखಈͰจࣈؒΛௐͨ͠ํ͕ݟ͘͢ͳΔͷͰɺ গͳ͘ͱ ཱͭ෦ͬͨํ͕͍͍Ͱ͠ΐ͏ɻ
DERA-design 56 จࣈσβΠ ϯࣄྫ $"15&3
DERA-design 57 $"15&3จࣈσβΠϯࣄྫ ࢢ өըͷλΠτϧϩΰσβ ΠφʔʹͤΔͷ͕ී௨Ͱ ͋Δ͕ɺ ࢢಜͷ߹શ ͯࣗͰ͍ͬͯͨͦ͏Ͱ ͋Δɻ
ฒʑͳΒ͵จࣈͷ͜ ͩΘΓ͕͑Δɻ
DERA-design 58 ͦ͏͢͞ $"15&3จࣈσβΠϯࣄྫ จࣈͷσβΠϯ͕ಘҙͳσβ Πϯձࣾɻ ϩΰσβΠϯɺ 8&#σβΠϯ ͔Βҹ·Ͱ૯߹తͳϒ ϥϯσΟϯάΛ͍ͯ͠Δɻ
DERA-design 59 τοϓΛͶΒ͑ʂ $"15&3จࣈσβΠϯࣄྫ ҇ल໌ಜจࣈͷσβ Πϯʹࡉ͔͍ಜͰ͢ɻ ޙʹ੍࡞ͨ͠ ʮ৽ੈلΤϰΝ ϯήϦΦϯʯ Ͱࢢಜ
ͷΦϚʔδϡ͋ͬͨɻ
DERA-design 60 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠