How to make your site look awesome

A basic primer of my workflow when designing a site.

Inspiration:
http://siteinspire.com
http://unmatchedstyle.com
http://dribbble.com
http://behance.com

Picking Colors:
http://colourlovers.com
http://colorschemedesigner.com
http://kuler.adobe.com/explore

Picking Fonts:
http://fontsquirrel.com
https://www.google.com/fonts

Transcript

1. How to make your site look awesome
2. 1. Think of the “feels” first
3. classy sassy grungy cheeky elegant serious funny What style are you going for?
4. 2. Get some inspiration
5. siteinspire.com unmatchedstyle.com dribbble.com behance.com
6. 3. Pick your colors
7. colourlovers.com colorschemedesigner.com kuler.adobe.com/explore/ newest ! !
8. 4. Pick your font(s)
9. fontsquirrel.com google.com/fonts ! !
10. Rules of Thumb (there aren’t really any but we’ll pretend)
11. 1. Padding and/or margin. Padding and/or margin. PADDING AND/OR MARGIN. 2. Use at least 1 non-standard font (but no more than 2 fonts total). 3. Adjust your line-height. !
12. 4. Make sure there’s contrast (don’t put text straight on a busy background) 5. Be consistent! 6. Be subtle.
13. Noob mistakes
14. 1. No padding and/or margin (especially on text). 2. Text on a busy background. 3. Not styling the <a> tags. 4. Using only default fonts (Arial, Times New Roman). 5. Not adjusting font size. !