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
18
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
47
富山デザイン勉強会_デザイントレンド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
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
680
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
180
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
630
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
130
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
220
LLMによるRAG評価用合成テストデータの生成
licux
6
690
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
230
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
340
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
140
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
530
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Site-Speed That Sticks
csswizardry
4
400
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
Visualization
eitanlees
146
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Typedesign – Prime Four
hannesfritz
40
2.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Six Lessons from altMBA
skipperchong
27
3.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
980
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠