Non-Designer's Design

D10c346cbd9d9f10b37fee2fee007ee1?s=47 Keisuke Tada
May 13, 2013
Design
4
420

Non-Designer's Design

D10c346cbd9d9f10b37fee2fee007ee1?s=128

Keisuke Tada

May 13, 2013
Tweet

Want more?

D10c346cbd9d9f10b37fee2fee007ee1?s=48 tdksk
0
88
D10c346cbd9d9f10b37fee2fee007ee1?s=48 tdksk
4
4.8k
D10c346cbd9d9f10b37fee2fee007ee1?s=48 tdksk
1
100
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
13
750
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
4
400
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
250
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
8
530
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
9
290
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
340
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
800
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
210
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
280

Transcript

  1. 1.

    Non-Designer’s Design Keisuke Tada

  2. 2.

    ର৅ σβΠϯײ౓ ϩδοΫ૊ཱྗ σβΠϯٕज़

  3. 3.

    ର৅ ໨ඪ σβΠϯײ౓ ϩδοΫ૊ཱྗ σβΠϯٕज़

  4. 4.

    Agenda σβΠϯͱ͸Կ͔ͳͥσβΠϯ͕ॏཁ͔ ϏδϡΞϧσβΠϯͷجૅ ϓϨθϯςʔγϣϯࢿྉͷσβΠϯ Web σβΠϯͷτϨϯυ

  5. 5.

    What is Design?! Why is it Important?

  6. 6.

    σβΠϯ =

  7. 7.

    σβΠϯ ͔͍͍͓ͬ͜͠ΌΕ ≠

  8. 8.

    σβΠϯ ໰୊ղܾͷͨΊͷखஈ =

  9. 9.

    σβΠϯ ໰୊ղܾͷͨΊͷखஈ = ߟ͍͑ͯΔ͜ͱɺ΍ͬͨ͜ͱΛ! ਖ਼͘͠ɺັྗతʹ఻͑Δ!

  10. 10.

    ίϯςϯπ

  11. 11.

    ίϯςϯπ σβΠϯ

  12. 12.

    ίϯςϯπ σβΠϯ ໨త! த਎Λ఻ΘΓ΍͘͢͢Δ खஈ! ݟͨ໨Λྑ͘͢Δ

  13. 13.

    σβΠϯ

  14. 14.

    ίϯςϯπ σβΠϯ

  15. 15.

    ίϯςϯπ σβΠϯ खஈ! ݟͨ໨Λ੔ཧ͢Δ ໨త! த਎͕ચ࿅͞ΕΔ

  16. 16.

    Basics in Design

  17. 17.

    Font Sans Serif Serif ໌ே ΰγοΫ

  18. 18.
    None
  19. 19.

    Sans Serif! Serif

  20. 20.

    Color Hue Saturation Value ৭૬ ࠼౓ ໌౓

  21. 21.

    Color Tools •  HUE / 360 http://hue360.herokuapp.com/ •  Color Scheme

    Designer 3 http://colorschemedesigner.com/ •  ColorHexa http://www.colorhexa.com/
  22. 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. 23.

    Design in Presentation Slide

  24. 24.

    ྲྀΕʼৄࡉ౓

  25. 25.

    ஫໨ϙΠϯτΛ໌֬ʹ !  ໨ཱͨͤΔͱ͜Ζ͸গͳ͘ !  ίϯτϥετΛ͸͖ͬΓͤ͞Δʢେ͖͞ɺଠ͞ɺ৭ɺ༨നʣ !  දɺάϥϑɺਤͳͲ͸ಛʹ஫ҙ !  Օ৚ॻ͖͸ͳΔ΂͘ආ͚Δ ! 

    ҰຕͷεϥΠυʹऩΊΔ΂͖಺༰͔ख़ྀ͢Δ
  26. 26.

    ϊΠζΛগͳ͘ !  ςΩετ͸গͳ͘ !  ϑΥϯτ͸׳Ε਌͠·Εͨ΋ͷ͕ແ೉ !  ΞχϝʔγϣϯΛແବʹ࢖Θͳ͍ !  ແବͳάϥσʔγϣϯɺγϟυ΢ɺ࿮ઢ͸ېࢭ ! 

    Ή΍Έ΍ͨΒʹ࿮ͰғΘͳ͍ !  ࢖͏৭ͷ਺͸཈͑Δ !  άϥϑͷෆཁͳςΩετɺઢ͸ফ͢
  27. 27.

    Web Design Trends

  28. 28.

    Flat

  29. 29.

    Circle

  30. 30.

    Blur

  31. 31.

    References •  ϊϯσβΠφʔζɾσβΠϯϒοΫ http://www.amazon.co.jp/dp/4839928401 •  ఻ΘΔσβΠϯ http://tsutawarudesign.web.fc2.com/ •  Hack Design

    http://hackdesign.org/ қ қ ೉