Permalink
Browse files

[#49] Start design trails

* Start grids trail
* Start typography trail.
* Start visual design trail.
* Start information design trail.
  • Loading branch information...
Kyle Fiedler authored and croaky committed Jul 26, 2012
1 parent 93f1a88 commit 1853c70d1790e528dd9172cd60567180be5ae28b
Showing with 76 additions and 16 deletions.
  1. +11 −9 README.md
  2. +14 −0 trails/grids.md
  3. +10 −0 trails/information-design.md
  4. +7 −7 trails/sass.md
  5. +10 −0 trails/typography.md
  6. +24 −0 trails/visual-design.md
View
@@ -3,17 +3,15 @@ Trail map
> How do I learn Ruby on Rails? Vim? Test-Driven Development?
-[apprentice.io](http://apprentice.io) has forced us to formalize our answers to
-such questions.
+[apprentice.io](http://apprentice.io) has forced us to formalize our answers to such questions.
A few problems make those questions difficult to answer. Individuals:
* have different levels of experience
* have different learning styles
* change their goals mid-process
-A good metaphor for the learning process is a (hiking, biking, or skiing)
-trail map. Individuals:
+A good metaphor for the learning process is a (hiking, biking, or skiing) trail map. Individuals:
* start in different places
* want to go to different places
@@ -23,25 +21,29 @@ trail map. Individuals:
This repository contains trails to help designers and developers learn.
+To use these, you may want to first set up your laptop with
+[this script](https://github.com/thoughtbot/laptop) and
+[these dotfiles](https://github.com/thoughtbot/dotfiles).
+
Trails
------
* [Git](/thoughtbot/trail-map/blob/master/trails/git.md)
+* [Grids](/thoughtbot/trail-map/blob/master/trails/grids.md)
+* [Information Design](/thoughtbot/trail-map/blob/master/trails/information-design.md)
* [iOS](/thoughtbot/trail-map/blob/master/trails/ios.md)
* [Javascript](/thoughtbot/trail-map/blob/master/trails/javascript.md)
* [Open Source](/thoughtbot/trail-map/blob/master/trails/open-source.md)
* [Postgres](/thoughtbot/trail-map/blob/master/trails/postgres.md)
* [Rails](/thoughtbot/trail-map/blob/master/trails/rails.md)
* [Refactoring](/thoughtbot/trail-map/blob/master/trails/refactoring.md)
* [Ruby](/thoughtbot/trail-map/blob/master/trails/ruby.md)
-* [SASS](/thoughtbot/trail-map/blob/master/trails/sass.md)
+* [Sass](/thoughtbot/trail-map/blob/master/trails/sass.md)
* [Test-Driven Development](/thoughtbot/trail-map/blob/master/trails/test-driven-development.md)
+* [Typography](/thoughtbot/trail-map/blob/master/trails/typography.md)
* [Unix](/thoughtbot/trail-map/blob/master/trails/unix.md)
* [Vim](/thoughtbot/trail-map/blob/master/trails/vim.md)
-
-To use these, you may want to first set up your laptop with
-[this script](https://github.com/thoughtbot/laptop) and
-[these dotfiles](https://github.com/thoughtbot/dotfiles).
+* [Visual Design](/thoughtbot/trail-map/blob/master/trails/visual-design.md)
Contributing
------------
View
@@ -0,0 +1,14 @@
+Grids
+=====
+
+Critical learning
+-----------------
+
+* Read [Grid Systems: Principles of Organizing Type](http://amzn.to/7A1Dn).
+* Read Mark Boulton's "Designing Grid Systems":
+ * [1](http://goo.gl/VOGP)
+ * [2](http://goo.gl/at66)
+ * [3](http://goo.gl/pw0Ks)
+ * [4](http://goo.gl/EnL22)
+ * [5](http://goo.gl/s9L1y)
+
@@ -0,0 +1,10 @@
+Information Design
+==================
+
+Critical learning
+-----------------
+
+* Read [Information Dashboard Design](http://amzn.to/6njM).
+* Read [Envisioning Information](http://amzn.to/YVYei).
+* Read [The Visual Display of Quantitative Information](http://amzn.to/SKnya8).
+
View
@@ -1,23 +1,23 @@
-SASS
-=====
+Sass
+====
Critical learning
-----------------
-* Read the [SASS Tutorial](http://sass-lang.com/tutorial.html).
-* Read examples of source code, such as [this](https://github.com/thoughtbot/bourbon/tree/master/app/assets/stylesheets).
+* Read the [Sass Tutorial](http://sass-lang.com/tutorial.html).
+* Read open source code: [example](https://github.com/thoughtbot/bourbon/tree/master/app/assets/stylesheets).
Validation
----------
-You know everyday SASS when you can:
+You know everyday Sass when you can:
* Use nested selectors.
-* Know the difference between @include and @extend and the advantages of each.
+* Know the difference between `@include` and `@extend` and the advantages of each.
* Set and use variables.
* Create and use mixins.
Ongoing reference
-----------------
-* Read the [SASS Documentation](http://sass-lang.com/docs.html).
+* Read the [Sass Documentation](http://sass-lang.com/docs.html).
View
@@ -0,0 +1,10 @@
+Typography
+==========
+
+Critical learning
+-----------------
+
+* Read [The Elements of Typographic Style](http://amzn.to/aRAKml) and
+ [how it applies to the web](http://webtypography.net).
+* Read [Thinking with Type](http://amzn.to/U76Kbj).
+
View
@@ -0,0 +1,24 @@
+Visual Design
+=============
+
+Critical learning
+-----------------
+
+* Read [Visual Grammar](http://amzn.to/aT3zuv).
+* Read [Universal Principles of Design](http://amzn.to/NYddly).
+* Read Andy Rutledge's "Gestalt Principles":
+ * [1](http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php)
+ * [2](http://www.andyrutledge.com/gestalt-principles-2-similarity.php)
+ * [3](http://www.andyrutledge.com/gestalt-principles-3.php)
+ * [4](http://www.andyrutledge.com/common-fate.php)
+ * [5](http://www.andyrutledge.com/closure.php)
+
+Validation
+----------
+
+You know basic visual design when you can:
+
+* Use design principles in your work.
+* Articulate your reasons for using them.
+* Identify principles in others design work.
+

0 comments on commit 1853c70

Please sign in to comment.