What's design

Transcript

1. What’s design σβΠϯͱ͔ϓϩτλΠϓͱ͔ͷ࿩
2. ࠓ೔࿩͢͜ͱ • σβΠϯͬͯͳΜͩ • ϓϩτλΠϐϯά • σϕϩούʔͱσβΠφʔ
3. ஫ҙ • ͜Ε͸ϙΤϜͰ͢
4. ͓લ͸୭ͩ • εϙʔϯ • @gn_spawn • otintin.com
5. σβΠϯͬͯͳΜͩ
7. Design ≠ Art
8. Χοί͍͍ ݟͨ໨Λͭ͘Δ͜ͱʁ
9. Design ≠ Styling
10. Stylingͱ͸
11. Styling • Χοί͍͍ݟͨ໨Λ࡞Δ͜ͱ • ”ݟӫ͑”Λมߋ͢Δ
12. Design
13. =ઃܭ͢Δ
14. ઃܭ͢Δ͜ͱ • ୭ʹ޲͚ͨϓϩμΫτͳͷ͔ • Կ͕Ͱ͖ͯԿ͕Ͱ͖ͳ͍ͷ͔ • ΍Γ͍ͨ͜ͱΛͲ͏མͱ͜͠Ή͔
15. ͜ΕͬͯσϕϩούʔͰ͸
16. ͭ·Γσϕϩούʔ΋ σβΠϯʹؔΘΔ
17. Ͱ΋σβΠϯͬͯηϯεͩΖʁ
18. ҧ͍·͢
19. ஌ࣝ
20. ஌ࣝ • σβΠϯͷύλʔϯΛ஌Δ • ྑ͍σβΠϯΛͨ͘͞ΜݟΔ
21. σβΠϯͷύλʔϯΛ஌Δ
22. σβΠϯͷύλʔϯΛ஌Δ • ͦ΋ͦ΋஌Βͳ͔ͬͨΒద੾ʹબ΂ͳ͍ • ϞόΠϧͰ͍͏ͱ͜ͷຊ͕ྑ͍
23. σβΠϯͷύλʔϯΛ஌Δ • WebσβΠϯ͸ΠϯλϥΫγϣϯ΋ؚΊͯྑ ͍σβΠϯΛͨ͘͞ΜݟΔ • http://bookmark.dot-sg.com • http://81-web.com • http://io3000.com
24. σβΠϯͷύλʔϯΛ஌Δ • ͨ͘͞ΜݟͨΒετοΫ͠Α͏ • ετοΫͨ͠Β෼ྨ͢Δ • ৭ɺΠϝʔδɺύλʔϯɺetc... • ࣗ෼͕σβΠϯ͢Δ࣌ʹࢀߟʹͳΔ
25. ΞϓϦέʔγϣϯσβΠϯ
26. ΞϓϦέʔγϣϯσβΠϯ͸ ϩΰͳͲͷσβΠϯͱҧ͏
27. Կ͕ҧ͏ͷ͔
28. ΠϯλϥΫγϣϯ
29. Interaction
30. = ӨڹΛٴ΅͋͠͏͜ͱ
31. ΠϯλϥΫγϣϯ • ݱ࣮ͷϘλϯͱҧͬͯɺը໘্ͷϘλϯ͸ԡ ͨ࣌͠ͷ࣮ײ͕ແ͍ • ϑϥοτσβΠϯͳΒঘߋ • ਓ͕ؒΞΫγϣϯΛͨ͠ࡍʹɺΞϓϦଆ΋Ξ Ϋγϣϯ͕ඞཁ
32. ͡Ό͋ΠϯλϥΫγϣϯΛ Ͳ͏σβΠϯ͢Δ͔
33. ը໘Λ࡞͚ͬͨͩͩͱ ಈ͖͕఻ΘΒͳ͍
34. ϓϩτλΠϐϯά
36. ϓϩτλΠϐϯάπʔϧ • inVision • Prott • Pixate • Framer • POP ࢀߟ
37. ϓϩτλΠϐϯάπʔϧ • σβΠφʔ͕σϕϩούʔʹΠϯλϥΫγϣ ϯΛ఻͑ΒΕΔ • ԿඵͰͲ͏Ҡಈ͢ΔͳͲͷτϥϯδγϣϯ͕ Θ͔Δ • ۩ମతͳܗʹͳΔͷͰ࡞͔ͬͯΒ΍ͬͺ໭͢ ͳͲ͕ݮΔ
38. ϓϩτλΠϓΛ࡞ΔϝϦοτ • ר͖໭͠ͷݮগ • σϕϩούʔͱσβΠφʔͷؒͰ࿈ܞΛͱΔ ϓϩτίϧʹͳΔ