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
390
岐阜デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf
keita
August 25, 2019
Tweet
Share
More Decks by keita
See All by keita
新田知事プレゼン資料.pdf
keita_yoshikawa
0
19
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
53
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
130
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
320
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
79
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
39
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
76
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
120
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
200
Other Decks in Design
See All in Design
7 Core Values of Round-L
wired888
0
210
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
CMS管理画面のアクセシビリティ
magi1125
7
2.1k
Saudade typeface
tiagoporto
0
330
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
私とデザインの10年
iflection
0
160
Goodpatch Tour💙 / We are hiring!
goodpatch
31
860k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
460
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
390
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
130
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
170
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
980
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Typedesign – Prime Four
hannesfritz
42
2.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Designing Experiences People Love
moore
142
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Fireside Chat
paigeccino
37
3.5k
Thoughts on Productivity
jonyablonski
69
4.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Done Done
chrislema
184
16k
The Cult of Friendly URLs
andyhume
79
6.5k
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠