why do designers use grids? what are the benefits or functions? it helps create precise layouts for both complex and simple layouts and allows hierarchy, accessibilty, flexibility, and consistency.
what is a modular grid? has consistent horizontal divisions from top to bottom as well as vertical divisions from left to right. they govern the placement and cropping of pictures as well as text.
margins: space that surrounds the content of the page.
columns: one or more vertical blocks of content positioned on a page
grid modules: an area calculated in depth by the text leading and width by the text line length.
flowlines: the horizontal line that appears on a layout within the text; so your eye goes through the page
gutter: the blank space between facing pages
hierarchy: elements being emphasized, prioritized, or presented
typographic color: apparent blackness of a block of text resulting from the combined effect of the relative thickness of the strokes of individual characters, their width and print size, and the line spacing.
ways to achieve a clear hierarchy: keep it simple by only using one or two distinctly different typefaces. use less sizes, weights, graphic elements, underlines as well.
white space: the negative space around the text. there should be a appropriate amount, so that there is not an overwhelming amount of either white space or type.
contrast: allows the reader's attention to go to the important messages as well as enhance the visual appearance.
No comments:
Post a Comment