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
2019.8.20 XD Workshop
Search
YoujiSakai
August 20, 2019
Design
2
120
2019.8.20 XD Workshop
2019.8.20 XD Workshop
Adobe (Osaki, Tokyo)
YoujiSakai
August 20, 2019
Tweet
Share
More Decks by YoujiSakai
See All by YoujiSakai
2020.11.12
youjisakai
0
320
20200720
youjisakai
0
240
研修用
youjisakai
3
120
2020.4.22
youjisakai
0
190
2020.4.22
youjisakai
0
110
2020.1.08
youjisakai
2
250
Project Aeroで実現する!グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
youjisakai
0
450
20191119
youjisakai
1
100
20190903-AM.pdf
youjisakai
0
240
Other Decks in Design
See All in Design
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
290
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
530
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.8k
root Design Partnership Policy
root_recruit
0
4.1k
B/43プラスカードができるまで
putchomsmartbank
0
470
Portfolio 2023.07.28
helemarudesu
0
590
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1k
The Fight
euralisw
0
110
Wishing Star Comic
torije
2
1.2k
MiKS inc. Company PR en_202404
zakkerooni
0
170
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
1
220
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
331
56k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
Happy Clients
brianwarren
92
6.4k
Documentation Writing (for coders)
carmenintech
60
3.9k
Automating Front-end Workflow
addyosmani
1356
200k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Debugging Ruby Performance
tmm1
70
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
RailsConf 2023
tenderlove
4
540
How to name files
jennybc
65
93k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Transcript
"EPCF9%ͷ৽ػೳΛ׆༻ͨ͠ ࣌ɿ݄ʢՐʣ http://design-zero.tv TwitterͰؔ࿈ใΛߘ͍ͯ͠·͢ !DPNNPOTUZMF Adobe Community Evangelist Mr.Creative.Edge ڥ༞࢘
"NCBTTBEPS.FFUVQ ϓϩτλΠϐϯάϫʔΫγϣοϓ
Adobe Community Evangelist Yuuji Sakai @commonstyle ΑΓɺ"*ʢਓೳʣຊ֨ಋೖͷͨΊͷτϥΠΞϧΛ։࢝͠ɺ"*γεςϜϩϘ ςΟΫεؔ࿈ͷ࣮ূ࣮ݧʹࢀՃɻχϡʔϥϧωοτϫʔΫΛͬͨػց༁ͱը૾ஔॲཧ ʢࣸਅը૾ͷΠϥετදݱͳͲʣΛத৺ʹখنͳςετΛ࣮ࢪ͍ͯ͠ΔɻΑΓɺ "EPCF$PNNVOJUZ&WBOHFMJTUͱͯ͠ओʹ"EPCF4FOTFJʢ"*ʣ"EPCF9%ؔ࿈ͷ
ΠϕϯτొஃɺߨԋͳͲΛߦͳ͍ͬͯΔɻ Mr.CreativeEdge -
"EPCF $PNNVOJUZ &WBOHFMJTU $SFBUJWF$MPVEαʔ Ϗεʹؔ͢Δ๛ͳ͚ࣝͩ Ͱͳ͘ɺ੍࡞ݱͰͷ༷ʑͳ ܦݧΛ࣋ͪɺͦΕΒΛੵۃత ʹൃ৴ɾڞ༗͍ͯ͠ΔΞυϏ ެೝͷΤόϯδΣϦετͰ͢ɻ IUUQTXXXBEPCFDPNKQJOGPSNBUJPODSFBUJWFDMPVEBEPCFDPNNVOJUZFWBOHFMJTUIUNM
খྛ͞Μ ࢁా͞Μ ླ͞Μ ߴڮ͞Μ اը σβΠϯ Ӧۀ ϚʔέςΟϯά ৬ೳԣஅతνʔϜ
খྛ͞Μ ࢁా͞Μ ླ͞Μ ߴڮ͞Μ
খྛ͞Μ ࢁా͞Μ ླ͞Μ ߴڮ͞Μ ཧऀ ɾϝϯόʔؒͰσʔλΛΓऔΓͰ͖ΔΑ͏ʹ ɹڞ༗ϑΟϧμʔΛઃఆ͢Δ ɾͨ͠ϓϩτλΠϓʢ9%σʔλʣΛ ɹ64#ϝϞϦʹอଘͯ͠ߨࢣʹ͢
খྛ͞Μ ࢁా͞Μ ླ͞Μ ߴڮ͞Μ ཧऀ ൃදऀ ൃදνʔϜ
εϚϗΞΫςΟϒʹ࠷ߴͷ69Λʂ ײతͰ ʮ؆୯ʯ ʮָ͘͠ʯ ར༻Ͱ͖Δ ࠃઢۭ੮রձɾ༧αΠτ εϚʔτϑΥϯઐ༻ Thema
εϚϗΞΫςΟϒʹ࠷ߴͷ69Λʂ ײతͰ ʮ؆୯ʯ ʮָ͘͠ʯ ར༻Ͱ͖Δ ࠃઢۭ੮রձɾ༧αΠτ εϚʔτϑΥϯઐ༻ Thema
˔ۃݶ·Ͱૢ࡞Λγϯϓϧʹͯ͠ɺ ඞཁ࠷ݶͷ ɹػೳͰʮૣ͘ʯతΛୡͰ͖Δ͜ͱ ˔ͭͻͱͭͷૢ࡞ʹ ʮָ͠͞ʯ ʮؾ࣋ͪΑ͞ʯ Λ ɹײͤ͡͞Δ͜ͱ ˔εϚʔτϑΥϯʹ࠷దԽ͞Εͨ6*Ͱ͋Δ͜ͱ
˔ۃݶ·Ͱૢ࡞Λγϯϓϧʹͯ͠ɺ ඞཁ࠷ݶͷ ɹػೳͰʮૣ͘ʯతΛୡͰ͖Δ͜ͱ ˔ͭͻͱͭͷૢ࡞ʹ ʮָ͠͞ʯ ʮؾ࣋ͪΑ͞ʯ Λ ɹײͤ͡͞Δ͜ͱ ˔εϚʔτϑΥϯʹ࠷దԽ͞Εͨ6*Ͱ͋Δ͜ͱ
"/"ʢશۭʣ +"-ʢຊߤۭʣ +FUTUBSʢδΣοτελʔɾδϟύϯʣ 4,:."3,ʢεΧΠϚʔΫʣ 7BOJMMB"JSʢόχϥɾΤΞʣ 1FBDI"WJBUJPOʢϐʔνɾΞϏΤʔγϣϯʣ य़ळߤۭʢ4QSJOH+BQBOɿεϓϦϯάɾδϟύϯʣ "JS"TJBʢΤΞΞδΞɾδϟύϯʣ "*3%0ʢΤΞɾυΡʣ 4'+ʢελʔϑϥΠϠʔʣ
'%"ʢϑδυϦʔϜΤΞϥΠϯζʣ 4PMBTFFE"JSʢιϥγυΤΞʣ ߤۭձࣾ
5FBN# 5FBN" 5FBN$ 5FBN% 5FBN& "/" +FUTUBS 1FBDI "JS"TJB +"-
ୈީิ·Ͱ ܾΊ͓͍ͯͯ ͍ͩ͘͞
"JS#64"/ ࢀߟɿۭ੮রձͷྲྀΕ
ϝϧΧϦ ࢀߟɿΦϯϘʔσΟϯά
+3౦ຊ ࢀߟɿΠϯλϥΫγϣϯ
.Z4PGU#BOL ࢀߟɿΠϯλϥΫγϣϯ
1MBOF'JOEFS ࢀߟɿσʔλαΠΤϯε
εϚϗΞΫςΟϒʹ࠷ߴͷ69Λʂ ײతͰ ʮ؆୯ʯ ʮָ͘͠ʯ ར༻Ͱ͖Δ ࠃઢۭ੮রձɾ༧αΠτ εϚʔτϑΥϯઐ༻ Thema
Creative Cloud IUUQTDSFBUJWFDMPVEBEPCFDPN ΫϥυαʔϏε
Premiere Rush XD Photoshop on iPad Lightroom Dimension $MPVE/BUJWF Spark
$SFBUJWF$MPVE σεΫτοϓΞϓϦέʔγϣϯ ʦϩάΠϯ͍ͯ͠Δ͜ͱΛ֬ೝʧ
NBD04
NBD04
8JOEPXT
8JOEPXT
"EPCF9%ΛΞοϓσʔτ͢Δ $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ
None
"QQT
Ξοϓσʔτ
࠷৽ͷ9% ݹ͍9%
࠷৽ͷ9% ݹ͍9% όʔδϣϯ όʔδϣϯ
࠷৽ͷ9% ݹ͍9% όʔδϣϯ όʔδϣϯ
࠷৽ͷ9% ݹ͍9% όʔδϣϯ όʔδϣϯ º
ݹ͍όʔδϣϯʹ͢
None
None
None
None
None
None
σβΠϯͱʁ
Ξʔτఏى σβΠϯղܾ
ݟͨͷσβΠϯ ߦಈͷσβΠϯ ؔੑͷσβΠϯ
ݟͨͷσβΠϯ ඒ͠͞ɺ͔ͬ͜Α͞ɺՄѪΒ͠͞ ʮ͑ͬɺԿͦΕ৮Βͤͯʂʯ ʮ͜Ε͔͍͍ͬ͜ɺ༑ୡʹڭ͑ͯ͋͛Αʂʯ
ߦಈͷσβΠϯ ʮΓ͍ͨ͜ͱ͕Ͱ͖Δʯ ʮ͍͍͢ʯ ʮΘ͔Γ͍͢ʯ
ؔੑͷσβΠϯ पғͷਓͱͷؔੑ͕๛͔ʹͳΓɺ ࣗʹͱ͔ͬͯܽͤͳ͍ͷʹͳΔ Γ͔ͨͬͨ͜ͱ͕࣮ݱͯ͠ɺ ࣗʹͱ͔ͬͯܽͤͳ͍ͷʹͳΔ
ؔੑͷσβΠϯ $PBDIͷόοάΛ࣋ͬͨࢲͱ पғͷධՁ
ؔੑͷσβΠϯ J1BE1SPͱ"QQMF1FODJMͰ εέονΛ͢Δࣗ ࡞ҙཉ͕༙ࣗ͘ɺત·͕͠Δ༑ਓͨͪɺ ৬ͷಉ྅͔Β࣭߈Ί
ͳͥɺ σβΠϯܦӦʁ
ΞοϓϧɺμΠιϯɺྑܭըɺϚπμɺϝϧΧϦɺ "JSCOCͳͲͷ#UP$اۀͷΈͳΒͣɺεϦʔΤ Ϝɺ*#.ͷΑ͏ͳ#UP#اۀɺσβΠϯΛاۀͷ ܦӦઓུͷத৺ʹਾ͓͑ͯΓɺʮσβΠϯܦӦʯ ͷ࣮ફاۀɾޭاۀͱ͍͏͜ͱ͕ݴ͑Δɻ σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG
σβΠϯܦӦͷඞཁ݅ ɾܦӦνʔϜʹσβΠϯͷ ɹऀʢσβΠϯΦϑΟαʔʣ͕͍Δ ɹ$%0νʔϑσβΠϯΦϑΟαʔ ɾࣄۀઓུߏஙͷ࠷্ྲྀ͔ΒσβΠϯͷνʔϜ͕ ɹؔ༩͍ͯ͠Δ
2012
ɺܦӦʹ$%0 ʢ$IJFG%FTJHO0⒏DFSɿ ࠷ߴσβΠϯऀʣΛઃஔ Ϛϩɾϙϧνʔχ͕ब &ODBOUP1VCMJD3FMBUJPOT%FTJHOBOE13.BVSP1PSDJOJ 1FQTJDP$IJFG%FTJHO0⒏DFS FOHMJTIWFSTJPO IUUQXXXFODBOUPQVCMJDSFMBUJPOTDPNEFTJHOBOEQSNBVSPQPSDJOJQFQTJDPIUNM
δχʔɾϩϝοςΟʢʹ$&0ʹबʣ͕ σβΠϯܦӦΛਪਐɺಉɺ*#.%FTJHOͱ͍͏ ৫Λઃஔɻ θωϥϧɾϚωʔδϟʔʹ ϑΟϧɾΪϧόʔτ *#.ͷσβΠϯࢥߟͷಓࢣɺϑΟϧɾΪϧόʔτࢯຊͰԿΛޠΔ͔ IUUQTCJ[[JOFKQBSUJDMFEFUBJM σβΠϯͱσβΠϯࢥߟͷΧϧνϟʔΛ *#.ʹਁಁͤ͞Δ Mission
μάɾύΤϧ͕σβΠφʔͱͯ͠ཧࣄʹब ʢ*#.Ͱॳʣ σβΠϯࢥߟ͕ͨΒ͢Ϗδωεมֵʂ มΘΓΏ͘σβΠφʔͷׂ IUUQTXXXJCNDPNUIJOLKQKBCVTJOFTTEFTJHOUIJOLJOH
݄Ͱ৽ઃͷ৬ $%0ʢ$IJFG%FTJHO 0⒏DFSʣʹब͢Δ͜ ͱ͕ใ͡ΒΕͨ ݄ɺδϣφαϯɾΞΠϒ͕ +POZ*WFOFBSMZRVJU"QQMF CVUJOTUFBECFDBNF 4UFWF+PCTTTQJSJUVBMQBSUOFS IUUQXXXFDPUJJO6)8KB
σβΠϯܦӦͷඞཁ݅ ɾܦӦνʔϜʹσβΠϯͷ ɹऀʢσβΠϯΦϑΟαʔʣ͕͍Δ ɹ$%0νʔϑσβΠϯΦϑΟαʔ ɾࣄۀઓུߏஙͷ࠷্ྲྀ͔ΒσβΠϯͷνʔϜ͕ ɹؔ༩͍ͯ͠Δ +POBUIBO*WFJTQBSUPGUIF#P'UIF QFPQMFTIBQJOHUIFHMPCBMGBTIJPOJOEVTUSZ IUUQTXXXCVTJOFTTP⒎BTIJPODPNDPNNVOJUZQFPQMFKPOBUIBOJWF
1&-050/IUUQTXXXPOFQFMPUPODPN ΤΫααΠζόΠΫ αϒεΫϦϓγϣϯαʔϏε
σβΠϯࢥߟ
σβΠϯࢥߟ ඇσβΠφʔ͕ ରͷࢥߟ๏
σβΠϯࢥߟ ඇσβΠφʔ͕ ରͷࢥߟ๏ σβΠφʔ͕ແҙࣝʹ͍ͬͯΔ࡞ۀͷਐΊํࢥߟ๏ आΓͯΠϊϕʔγϣϯΛى͜͢
5IJOL8JUI:PVS)BOET
5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ
ߟ͔͑ͯΒ࡞Δ ౷తʹߦΘΕ͍ͯΔ σβΠϯϓϩηε
5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ
5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ తղܾ
3%ʢݚڀ։ൃʣˠԼྲྀʹσβΠϯ ΫϦΤΠςΟϒʹಛԽͨ͠ઐ৬ ˣ σβΠϯΛاۀܦӦͷ࠷্ྲྀʹϏϧτΠϯ ʢ࠷ॳ͔ΒΈࠐΉʣ ৫తͳΠϯϑϥͱͯ͠σβΠϯͷΈ ˣ ͷͮ͘ΓͷਐΊํ͕ΞδϟΠϧʹมԽ͍ͯ͘͠ ϓϩτλΠϐϯά
4LFUDI *OWJTJPO 'JHNB
#VJMEJOHUPUIJOL ԿΛ࡞Δ͔Λߟ͑ΔͷͰͳ͘ɺ ߟ͑ΔͨΊʹ࡞ΔͷͰ͢ ςΟϜɾϒϥϯɿ σβΠφʔͬͱେ͖͘ ߟ͑Δ͖ͩ IUUQTXXXZPVUVCFDPNXBUDI W6"JO-B5Y:
5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ
XD The future of experience design.
None
None
None
None
None
None
ΞΠσΞΛૉૣ͘Χλνʹ͢Δπʔϧ ίϥϘϨʔγϣϯϫʔΫʹదͨ͠πʔϧ σβΠϯγεςϜߏஙʹରԠͨ͠πʔϧ
"EPCF9%ͷϝχϡʔ
8JOEPXT
8JOEPXT
8JOEPXT
8JOEPXT ϝχϡʔ
جຊύωϧ
None
None
None
None
Ξηοτ
Ξηοτ ϨΠϠʔ
Ξηοτ ϨΠϠʔ ϓϥάΠϯ
None
None
None
બʢ࠷༻ස͕ߴ͍ʣ
ζʔϜʢ֦େɾॖখදࣔʣ
ζʔϜʢ֦େɾॖখදࣔʣ ΫϦοΫ PQUJPO BMU ΫϦοΫ
ζʔϜʢ֦େɾॖখදࣔʣ PQUJPO BMU ΫϦοΫ શମදࣔɿ DPNNBOE $USM දࣔɿ
DPNNBOE $USM ΫϦοΫ
ΞʔτϘʔυ
Millions of royalty-free images, graphics, videos, templates, and 3D assets
— even editorial content, 4K and HD video, and a Premium and Editorial collection. ԯҎ্ͷΞηοτ
ϥΠηϯεը૾ʢ༗ྉʣ αΠζɿY ϓϨϏϡʔը૾ʢແྉɾແ੍ݶʣ αΠζɿY ಁ͔͠จࣈ
ɾϏδϡΞϧͷΫΦϦςΟ্͕ ɾϥΠηϯεཧͷলྗԽ ɾૉࡐௐୡͷ࣌ؒॖ ɾ੍࡞࡞ۀͷεϐʔυΞοϓ
None
None
None
None
None
None
None
None
None
None
4UPDL 9% $MPVE4ZOD
None
"EPCF*%ͰϩάΠϯ͍ͯͩ͘͠͞
None
ϩάΠϯ͍ͯ͠Δঢ়ଶ
None
None
None
None
None
None
None
None
None
None
Λىಈ͢Δ
None
None
None
None
None
None
None
None
None
υϥοά
None
None
None
None
None
None
None
None
None
None
None
։͘ɾυϥοάυϩοϓ ίϐʔϖʔετ ը૾ͷಡΈࠐΈ
γΣΠϓͰϚεΫ
None
None
None
None
γΣΠϓͰϚεΫ ɾNBD04 ɹΦϒδΣΫτϝχϡʔ͔Βબ ɾ8JOEPXT ɹӈΫϦοΫͯ͠ϝχϡʔ͔Βબ
NBD04
NBD04
8JOEPXT ӈΫϦοΫ
8JOEPXT ӈΫϦοΫ
Ϛελʔίϯϙʔωϯτ components ίϯϙʔωϯτΠϯελϯε
ΦϒδΣΫτ
ίϯϙʔωϯτʹม
ίϯϙʔωϯτ
ίϯϙʔωϯτ
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
ίϯϙʔωϯτ Πϯελϯε Πϯελϯε Πϯελϯε
খྛ͞Μ ࢁా͞Μ ླ͞Μ ߴڮ͞Μ ཧऀ ൃදऀ νʔϜ࡞ۀ
খྛ͞Μ ࢁా͞Μ ླ͞Μ ߴڮ͞Μ ཧऀ ɾϝϯόʔؒͰσʔλΛΓऔΓͰ͖ΔΑ͏ʹ ɹڞ༗ϑΟϧμʔΛઃఆ͢Δ ɾͨ͠ϓϩτλΠϓʢ9%σʔλʣΛ ɹ64#ϝϞϦʹอଘͯ͠ߨࢣʹ͢
None
9%Ϋϥυ্ͷϓϩτλΠϓΛ ڞಉฤूͰ͖Δ ˞ຊͷϫʔΫγϣοϓͰར༻͠·ͤΜ
None
εϚϗΞΫςΟϒʹ࠷ߴͷ69Λʂ ײతͰ ʮ؆୯ʯ ʮָ͘͠ʯ ར༻Ͱ͖Δ ࠃઢۭ੮রձɾ༧αΠτ εϚʔτϑΥϯઐ༻ Thema
˔ۃݶ·Ͱૢ࡞Λγϯϓϧʹͯ͠ɺ ඞཁ࠷ݶͷ ɹػೳͰʮૣ͘ʯతΛୡͰ͖Δ͜ͱ ˔ͭͻͱͭͷૢ࡞ʹ ʮָ͠͞ʯ ʮؾ࣋ͪΑ͞ʯ Λ ɹײͤ͡͞Δ͜ͱ ˔εϚʔτϑΥϯʹ࠷దԽ͞Εͨ6*Ͱ͋Δ͜ͱ
TwitterͰؔ࿈ใΛߘ͍ͯ͠·͢ !DPNNPOTUZMF EFTJHO[FSPUW
"EPCF9%ͷ৽ػೳΛ׆༻ͨ͠ ࣌ɿ݄ʢՐʣ http://design-zero.tv TwitterͰؔ࿈ใΛߘ͍ͯ͠·͢ !DPNNPOTUZMF Adobe Community Evangelist Mr.Creative.Edge ڥ༞࢘
"NCBTTBEPS.FFUVQ ϓϩτλΠϐϯάϫʔΫγϣοϓ