新しいデザインツールから学ぶ今後のデザイナーの働き方

Slide 1

Slide 1 text

Yasuhisa Hasegawa WDF Vol.29 March 10, 2018

Slide 2

Slide 2 text

2010೥ 9݄ Sketch 2011೥ 12݄ UXPin 2011೥ 7݄ inVision 2011೥ 7݄ Proto.io 2013೥ 5 Framer 2013೥ 4 Flinto

Slide 3

Slide 3 text

2013೥ 5݄ Framer 2013೥ 4݄ Flinto 2013೥ 12݄ Origami 2014೥ 4݄ Marvel 2014೥ 10݄ Prott 2014೥ 10݄ Affinity Designer 2014೥ 11݄ Atomic.io 20 Pr

Slide 4

Slide 4 text

݄ 2014೥ 4݄ Marvel 2014೥ 10݄ Prott 2014೥ 10݄ Affinity Designer 2015೥ 12݄ Figma 2014೥ 11݄ Atomic.io 2015೥ 8݄ Principle 2016೥ 3݄ Adobe Xd 2017೥ 3݄ evrybo 2017೥ Studio

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

σβΠφʔ ΤϯδχΞ σΟϨΫλʔ

Slide 8

Slide 8 text

σβΠφʔ ΤϯδχΞ 0,

Slide 9

Slide 9 text

σβΠφʔ ΤϯδχΞ ൈ͚͕ଟͯ͘෼͔Βͳ͍

Slide 10

Slide 10 text

σβΠφʔ ΤϯδχΞ ͜Μͳ࢓༷Ͱ͸࡞Εͳ͍ʂ

Slide 11

Slide 11 text

σβΠφʔ ΤϯδχΞ ۭؾಡΈ͖Εͳ͍ʂ

Slide 12

Slide 12 text

ύιίϯ εϚʔτϑΥϯ&λϒϨοτ Enders Analysis ੈքͷσόΠεൢച୆਺ʢສʣ 1995 1997 1999 2001 2003 2005 2007 2009 2011 2013 250 500 750 1000 1250 εϚϗ͸೔ຊͰ͸ྲྀߦΒͳ͍

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

ݻఆΩϟϯόεʹֆΛඳ͘ ʰදݱʱ πʔϧ ԿͰ΋࡞ΕΔπʔϧ͕ͩɺ ࠷దղͰ͸ͳ͍ σβΠφʔʹ͸ศར͕ͩɺ ΤϯδχΞʹ͸ෛՙ

Slide 16

Slide 16 text

@waiwai Waimarie Maata 56 Valley Farms Road Encino, CA 91316 1:00PM December 5, 2017 Interaction Meetup @dianwa1 Dian Wahyu 56 Valley Farms Road Encino, CA 91316 7:00PM November 30, 2017 Sketch Workshop Events November 18, 2017 9:41

Slide 17

Slide 17 text

@waiwai rie Maata ey Farms Road Encino, CA 91316 1:00PM mber 5, 2017 on Meetup @dianwa1 Wahyu ey Farms Road Encino, CA 91316 7:00PM mber 30, 2017 Workshop nts r 18, 2017 6*ͷঢ়ଶͷมԽ͕෼͔Βͳ͍ ݻఆαΠζͷঢ়ଶ͔͠෼͔Βͳ͍ ίϯςϯπྔͷมԽ͕෼͔Βͳ͍ ϑΥʔΧεɾϚ΢εΦʔόʔɾεΫϩʔϧ εϚϗͱσεΫτοϓͷؒ͸ʁ ໊শ͕ߦʹͳͬͨΒͦ͏͢Δͷʁ ը໘ભҠ͕෼͔Βͳ͍ ԡͨ͠ΒͲ͏ͳΔͷ͔ʁ࢖͍৺஍͸Ͳ͏ͳͷ͔ʁ

Slide 18

Slide 18 text

.BD#PPL1SP J1BE1SP 4VSGBDF1SP (BMBYZ4 J1IPOF9 J1IPOF1MVT J1IPOF J1IPOF4& εϚϗ޲͚ͬͯͲΕͷ͜ͱʁ

Slide 19

Slide 19 text

σβΠφʔ ΤϯδχΞ ʜ0, ྑ͍ײ͡Ͱ͓ئ͍͠·͢ ͳΜ͔ҧ͏

Slide 20

Slide 20 text

σβΠφʔʹ͸ࡉ෦·Ͱ߆ͬͯ΄͍͠ ੩ࢭը͚ͩʹཹ·Βͣɺࡉ෦·Ͱ࡞Γ͜Ή ϊ΢ϋ΢͕૊৫ʹ஝ੵ͞Εͳ͍ ͳΜͱͳ͘Λଓ͚Δͱɺ पΓ͕εΩϧΞοϓ͠ͳ͍ ΤϯδχΞͷ͢΂͖࢓ࣄ͕ଞʹ͋Δ ύϑΥʔϚϯεɺ ΞΫηγϏϦςΟͳͲ ͓ֆඳ͖πʔϧ͸໰୊ΛҾ͖ى͜͢ σβΠϯͷʰൈ͚ʱ͕૿੍͑ͯ࡞ɾӡ༻͕೉͘͠ͳΔ ྑ͍ײ͡Ͱ͓ئ͍͠·͢

Slide 21

Slide 21 text

13ࢧԉαʔϏε ற೔ͷւ֎ϝσΟΞΛूΊͯͷϓϨεΠϕϯτɺ13ಈըͷάϩʔό ϧ഑৴ɺւ֎΁ͷϦϦʔε഑৴ͳͲ̏ͭͷαʔϏεΛల։ɻ ւ֎ϦεΫ৘ใ ւ֎ࢧہ΍ఏܞ௨৴͕ࣾ഑৴ͨ͠๲େͳχϡʔε͔ΒɺϦεΫ৘ใ ΛϐοΫΞοϓ͓ͯ͠ಧ͚͠·͢ɻ QY QY

Slide 22

Slide 22 text

#df7300 #e25b00 #ed8200 #ef7e00 #ee6400

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

ը໘ͻͱͭͻͱͭͷධՁʹͳΔ ભҠ΍Ұ؏ੑͷٞ࿦ʹͳΓʹ͍͘ ߴ͍૝૾ྗΛඞཁͱ͢Δ ໌จԽ͠ͳ͍··ઌૹΓʹͳΔ໰୊͕૿͑Δ ೉͍͔͠Β΍Βͳ͍ ԿͰ΋࡞ΕΔ͕ख͕͔͔ؒΔͷͰ์ஔͯ͠͠·͏

Slide 25

Slide 25 text

੍໿͕ͳ͞ա͗Δ ΫϦΤΠςΟϒπʔϧ

Slide 26

Slide 26 text

ॻମ ϒϥ΢β ճઢ Մม ಈ͖ ӡ༻ ΫϦΤΠςΟϒ

Slide 27

Slide 27 text

8FCɾΞϓϦͷ੍໿Λཧղͨ͠ΫϦΤΠςΟϒπʔϧ

Slide 28

Slide 28 text

σβΠϯπʔϧ දݱྗΛߴΊΔ ࿈ܞྗΛߴΊΔ

Slide 29

Slide 29 text

Մม΍ঢ়ଶͷσβΠϯ͕Ͱ͖Δ ίϯϙʔωϯτͷ࡞੒ɾ࣮૷ɾӡ༻ ը໘ભҠΛ࡞࣮ͬͯػͰૢ࡞Ͱ͖Δ ίʔυ΁ͷస׵͕͠΍͍͢

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

ෳ੡͚ͩͰͳ༷͘ʑͳ৘ใΛม͑Δ͜ͱ͕Ͱ͖Δ ՄมσβΠϯʹ΋ରԠͰ͖Δ ෳ਺ͷυΩϡϝϯτͰಉ͡γϯϘϧ͕࢖͑Δ ϧʔϧʹԊͬͯ৭ɾܗΛม͑Δ͜ͱ͕Ͱ͖Δ ίϯϙʔωϯτͷ৚݅

Slide 33

Slide 33 text

-"#&- -"#&- -"#&-

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

දݱ౓ ίϥϘϨʔγϣϯ ίϯϙʔωϯτ ΠϯλϥΫγϣϯ ίʔυͱͷ࿈ܞ Ϩεϙϯγϒ

Slide 38

Slide 38 text

σβΠϯϑΝΠϧ͔Βθϩελʔτͷඇޮ཰ ࣮૷ͯ͠෼͔Δ͜ͱ΋ଟ͍ ʰਖ਼͍͠σβΠϯʱ ͕̎ͭͰ͖ͯ͠·͏ ࠓޙͷ՝୊

Slide 39

Slide 39 text

σβΠφʔ ΤϯδχΞ

Slide 40

Slide 40 text

σβΠφʔ ΤϯδχΞ

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

4LFUDIͷKTPOϑΝΠϧ࿈ܞ ίʔυ͕ʰجͷσβΠϯʱʹͳΔӡ༻ github.com/brainly/html-sketchapp ΨΠυϥΠϯʹج͍ͮͨσβΠϯ໛ࡧ

Slide 44

Slide 44 text

https://airbnb.design/sketching-interfaces/

Slide 45

Slide 45 text

·ͱΊ ݱ৔ʹ͋Δ࿈ܞͷ՝୊͸ʁ ࣮૷ͷϘτϧωοΫͰਂࠁͳ෦෼ɺ ໛ࡧͰ͖Δ෦෼Λ୳͢ ڧΈΛཧղͨ͠πʔϧબͼ ສೳ͸ͳ͍ͷ Ͱɺ ର࿩͚ͩͰ͸೉͍͠ͱ͜ΖΛղܾ͍ͯ͘͠ ੍໿Λཧղͨ͠ΫϦΤΠςΟϒ ͓ֆඳ͖͔Βଔۀͯ͠ɺXFCͷͨΊͷσβΠϯΛ

Slide 46

Slide 46 text

௕୩઒ګٱ @yhassy [email protected] !