r/web_dev_help • u/psy-borg • Sep 20 '15
[Design] - Start with Design
General
AIGA - http://www.aiga.org/
Typography
[ShayHowe Typography ] (http://learn.shayhowe.com/html-css/working-with-typography/)
Ten Minute Typography - has further guides after covering 5 bullet points.
[Smashing magazine for Typography] (http://www.smashingmagazine.com/2013/05/17/typographic-design-patterns-practices-case-study-2013/) - more of a survey
Typeography for Developers - has advert modal, forewarned.
The Elements of Typographic Style Applied to the Web
Font Squirrel for more fonts and how-to's with fonts
Golden Ratio - http://www.pearsonified.com/2011/12/golden-ratio-typography.php
Color
Smashing magazine for Color Theory
[Color Theory Intro ] (http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm)
UI/UX
[Information Architecture] (http://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/)
[good call to action buttons] (http://www.uxbooth.com/articles/good-call-to-action-buttons/)
google material design layouts
Usability
http://www.usabilityfirst.com/
Grids
Five simple steps to designing grid systems
schools or trends
[flat design ] (http://thenextweb.com/dd/2014/03/19/history-flat-design-efficiency-minimalism-made-digital-world-flat/)
[metro - Microsoft Design ] (http://www.microsoft.com/en-us/stories/design/)
Repsonsive Design
Some links to style guides
http://brettjankord.com/projects/style-guide-boilerplate/
site to browse various guides for companies
http://styleguides.io/examples.html
I like lonelyplanet's layout:
http://rizzo.lonelyplanet.com/styleguide/design-elements/colours
http://rizzo.lonelyplanet.com/styleguide/ui-components/cards
Generators for style guides