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
380
岐阜デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf
keita
August 25, 2019
Tweet
Share
More Decks by keita
See All by keita
新田知事プレゼン資料.pdf
keita_yoshikawa
0
18
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
48
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
130
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
320
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
74
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
38
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
73
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
120
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
200
Other Decks in Design
See All in Design
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
クライアントワークにおける UXリサーチの実践
kozotaira
0
680
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
210
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.5k
問いの変遷
iflection
0
150
sachi_y_portfolio
sachi337
0
250
portfolio_YumiYasuda
yum0418
0
290
250131_product meetup
motokoishida
0
210
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
110
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
harutaka Vision Deck
zenkigenforrecruit
0
130
Featured
See All Featured
Navigating Team Friction
lara
187
15k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Rails Girls Zürich Keynote
gr2m
94
14k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
710
Designing for Performance
lara
609
69k
Bash Introduction
62gerente
614
210k
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠