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
January 26, 2020
Design
1
500
マルチデザイナーになる方法.pdf
keita
January 26, 2020
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
23
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
49
富山デザイン勉強会_デザイントレンド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
Social Anxiety
ksmith2024
0
110
aya_murakami_portfolio
ayakaimi1101
0
1.2k
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
510
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
700
セブンデックス カルチャーブック
sevendex
0
3.2k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
260
Goodpatch Tour💙 / We are hiring!
goodpatch
31
800k
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
290
横断組織デザイナーの働き方
mixi_design
PRO
0
340
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
290
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
5
4k
Tableau曲線表現講座(2024.11.21)
cielo1985
0
260
Featured
See All Featured
Building Applications with DynamoDB
mza
93
6.2k
The Invisible Side of Design
smashingmag
299
50k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Producing Creativity
orderedlist
PRO
344
40k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
KATA
mclloyd
29
14k
Practical Orchestrator
shlominoach
186
10k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Transcript
DERA-design 01 ϯ σ β Π ษ ڧ ձ ذ
͗ ෞ ; Ҋ ਤ E FTJHO ʰϚϧνσβΠφʔʹͳΔํ๏ʱ スライド数 40 ページ
DERA-design 02 ༷ʑͳεΩ ϧΛ ʹ͚ͭͯ Ϛϧνʹ׆༂ͨ͘͠ ͋Γ·ͤΜ͔ʁ
DERA-design 03 Ͱɺ ଟ ͘ͷεΩ ϧΛ ֮͑Δͷ ͍͠ͷͰʁ
DERA-design 04 ϚϧνσβΠ φʔ ͱʁ $"15&3
DERA-design 05 $"15&3ϚϧνσβΠφʔͱʁ ಛԽεΩϧܕͱϚϧνεΩϧܕ Ұͭͷٕज़ʹಛԽͨ͠εϖ γϟ Ϧε τɻ ୭ʹෛ͚ͳ͍ ٕज़Λͭ͜
ͱ͕ඪɻ ଞͷ ਓ͕͍࣋ͬͯͳ͍ٕज़ͳΒ ͳ͓ྑ͠ɻ ૯߹తʹͳΜͰ͜ͳͤΔ θωϥϦε τɻ ࠷ऴඪͳ ΜͰͰ͖Δਓɻ ϓϩδ ΣΫ τ Λͤ͞ΒΕΔΑ͏ʹ ͳͬͨΒҰਓલɻ ಛԽεΩϧܕ ಛԽεΩϧܕ ϚϧνεΩϧܕ ϚϧνεΩϧܕ
DERA-design 06 $"15&3ϚϧνσβΠφʔͱʁ ෳͷఔɾ ࡞ۀΛ͜ͳ͢ଟೳ Ұਓ͚ͩͰ੍࡞͍ͯ͠Δ࣌ɺ Ұਓ Ͱͤ͞ΒΕΔສೳੑɻ νʔϜ Ͱ੍࡞͍ͯ͠Δ࣌ɺ
ͦͷ࣌ʹԠ͡ ͯඞཁͳఔʹೖΔϑϨΩγϒϧ ͳ׆༂͕Ͱ͖Δɻ
DERA-design 07 $"15&3ϚϧνσβΠφʔͱʁ ૯߹తʹ੍࡞Ͱ͖ΔΫϦΤΠλʔ ଟ͘ͷٕज़Λ͍࣋ͬͯΔ ͱબࢶ͕ ૿͑·͢ ɻ ࢹ͕ଟ֯తʹͳΔ͜ͱ Ͱɺ
၆ᛌͯ͠શମΛଊ੍͑ͯ࡞͕Ͱ ͖Δɻ ऑ͕ͳ͍ߴ͍ͷ࡞ Λ੍࡞Ͱ͖Δɻ
DERA-design 08 ϚϧνεΩϧͷ ϝϦ ο τʁ $"15&3
DERA-design 09 $"15&3ϚϧνεΩϧͷϝϦοτʁ νϟϯε͕૿͑Δ ࣄͷೖޱ͕૿͑Δɺ ࣄͷల։͕ ૿͑Δɺ ΕΔ͜ͱ͕ଟ͍ͱνϟϯε ͕૿͑·͢ɻ ଧͪ߹ΘͤͳͲͰɺ
Ͱ͖Δ͜ͱ͕ଟ͍ͱ͕͘͢͠ ࣄʹͭͳ͕Δɻ
DERA-design 10 $"15&3ϚϧνεΩϧͷϝϦοτʁ εΩϧͷֻ͚ࢉ ҰͭͷεΩϧͰฏຌͳεΩϧͰ ɺ ೋͭҎ্ͷεΩϧ͕Έ߹Θ͞ Δ͜ͱͰՁͷ͋ΔͷʹͳΔɻ ͨ͘͞ΜΈ߹Θ͞Δ͜ͱͰɺͦ Ε͕ΦϦδφϧʹͳΔɻ
11 DERA-design $"15&3ϚϧνεΩϧͷϝϦοτʁ ୀ۶͠ͳ͍ ৭ʑͳ͜ͱΛ͢ΔͷͰɺ ੍࡞͕࡞ۀ ʹͳΒͣʹৗʹ৽ͳؾ࣋ͪͰ͔ ͍߹͑Δɻ ϧʔνϯϫʔΫ͕ݏ͍ͳ ਓʹΦεεϝɻ
DERA-design 12 Ϛϧνͳ࠽ೳΛ ൃش͢ΔҒਓ ɾ ༗໊ਓ $"15&3
DERA-design 13 $"15&3Ϛϧνͳ࠽ೳΛൃش͢ΔҒਓ ɾ༗໊ਓ ϨΦφϧυɾμϰΟϯν Իָɺ ݐஙɺ ֶɺ زԿֶɺ ղֶɺ
ੜཧֶɺ ಈ২ֶɺ ఱจֶɺ ؾֶɺ ֶ࣭ɺ ཧֶɺ ཧֶɺ ޫֶɺ ྗֶɺ ֶͳͲ༷ʑͳʹݦஶͳ ۀΛ͍ͯ͠Δɻ
DERA-design 14 $"15&3Ϛϧνͳ࠽ೳΛൃش͢ΔҒਓ ɾ༗໊ਓ ۭւ फڭՈͱ͚ͯͩ͠Ͱͳ͘ɺॻՈ จԽਓͱͯ͠ࢻஶ࡞Λ͍ͯ͠Δɻ ޠֶʹ༏ΕαϯεΫϦ ο τޠ
ޠΛ͏ɻ ຊ্࢙࠷ߴͷఱ࠽ͱ ݴΘΕΔɻ
DERA-design 15 $"15&3Ϛϧνͳ࠽ೳΛൃش͢ΔҒਓ ɾ༗໊ਓ ϧɾίϧϏϡδΤ ۙݐஙͷࡾେڊঊͷҰਓɻ ݐங Ո͚ͩͰͳ͘ըՈͱͯ͠׆༂ɺ Ո۩ͳͲͷϓϩμΫτσβΠϯ ࢢܭըͳͲख͕͚Δɻ
DERA-design 16 $"15&3Ϛϧνͳ࠽ೳΛൃش͢ΔҒਓ ɾ༗໊ਓ Ϗʔτ͚ͨ͠ʢʣ ͓স͍λϨϯτɺ࢘ձऀɺөը ಜɺ ആ༏ɺ ٭ຊՈɺ Վखͱͯ͠׆༂ɺ
ֶʹܮ͕ਂ͍ɻ λοϓμϯε ϐΞϊͰ͖Δɻ
DERA-design 17 $"15&3Ϛϧνͳ࠽ೳΛൃش͢ΔҒਓ ɾ༗໊ਓ খྛݡଠ ίϝσ Ο Ξϯͱͯ͠ϥʔϝϯζͰ׆༂ɻ ԋܶͰ٭ຊɺ ԋग़ɺ
ඒज़ɺ ऀΛ͜ ͳ͠ԋܶϥϯΩϯάҐ֫ಘɻ ອըՈͱͯ͠׆ಈɻ ౦ژύϥϦ ϯϐοΫดձࣜ૯߹ԋग़ΊΔɻ
DERA-design 18 $"15&3Ϛϧνͳ࠽ೳΛൃش͢ΔҒਓ ɾ༗໊ਓ ਢ౻ݩؾ ૯߹֨ಆٕɺ ആ༏ɺ ॻՈɺ ࡞Ոɺ μϯ
αʔͱͯ͠׆༂͍ͯ͠Δɻ ࣗΒ͕ ্ཱͪ͛ͨύϑ ΥʔϚϯεϢχοτɺ 803-%03%&3ͷ ϓϩσ ϡʔαʔ Ί͍ͯͨɻ
DERA-design 19 ϚϧνσβΠ φʔ ͷࢿ࣭ $"15&3
DERA-design 20 $"15&3ϚϧνσβΠφʔͷࢿ࣭ ͖Δ Ұͭͷ͜ͱʹूத͢Δʹલͷ͜ ͱʹ͖Δඞཁ͕͋Δɻ ͖ͬΆ ͍ͱ͍͏ͱωΨςΟϒʹฉ͑͜Δ ͔͠Ε·ͤΜ͕ɺҰͭͷ͜ͱʹ ଧͪࠐΉͨΊʹඞཁͳࢿ࣭Ͱ͢ɻ
DERA-design 21 $"15&3ϚϧνσβΠφʔͷࢿ࣭ Γସ͕͑ૣ͍ ूதͷରΛΓସ͑Δ͕ඞ ཁͰ͢ɻ ସ͕ૣ͍ਓɺ ͖ͬ͞· Ͱͷ͜ͱΛΕͯɺ࣍ͷ͜ͱΛ ͡ΊΔͷͰपΓͷਓ͕͍ͭͯ͜Ε
ͳ͍͜ͱ͋Γ·͢ɻ
DERA-design 22 $"15&3ϚϧνσβΠφʔͷࢿ࣭ ظؒͰशಘͰ͖Δηϯεͱूதྗ ଟ͘ͷεΩϧΛޮΑ͘ʹ࡞Δ ʹηϯεͱूதྗ͕ඞཁͰ͢ɻ ϚϧνεΩϧͳਓ࣌ؒͰ֮͑ ΔίπΛ͍ͬͯ·͢ɻ
DERA-design 23 $"15&3ϚϧνσβΠφʔͷࢿ࣭ ڵຯɾح৺͕Ԣ ࠣࡉͳ͜ͱͰڵຯΛ͍࣋ͬͯ· ͢ɻ ීஈ͔Β༷ʑͳ͜ͱʹٙΛ ࣋ͪɺ ղܾ͍ͨ͠ͱࢥ͍ͬͯ·͢ɻ ͦͯͦ͠ΕΛཱ͍͔ͭͯΑ͏ͱ
ߟ͍͑ͯ·͢ɻ
DERA-design 24 $"15&3ϚϧνσβΠφʔͷࢿ࣭ ॊೈͳࢥߟɾཧతࢥߟ ৗࣝʹͱΒΘΕͳ͍ॊೈͳߟ͑ํ Λ͠·͢ɻ ͔͠͠ߥແܤͳ૾ Ͱʹཱͪ·ͤΜɻ ϩδΧϧͳ ࢥߟ࣮ݧͰ͋Δඞཁ͕͋Γ·͢ɻ
ɹ
DERA-design 25 ϚϧνσβΠ φʔ ʹͳΔํ๏ $"15&3
DERA-design 26 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ όοΫϘʔϯʹͳΔεΩϧͳʹ͔ʁ ࣗͷಘҙεΩϧͳʹ͔ʁҰ൪ ಘҙͳεΩϧɺଞͷεΩϧʹෛ ͚ͳ͍Α͏ʹຏ͖ଓ͚·͠ΐ͏ɻ εΩϧΛशಘ͢Δܦݧɺଞͷε Ωϧशಘʹཱͪ·͢ɻ
DERA-design 27 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ͭʹूதͯ͠εΩϧΛ৳͢ ಉ࣌ʹ͍ͭ͘ͷεΩϧΛशಘ͢ Δͷ͍͠Ͱ͢ɻ ҰͭεΩϧΛ शಘͨ͠Β ʢ͖ͨΒʣ ɺ࣍ͷ͜ͱ
ʹखΛग़͢ΛΑ͏ʹ͠·͠ΐ͏ɻ
DERA-design 28 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ͦͷ࣌ͷ͖ͳ͜ͱΛΔ εΩϧΛशಘ͢ΔͨΊʹɺݏʑ࿅ श͢ΔͷඇޮͰ͢ɻ ͦͷ࣌ʹ ͖ͳ͜ͱɺҰ൪Γ͍ͨ͜ͱΛ Δͷ͕ɺ ޮతʹɺ
εΩϧΛशಘ ͢ΔίπͰ͢ɻ
DERA-design 29 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ͖ʹ࠽ೳ ͲͷεΩϧΛʹ͚ͭΔ͖͔ʁ ͖ͳ͜ͱɺڵຯͷ͋Δ͜ͱΛ Γ·͠ΐ͏ɻ ʮ͖ʯ ͩͱ͍͏͜ͱɺ ʮڵຯʯ
͕͋Δͱ͍͏͜ͱɺͦΕ ͚ͩͰཱͳ࠽ೳͰ͢ɻ
DERA-design 30 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ॳ৺ऀͷ͕࣌Ұ൪৳ͼ͕͍͍ ৽͍͜͠ͱΛ࢝Ίͨޙ͔Βɺ গ͠ Ͱ͖ΔΑ͏ʹͳΔ·Ͱ͙͢Ͱ͢ɻ ͔͠͠ Λ
ʹ͢Δͷɺ ଟ͘ͷ࣌ؒΛඞཁͱ͠·͢ɻ
DERA-design 31 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ଞͬͯΔ͔Βʹ͚͍ͭ͢͜ͱ͋Δ ͢Ͱʹʹ͚ͭͯΔεΩϧ͕ɺ ଞͷ εΩϧशಘʹཱͭ͜ͱ͕͋Γ·͢ɻ शಘࡁΈͷεΩϧΛԠ༻Ͱ͖Δॴ ͳ͍͔ߟ͑ͯΈ·͠ΐ͏ɻ
DERA-design 32 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ۃΊΑ͏ͱ͠ͳ͍͍ͯ͘ Ͳ͏ͯ͠ۃΊΑ͏ͱ͢Δͱ࣌ؒ ͕͔͔ͬͯ͠·͍·͢ɻ शಘίε τͱεΩϧͷόϥϯε͕͍͍ͱ͜ ΖΛࢦ͢ɻ
DERA-design 33 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ͤ͞ΔɾΓ͛Δ ͲΜͳʹϨϕϧ͕ͯ͘࠷ޙ· ͰΓ͛Δ͜ͱɺͤ͞Δ͜ ͱ͕େͰ͢ɻ ࠷ޙ·ͰΓ͖Δ ͜ͱͰɺશମ͕ݟ͑ͯΘ͔Δ͜ͱ ͕͋Γ·͢ɻ
DERA-design 34 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ ߟ͑Δ෦͕ॏཁ ͲΜͳεΩϧͰߟ͑Δ෦͕͋ Γ·͢ɻ ͦ͜ΛͲΕ͚ͩߟ͑ͯ ΕΔ͔͕ɺεΩϧशಘͷΧΪʹͳ Γ·͢ɻ
DERA-design 35 $"15&3ϚϧνσβΠφʔʹͳΔํ๏ Ͱ͖ΔΑ͏ʹͳΔͨΊʹࣄΛड͚Δ Ͱ͖ΔΑ͏ʹͳͬͨΒࣄΛड͚ ΔͰɺ Ͱ͖ΔΑ͏ʹͳΒͳ͍ɻ ࣄʹͯ͠͠·͏͜ͱ͕ɺεΩϧ शಘͷ࠷ϧʔτͰ͢ɻ
DERA-design 36 ·ͱΊ
DERA-design 37 ˔ҰͭΛۃΊΔͷ͔ɺϚϧνʹ͜ͳ͢ͷ͔ʁ ˔Ұ൪ಘҙͳ͜ͱຏ͖ଓ͚Δ ˔͖Δ͜ͱѱ͍͜ͱͰͳ͍ ˔Ϛϧνͱ͍͏ࣗͷΦϦδφϧΛݟ͚ͭΔ ·ͱΊ
DERA-design 38 ࢀߟհ
DERA-design 39 ˔ಛٕ͕ͳͯ͘ʮ͋ΘٕͤʯͰ׆༂ʂ ɹɹ IUUQTDBSFFSIBDLFOKBQBODPNSFQPSUEFUBJM ˔Ϛϧνͳ࠽ೳΛ࣋ͭਓʹ͚͍ͭͯΔ ʮ͖Δྗʯ ͱ ʮΓସ͑ͷʯ ɹɹ
IUUQTUPXOXPSLOFUNBHB[JOFMJGF ˔ϚϧνͱͲ͏͍͏ҙຯʁϚϧνͳ࠽ೳΛͭਓͷݸͷಛ ɹɹ IUUQTTFJLBUTVIZBLLBDPNBSDIJWFT ˔σβΠφʔ͕ϚϧνεΩϧΛઈରʹʹ͚ͭͨํ͕͍͍ཧ༝ͱํ๏ ɹɹ IUUQTOPUFDPNTIJNBUBLBOOCEFDCDG ˔ ʮσβΠφʔɾΫϦΤΠλʔ͕ੜ͖ΔͨΊʹॏཁͳ͜ͱʯ ɹɹ IUUQTDBSFFSMFWUFDIKQIJLBMBCSFQPSUEFUBJM ࢀߟհɾग़య
DERA-design 40 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠