Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
マルチデザイナーになる方法.pdf
keita
January 26, 2020
Design
1
270
マルチデザイナーになる方法.pdf
keita
January 26, 2020
Tweet
Share
More Decks by keita
See All by keita
鷹栖小学校.pdf
keita_yoshikawa
0
24
市民の先生_6ホームページの運用とSEO.pdf
keita_yoshikawa
0
63
市民の先生_5アナリティクスの使い方.pdf
keita_yoshikawa
0
84
市民の先生_4写真素材と画像作成.pdf
keita_yoshikawa
0
67
06_Scratchオフラインエディターのダウンロード方法.pdf
keita_yoshikawa
0
260
市民の先生_1ホームページとWordPressについて_イーラボ用.pdf
keita_yoshikawa
0
24
市民の先生-#3HTMLとCSSの基礎
keita_yoshikawa
0
95
市民の先生_2WordPressのカスタマイズ方法.pdf
keita_yoshikawa
0
100
市民の先生イントロダクション.pdf
keita_yoshikawa
0
95
Other Decks in Design
See All in Design
NCDC_UXSession_20220120
ncdc
0
680
Nel: A Limbo Odessy
educe_art
0
150
Figmaを学ぶ会Vol.2プロジェクトメンバー全員が幸せになるFigmaプロジェクト管理術
kuritagit
0
230
Demon Deals - Character List
breadman
0
1.7k
エアデザイン(AIR Design)サービス資料
air_design
0
17k
Rakuma Developers
nojirakuten
0
810
UX Research for Internal Enterprise Tools
stephaniewalter
2
730
STORES のデザインシステムのこれまでと現状
daitasu
0
750
Introduce Celebration Grid
nakahara
0
200
The Party! - Story Sequence
diablicos_
0
110
ポートフォリオの作り方
yonekura907
0
510
Similarities Between Building Construction and Software Design Systems
shotakugawa_meijin
0
210
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
225
120k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
172
8.3k
Git: the NoSQL Database
bkeepers
PRO
415
59k
The Most Common Mistakes in Cover Letters
jrick
PRO
4
24k
Art, The Web, and Tiny UX
lynnandtonic
280
17k
Atom: Resistance is Futile
akmur
255
20k
The Invisible Side of Design
smashingmag
289
48k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
103
16k
WebSockets: Embracing the real-time Web
robhawkes
57
5k
Build The Right Thing And Hit Your Dates
maggiecrowley
19
1.1k
How to train your dragon (web standard)
notwaldorf
57
3.8k
Support Driven Design
roundedbygravity
86
8.5k
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠