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
530
マルチデザイナーになる方法.pdf
keita
January 26, 2020
Tweet
Share
More Decks by keita
See All by keita
新田知事プレゼン資料.pdf
keita_yoshikawa
0
24
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
60
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
340
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
89
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
48
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
80
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
130
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
210
Other Decks in Design
See All in Design
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
110
ポートフォリオ_webデザイナー
nami_webdesigner
0
420
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
700
株式会社Muture_ソーシャル推進事業
muture
PRO
0
130
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
2
3k
Storyboard Honey
rocioparronrubio
0
370
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
880k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
240
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
Bulletproof Design System with TypeScript
takanorip
6
3.9k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
0
180
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Agile that works and the tools we love
rasmusluckow
329
21k
Faster Mobile Websites
deanohume
309
31k
Writing Fast Ruby
sferik
628
62k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
A Modern Web Designer's Workflow
chriscoyier
695
190k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
The Language of Interfaces
destraynor
158
25k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠