Abordagem do semestre - GRID / PROJETO EDITORIAL ... - projovem
Abordagem do semestre - GRID / PROJETO EDITORIAL ... - projovem
Abordagem do semestre - GRID / PROJETO EDITORIAL ... - projovem
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>Abordagem</strong> <strong>do</strong> <strong>semestre</strong><br />
- <strong>GRID</strong> / <strong>PROJETO</strong> <strong>EDITORIAL</strong><br />
- TIPOGRAFIA<br />
- LOGOTIPO<br />
Bibliografia<br />
- BLACKWELL, Lewis; CARSON, David. The end of print: the graphic design of David<br />
Carson. San Francisco: Chronicle Books, 1995.<br />
- BRINGHURST, Robert. Elementos <strong>do</strong> estilo tipográfico. São Paulo: CosacNaify, 2005.<br />
-MULLER-BROCKMANN, Josef. Sistemas de reticulas: un manual para disena<strong>do</strong>res<br />
graficos ; Sistemas de grelhas ; um manual para desenhistas gráficos . 2.ed. Mexico, D.<br />
F.: Gustavo Gilli, 1992.<br />
-SAMARA, Timothy. Grid: construção e desconstrução. São Paulo: CosacNaify, 2007.
Proporção<br />
áurea
Stonehenge<br />
Pedra <strong>do</strong> Calcanhar enquadrada na<br />
Arcada de Stonehenge
Afrodite<br />
de Cirene
Parthenon
construção da área tipográfica / mancha gráfica
Estrutura medieval
Mancha gráfica x margens<br />
Relação 1:2<br />
Grandes margens correspondentes<br />
à lombada. Indica<strong>do</strong> para uso em livros<br />
Seção Áurea
margens
Grid modular<br />
Proporções sem interesse Funcionalmente inadequadas
Grid modular<br />
1 2<br />
Mal proporcionadas Bem proporcionadas<br />
1,5<br />
3
numeração de página (fólio)
Numeração de páginas (grid retangular)
Numeração de páginas (2 colunas)
tipos de grid
Grid retangular<br />
Variações no tamanho<br />
das margens sugerem<br />
possibilidades.<br />
Margens exageradas criam<br />
um interesse inespera<strong>do</strong><br />
num grid retangular<br />
convencional.<br />
Incorporate GmbH<br />
(relatório anual)<br />
Lang & Schwarz
Grid retangular<br />
Pulitzer Foundation<br />
(livro comemorativo)<br />
Lynn Fylak
Grid retangular<br />
Shisei<strong>do</strong> Cosmetics<br />
(catálogo)<br />
Tolleson Design
Grid de colunas<br />
Grids de três colunas e<br />
grids assimétricos de uma<br />
ou duas colunas são<br />
usuais.<br />
Um grid de quatro colunas não<br />
impossibilita um layout dinâmico.<br />
Ampersand – portfolio<br />
Frost Design
Grid retangular e de coluna (1 e 2 colunas)
2 e 3 colunas
3 a 8 colunas
Grid de colunas<br />
Cultural Connections<br />
(livro)<br />
Joel Katz
Grid de colunas<br />
Laurence King Publishing<br />
(catálogo)<br />
Frost Design
Grid modular<br />
Títulos, imagens e<br />
legendas alinhadas na<br />
produção deste jornal.<br />
The Guardian – jornal<br />
Pentagram UK<br />
Uma enorme variedade de<br />
formatos de imagens, textos e<br />
legendas, unifica<strong>do</strong>s como um<br />
álbum de recortes neste livro<br />
ilustra<strong>do</strong>.<br />
The Motown Album – livro<br />
Sheila de Bretteville
Elementos<br />
da página<br />
gráfica<br />
modular<br />
módulos<br />
colunas<br />
margens<br />
linhas<br />
horizontais<br />
zonas<br />
espaciais<br />
marca<strong>do</strong>res
Grid modular<br />
Formatos de 20 tamanhos diferentes<br />
no grid de 20 campos
Grid de 20 campos<br />
Figuras<br />
horizontais<br />
e verticais
Grid de 20 campos<br />
Figuras<br />
verticais<br />
de várias<br />
larguras
Grid de 20 campos<br />
Quadra<strong>do</strong>s<br />
de tamanhos<br />
diferentes
Grid de 20 campos<br />
Figuras<br />
retangulares<br />
de tamanhos<br />
diferentes
Grid modular - Corpo <strong>do</strong> caractere x largura da linha
Grid modular<br />
Lon<strong>do</strong>n Arts<br />
(relatório anual)<br />
Why not associates
Track Nine<br />
(folder/cartaz)<br />
Jennifer Bernstein<br />
Nicholas Hubbard<br />
Grid modular
Grid modular<br />
Carnegie Mellon University<br />
(apresentação digital)<br />
Heebok Lee / Daniel Boyarshi
Grid hierárquico Página de internet é o exemplo<br />
mais comum de grid hierárquico.<br />
Os alinhamentos mudam conforme<br />
o conteú<strong>do</strong>, mas se mantém<br />
proporcionalmente integra<strong>do</strong>s.<br />
princetonartmuseum.org<br />
Swim Design
itannica.com/hope<br />
MetaDesign<br />
Grid hierárquico
Grid hierárquico<br />
IAS<br />
(revista)<br />
Atelier Poisson
desconstruin<strong>do</strong> o grid
Desconstruin<strong>do</strong> o grid<br />
Events/space/locations<br />
Paul Humphrey / Luke Davies
Cult & Past<br />
(revista de design)<br />
Andrea Vasquez<br />
Desconstruin<strong>do</strong> o grid
Desconstruin<strong>do</strong> o grid<br />
Parsons Dance Co.<br />
(papelaria/convite)<br />
Valerie Pettis / Suzan Fritz
Steff Geissbühler<br />
cartaz<br />
Desconstruin<strong>do</strong> o grid<br />
Jessica Berardi<br />
estu<strong>do</strong> de imagens
Desconstruin<strong>do</strong> o grid<br />
David Carson<br />
(cartaz)<br />
Beach Cool opener, 1990
David Carson<br />
(revista)<br />
Body surfing - Newport Beach, 1991<br />
David Carson<br />
(catálogo)<br />
Laird Hamilton, 1990<br />
Desconstruin<strong>do</strong> o grid
David Carson<br />
(postal)<br />
Carmine Street - NY, 1991<br />
Desconstruin<strong>do</strong> o grid
David Carson<br />
(capa de revista)<br />
Raygun, 1994<br />
David Carson<br />
(capa de revista)<br />
Raygun, 1995<br />
Desconstruin<strong>do</strong> o grid
David Carson<br />
(capa de revista)<br />
Raygun, 1994<br />
David Carson<br />
(capa de revista)<br />
Raygun, 1994<br />
Desconstruin<strong>do</strong> o grid
David Carson<br />
(revista)<br />
Subscription ad, 1993<br />
Desconstruin<strong>do</strong> o grid
David Carson<br />
(revista)<br />
Too Much Joy, 1992<br />
David Carson<br />
(revista)<br />
Backbeat, 1994<br />
Desconstruin<strong>do</strong> o grid