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
18
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
50
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
130
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
320
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
75
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
38
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
73
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
120
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
200
Other Decks in Design
See All in Design
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.1k
線で考える画面構成
natsuume
1
880
マンガで分かるサービスデザインガイドライン
senryakuka
1
900
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4k
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
530
CMS管理画面のアクセシビリティ
magi1125
6
2k
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
440
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
670
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
sachi_y_portfolio
sachi337
0
260
Bulletproof Design System with TypeScript
takanorip
6
3.5k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Unsuck your backbone
ammeep
671
58k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How GitHub (no longer) Works
holman
314
140k
Rails Girls Zürich Keynote
gr2m
94
14k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Code Reviewing Like a Champion
maltzj
524
40k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Typedesign – Prime Four
hannesfritz
42
2.7k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠