Slide 1

Slide 1 text

What’s design σβΠϯͱ͔ϓϩτλΠϓͱ͔ͷ࿩

Slide 2

Slide 2 text

ࠓ೔࿩͢͜ͱ • σβΠϯͬͯͳΜͩ • ϓϩτλΠϐϯά • σϕϩούʔͱσβΠφʔ

Slide 3

Slide 3 text

஫ҙ • ͜Ε͸ϙΤϜͰ͢

Slide 4

Slide 4 text

͓લ͸୭ͩ • εϙʔϯ • @gn_spawn • otintin.com

Slide 5

Slide 5 text

σβΠϯͬͯͳΜͩ

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Design ≠ Art

Slide 8

Slide 8 text

Χοί͍͍ ݟͨ໨Λͭ͘Δ͜ͱʁ

Slide 9

Slide 9 text

Design ≠ Styling

Slide 10

Slide 10 text

Stylingͱ͸

Slide 11

Slide 11 text

Styling • Χοί͍͍ݟͨ໨Λ࡞Δ͜ͱ • ”ݟӫ͑”Λมߋ͢Δ

Slide 12

Slide 12 text

Design

Slide 13

Slide 13 text

=ઃܭ͢Δ

Slide 14

Slide 14 text

ઃܭ͢Δ͜ͱ • ୭ʹ޲͚ͨϓϩμΫτͳͷ͔ • Կ͕Ͱ͖ͯԿ͕Ͱ͖ͳ͍ͷ͔ • ΍Γ͍ͨ͜ͱΛͲ͏མͱ͜͠Ή͔

Slide 15

Slide 15 text

͜ΕͬͯσϕϩούʔͰ͸

Slide 16

Slide 16 text

ͭ·Γσϕϩούʔ΋ σβΠϯʹؔΘΔ

Slide 17

Slide 17 text

Ͱ΋σβΠϯͬͯηϯεͩΖʁ

Slide 18

Slide 18 text

ҧ͍·͢

Slide 19

Slide 19 text

஌ࣝ

Slide 20

Slide 20 text

஌ࣝ • σβΠϯͷύλʔϯΛ஌Δ • ྑ͍σβΠϯΛͨ͘͞ΜݟΔ

Slide 21

Slide 21 text

σβΠϯͷύλʔϯΛ஌Δ

Slide 22

Slide 22 text

σβΠϯͷύλʔϯΛ஌Δ • ͦ΋ͦ΋஌Βͳ͔ͬͨΒద੾ʹબ΂ͳ͍ • ϞόΠϧͰ͍͏ͱ͜ͷຊ͕ྑ͍

Slide 23

Slide 23 text

σβΠϯͷύλʔϯΛ஌Δ • WebσβΠϯ͸ΠϯλϥΫγϣϯ΋ؚΊͯྑ ͍σβΠϯΛͨ͘͞ΜݟΔ • http://bookmark.dot-sg.com • http://81-web.com • http://io3000.com

Slide 24

Slide 24 text

σβΠϯͷύλʔϯΛ஌Δ • ͨ͘͞ΜݟͨΒετοΫ͠Α͏ • ετοΫͨ͠Β෼ྨ͢Δ • ৭ɺΠϝʔδɺύλʔϯɺetc... • ࣗ෼͕σβΠϯ͢Δ࣌ʹࢀߟʹͳΔ

Slide 25

Slide 25 text

ΞϓϦέʔγϣϯσβΠϯ

Slide 26

Slide 26 text

ΞϓϦέʔγϣϯσβΠϯ͸ ϩΰͳͲͷσβΠϯͱҧ͏

Slide 27

Slide 27 text

Կ͕ҧ͏ͷ͔

Slide 28

Slide 28 text

ΠϯλϥΫγϣϯ

Slide 29

Slide 29 text

Interaction

Slide 30

Slide 30 text

= ӨڹΛٴ΅͋͠͏͜ͱ

Slide 31

Slide 31 text

ΠϯλϥΫγϣϯ • ݱ࣮ͷϘλϯͱҧͬͯɺը໘্ͷϘλϯ͸ԡ ͨ࣌͠ͷ࣮ײ͕ແ͍ • ϑϥοτσβΠϯͳΒঘߋ • ਓ͕ؒΞΫγϣϯΛͨ͠ࡍʹɺΞϓϦଆ΋Ξ Ϋγϣϯ͕ඞཁ

Slide 32

Slide 32 text

͡Ό͋ΠϯλϥΫγϣϯΛ Ͳ͏σβΠϯ͢Δ͔

Slide 33

Slide 33 text

ը໘Λ࡞͚ͬͨͩͩͱ ಈ͖͕఻ΘΒͳ͍

Slide 34

Slide 34 text

ϓϩτλΠϐϯά

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

ϓϩτλΠϐϯάπʔϧ • inVision • Prott • Pixate • Framer • POP ࢀߟ

Slide 37

Slide 37 text

ϓϩτλΠϐϯάπʔϧ • σβΠφʔ͕σϕϩούʔʹΠϯλϥΫγϣ ϯΛ఻͑ΒΕΔ • ԿඵͰͲ͏Ҡಈ͢ΔͳͲͷτϥϯδγϣϯ͕ Θ͔Δ • ۩ମతͳܗʹͳΔͷͰ࡞͔ͬͯΒ΍ͬͺ໭͢ ͳͲ͕ݮΔ

Slide 38

Slide 38 text

ϓϩτλΠϓΛ࡞ΔϝϦοτ • ר͖໭͠ͷݮগ • σϕϩούʔͱσβΠφʔͷؒͰ࿈ܞΛͱΔ ϓϩτίϧʹͳΔ

Slide 39

Slide 39 text

No content