mirror of
https://github.com/danbee/danbarber.me
synced 2025-03-04 08:59:10 +00:00
45 lines
1.9 KiB
Markdown
45 lines
1.9 KiB
Markdown
---
|
|
layout: page
|
|
title: "design for developers"
|
|
date: 2013-03-24 09:35
|
|
comments: true
|
|
sharing: true
|
|
footer: true
|
|
---
|
|
|
|
This is a page of useful links associated with my talk "Design Eye for the Developer Guy".
|
|
|
|
## Grid
|
|
|
|
* [Designing With Grid-Based Approach][1]
|
|
* [How You Make A Grid (PDF)][2]
|
|
* [Design & Build a Grid Based Web Design with CSS][3]
|
|
|
|
## Colour
|
|
|
|
* [Basic Color Theory][4]
|
|
* [Color Theory for Designers, Part 1: The Meaning of Color][5]
|
|
* [Color Theory For Designers, Part 2: Understanding Concepts And Terminology][6]
|
|
* [Color Theory for Designer, Part 3: Creating Your Own Color Palettes][7]
|
|
* [Color Scheme Designer][8]
|
|
|
|
## Typography
|
|
|
|
* [How to Choose a Typeface][9]
|
|
* [Five simple steps to better typography][10] (Internal links from here are broken, but will work again if you remove the trailing slash)
|
|
* [8 Simple Ways to Improve Typography In Your Designs][11]
|
|
* [The Elements of Typographic Style Applied to the Web][12]
|
|
|
|
[1]: http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/
|
|
[2]: http://typophile.com/files/How%20you%20make%20a%20grid.pdf
|
|
[3]: http://line25.com/tutorials/design-build-a-grid-based-web-design-with-css
|
|
[4]: http://www.colormatters.com/color-and-design/basic-color-theory
|
|
[5]: http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
|
|
[6]: http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/
|
|
[7]: http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/
|
|
[8]: http://colorschemedesigner.com
|
|
[9]: http://www.smashingmagazine.com/2011/03/24/how-to-choose-a-typeface/
|
|
[10]: http://markboulton.co.uk/journal/five-simple-steps-to-better-typography
|
|
[11]: http://coding.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/
|
|
[12]: http://webtypography.net
|