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
260
岐阜デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf
keita
August 25, 2019
Tweet
Share
More Decks by keita
See All by keita
_圧縮_富山デザイン勉強会4-続基礎の基礎.pdf
keita_yoshikawa
0
12
富山デザイン勉強会-デザインの制作フロー.pdf
keita_yoshikawa
0
13
富山デザイン勉強会-イントロダクション__4.pdf
keita_yoshikawa
0
9
富山新聞文化センター説明資料.pdf
keita_yoshikawa
0
5
創業塾2023.pdf
keita_yoshikawa
0
3
富山デザイン勉強会-2024年デザイントレンド.pdf
keita_yoshikawa
1
52
富山デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf
keita_yoshikawa
1
40
デザインの意味_進捗報告.pdf
keita_yoshikawa
0
18
創業塾.pdf
keita_yoshikawa
0
19
Other Decks in Design
See All in Design
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
1
160
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
530
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
150
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
380
実案件でのFigmaデータの作り方
xxxkinu
2
200
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
150
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
410
Concept Art of Pirate Cat
hansolo21
0
2.6k
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.1k
Space. Ship. Earth. Eintauchen in virtuelle und wahre Welten
mprove
0
120
The Fight
euralisw
0
100
モデル・デザイン入門
akitsugu7935
0
420
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
19
1.6k
Docker and Python
trallard
33
2.6k
A Philosophy of Restraint
colly
195
15k
Unsuck your backbone
ammeep
661
56k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
BBQ
matthewcrist
78
8.7k
Producing Creativity
orderedlist
PRO
335
39k
Into the Great Unknown - MozCon
thekraken
10
830
Bash Introduction
62gerente
604
210k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠