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
    ໌ே
    ΰγοΫ
    

18. None

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/ қ қ ೉