HackNy Workshop - Design

Basic Design fundamentals for hackers and a short demos of adobe kuler and new css trends/tricks.

Transcript

1. A Hacker’s Guide to Solid Design by: @kylejson
2. #1 Your Designs should look like CRAP.
3. Contrast
4. Repetition
5. Alignment
6. Proximity
7. #2 Use an SOS type of design workflow.
8. See
9. Outline
10. Shape
11. #3 Colors
12. Adobe Kuler
13. Use Math HSB
14. What about designing for mobile?
15. Responsive Design You can use a responsive grid system or roll your own media queries!
16. What about sexy?
18. Hipster CSS Cover Photos CSS Animations Text Manipulation Know your selectors Shadows Flexbox Faux Parallax
19. Recap CRAP -> SOS - > Colors Don’t make me think!
20. Resources Behance.com Dribbble.com HackDesign.org Goodui.org My Mentor/ A few of my Idols: @mlwebco @paul_irish @chriscoyier @contrast8
21. Thanks =)