Non-Designer's Design

Transcript

1. Non-Designer’s Design
   Keisuke Tada
   
2. ର৅
   σβΠϯײ౓
   ϩδοΫ૊ཱྗ
   σβΠϯٕज़
   
3. ର৅
   ໨ඪ
   σβΠϯײ౓
   ϩδοΫ૊ཱྗ
   σβΠϯٕज़
   
4. Agenda
   σβΠϯͱ͸Կ͔
   
   
   ͳͥσβΠϯ͕ॏཁ͔
   ϏδϡΞϧσβΠϯͷجૅ
   ϓϨθϯςʔγϣϯࢿྉͷσβΠϯ
   Web σβΠϯͷτϨϯυ
   
5. What is Design?! Why is it Important?
   
6. σβΠϯ
   =
   
7. σβΠϯ
   ͔͍͍ͬ͜
   
   
   ͓͠ΌΕ
   ≠
   
8. σβΠϯ
   ໰୊ղܾͷͨΊͷखஈ
   =
   
9. σβΠϯ
   ໰୊ղܾͷͨΊͷखஈ
   =
   ߟ͍͑ͯΔ͜ͱɺ΍ͬͨ͜ͱΛ! ਖ਼͘͠ɺັྗతʹ఻͑Δ!
10. ίϯςϯπ
    
11. ίϯςϯπ
    σβΠϯ
    
12. ίϯςϯπ
    σβΠϯ
    ໨త! த਎Λ఻ΘΓ΍͘͢͢Δ
    खஈ! ݟͨ໨Λྑ͘͢Δ
    
13. σβΠϯ
    
14. ίϯςϯπ
    σβΠϯ
    
15. ίϯςϯπ
    σβΠϯ
    खஈ! ݟͨ໨Λ੔ཧ͢Δ
    ໨త! த਎͕ચ࿅͞ΕΔ
    
16. Basics in Design
    
17. Font
    Sans Serif
    Serif
    ໌ே
    ΰγοΫ
    
19. Sans Serif! Serif
    
20. Color
    Hue
    Saturation
    Value
    ৭૬
    ࠼౓
    ໌౓
    
21. Color Tools
    •  HUE / 360 http://hue360.herokuapp.com/ •  Color Scheme Designer 3 http://colorschemedesigner.com/ •  ColorHexa http://www.colorhexa.com/
22. Alignment
    This text is flush left. Some people call it quad left, or you can say it is left aligned. This text is flush right. Some people call it quad right, or you can say it is right aligned. This text is centered. If you are going to center text, make it obvious.
23. Design in Presentation Slide
    
24. ྲྀΕ
    ʼ
    ৄࡉ౓
    
25. ஫໨ϙΠϯτΛ໌֬ʹ
    !  ໨ཱͨͤΔͱ͜Ζ͸গͳ͘ !  ίϯτϥετΛ͸͖ͬΓͤ͞Δʢେ͖͞ɺଠ͞ɺ৭ɺ༨നʣ !  දɺάϥϑɺਤͳͲ͸ಛʹ஫ҙ !  Օ৚ॻ͖͸ͳΔ΂͘ආ͚Δ !  ҰຕͷεϥΠυʹऩΊΔ΂͖಺༰͔ख़ྀ͢Δ
    
26. ϊΠζΛগͳ͘
    !  ςΩετ͸গͳ͘ !  ϑΥϯτ͸׳Ε਌͠·Εͨ΋ͷ͕ແ೉ !  ΞχϝʔγϣϯΛແବʹ࢖Θͳ͍ !  ແବͳάϥσʔγϣϯɺγϟυ΢ɺ࿮ઢ͸ېࢭ !  Ή΍Έ΍ͨΒʹ࿮ͰғΘͳ͍ !  ࢖͏৭ͷ਺͸཈͑Δ !  άϥϑͷෆཁͳςΩετɺઢ͸ফ͢
27. Web Design Trends
    
28. Flat
    
29. Circle
    
30. Blur
    
31. References
    •  ϊϯσβΠφʔζɾσβΠϯϒοΫ http://www.amazon.co.jp/dp/4839928401 •  ఻ΘΔσβΠϯ http://tsutawarudesign.web.fc2.com/ •  Hack Design http://hackdesign.org/ қ қ ೉