top of page

Color and Grid

fernanda villalobos

In "Grids Are Good(Right?) I thought this sentence defined the importance of grids, "The grid is the most vivid manifestation of the will to order in graphic design". I heavily used grids in a typography class I took called Text, many of the examples shown involved typographic posters. I also thought it was helpful that this slide presentation goes into a detailed tutorial showing how to design a web page using grids. Some key takeaways from "Digging deep in layout grids in mobile app design" is the following:

  1. One of the most convenient grids for mobile interfaces, similar to the web, is a 12 column grid

  2. The consistency in the grids will help you to achieve: equal layout margins, equal or proportional gutters between the columns, and the same behavior when changing the size of the columns themselves.

  3. Gutters must be proportionate to the layout margins (offsets).

  4. Always start either with a smaller screen size in the system or with the most popular one.

  5. Leave the exact values for the margins (for example 24pt) and use fractional column sizes.

I do agree that "Mobile Layouts & Grids" has a fun presentation of all the elements discussed in the previous readings, it was nice to visually see everything while also reading.


Interaction of Color, by Josef Albers. Introduction and Chapters 1 and 2: “Color recollection — visual memory” and “Color reading and contexture.”

In chapter 1, color recollection I thought the first small paragraph was very interesting because I heard something similar from my professor who's teaching a class I'm currently in called "Color". It is very true that we don't how the color red looks in someone else's mind. Something I found interesting from chapter 2 was the comment on how capital letters are the most difficult to read. I've never thought about this but the explanation made sense. The second chapter compared music and color, saying that music/sound can be singular but a color is always related and connected to its neighboring colors.

©2018 by Fern.Vi11. Proudly created with Wix.com

    bottom of page