Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Non-Designer's Design

Non-Designer's Design

D10c346cbd9d9f10b37fee2fee007ee1?s=128

Keisuke Tada

May 13, 2013
Tweet

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