-
-
Notifications
You must be signed in to change notification settings - Fork 169
/
grids.json
49 lines (49 loc) · 1.75 KB
/
grids.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
{
"name": "CSS Grids",
"description": "A two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as a framework on which a designer can organize text and images in a rational, easy to absorb manner.",
"steps": [
{
"name": "Critical Learning",
"resources": [
{
"title": "Grid Systems: Principles of Organizing Type",
"uri": "http://amzn.to/grid-systems-principles"
},
{
"title": "Grid Systems in Graphic Design",
"uri": "http://amzn.to/grid-systems-graphic-design"
},
{
"title": "Mark Boulton's Designing Grid Systems",
"uri": "http://goo.gl/VOGP"
},
{
"title": "Ordering Disorder: Grid Principles for Web Design",
"uri": "http://amzn.to/ordering-disorder"
},
{
"title": "Geometry of Design: Studies in Proportion and Composition",
"uri": "http://amzn.to/geometry-design"
}
],
"validations": [
"Create inner axial alignment.",
"Edit and/or build a grid according to the content in your design (not using a prebuilt framework).",
"Have symmetrical and asymmetrical balance in your designs.",
"Keep consistent vertical and horizontal space.",
"Use the grid to create active white space within a design.",
"Use the grid to strengthen the contents hierarchy.",
"Use a more complex grid system than a equal column 3 or 4 column grid."
]
},
{
"name": "Ongoing Reference",
"resources": [
{
"title": "Browse The Grid System.",
"uri": "http://www.thegridsystem.org"
}
]
}
]
}