What's design
by
スポーン
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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