LAYOUT. Gavin Ambrose Paul Harris. s.m. arranjo de partes etc. de acordo com um plano. Tradução: Aline Evers

Transcrição

1 Gavin Ambrose Paul Harris LAYOUT s.m. arranjo de partes etc. de acordo com um plano Tradução: Aline Evers Revisão técnica: Jorge Luiz Padilha Filho Designer e artista plástico graduado em Artes Plásticas pela Universidade de São Paulo Professor de Design Gráfico e Comunicação Visual na Panamericana Escola de Arte de Design 2012

2 Obra originalmente publicada sob o título Basics Design: Layout, 2nd Edition ISBN Second edition AVA Publishing SA 2011 First published in 2005 Design by Gavin Ambrose Production by AVA Book Production Pte. Ltd., Singapore Tel: Fax: production@avabooks.com.sg Capa: Rogério Grilho, arte sobre capa original Leitura final: Mirella Nascimento Gerente editorial CESA: Arysinha Jacques Affonso Editora responsável por esta obra: Mariana Belloli Cunha Editoração eletrônica: Techbooks A496l Ambrose, Gavin. Layout / Gavin Ambrose, Paul Harris ; tradução: Aline Evers ; revisão técnica: Jorge Luiz Padilha Filho. 2. ed. Porto Alegre : Bookman, p. : il. color. ; 23 cm. ISBN Projeto gráfico. 2. Livros Layout. I. Harris, Paul. II. Título. CDU Catalogação na publicação: Ana Paula M. Magnus CRB 10/2052 Reservados todos os direitos de publicação, em língua portuguesa, à ARTMED EDITORA S.A. (BOOKMAN COMPANHIA EDITORA é uma divisão da ARTMED EDITORA S. A.) Av. Jerônimo de Ornelas, 670 Santana Porto Alegre RS Fone: (51) Fax: (51) É proibida a duplicação ou reprodução deste volume, no todo ou em parte, sob quaisquer formas ou por quaisquer meios (eletrônico, mecânico, gravação, fotocópia, distribuição na Web e outros), sem permissão expressa da Editora. Unidade São Paulo Av. Embaixador Macedo Soares, Pavilhão 5 Cond. Espace CenterVila Anastácio São Paulo SP Fone: (11) Fax: (11) SAC IMPRESSO EM CINGAPURA PRINTED IN SINGAPORE

3 2 3 Cliente: Pepe Design: Dorian Sinopse de layout: Catálogo de produtos que se apropria da ideia de selos postais

4 Sumário Introdução 6 North Form Studio Design Myerscough NB: Studio Princípios básicos 8 O que é layout? 10 Imposição 12 Trabalhando com páginas 18 Seção áurea 24 Grid 26 Grid simétrico 28 Variações simétricas 30 Grids assimétricos 42 Desenvolvendo o grid 46 Grid de linhas de base 54 Alinhamento transversal 56 Trabalhando sem grid 58 Elementos na página 64 Colunas e espaços entre colunas 66 Imagens 70 Alinhamento 76 Hifenização e justificação 82 Hierarquia 84 Arranjo 90 Pontos de entrada 94 Ritmo 98

5 4 5 Aboud Creative Mookai Creasence Forma e função 102 Divisão do livro 104 Apropriação 110 Cadavre exquis 114 Encadernação 118 Uso do layout 122 Escala 124 Indexação 128 Orientação 130 Divisão da página 140 Estrutura/ não estrutura 144 Engenharia do papel 150 Passe partout 156 Justaposição 162 Mídia 166 Revistas e catálogos 168 Sites 174 Imagem em movimento 180 Embalagem 184 Sumário Glossário 193 Exercícios 196 Índice e agradecimentos 206 Contatos 208 Trabalhando com ética 209

6 Introdução O layout está relacionado com a disposição de elementos de texto e imagem em um design. A maneira como esses elementos são posicionados, tanto um em relação ao outro quanto no projeto como um todo, afeta o modo como o conteúdo é recebido pelos leitores, e também sua reação emocional ao design. O layout pode ajudar ou impedir a recepção das informações apresentadas em um projeto. Layouts criativos agregam valor e elegância a uma peça, enquanto layouts contidos e sutis permitem que o conteúdo brilhe sozinho. Este livro apresenta os princípios básicos do layout utilizados no design contemporâneo. Muitos desses princípios são empregados há décadas, outros até mesmo há séculos, embora o advento da editoração eletrônica tenha, inegavelmente, tornado o seu uso menos rígido. Essas estruturas básicas de trabalho oferecem diversas vantagens como alternativa às fórmulas prontas dos programas de computador modernos. Por meio da aplicação ponderada desses princípios básicos, é possível alcançar um layout mais equilibrado. Os projetos comerciais neste livro, criados pelos principais estúdios de design contemporâneos, demonstram a complexidade e a beleza dos designs baseados na aplicação (ou no desprezo) dos princípios básicos de layout em vez de em padrões oferecidos pelo computador. Princípios básicos Nesta seção, apresentamos os princípios básicos e as diretrizes de layout para a disposição de elementos em um design, além de discutirmos o uso de diferentes grids e a anatomia da página. Forma e função A intenção de um projeto, ou as especificidades de um briefing, afetará as decisões de layout. Este capítulo apresenta as variações de layout e as diferentes opções de formatação e acabamento. Grid Diferentes abordagens podem produzir diferentes resultados para o texto ou designs cheios de imagens. Os exemplos neste livro demonstram isso e apresentam alternativas aos elementos tipográficos. Uso do layout Tipos diferentes de conteúdo terão diferentes necessidades de layout e estruturação. Neste capítulo, são discutidas questões como orientação, justaposição e divisão do espaço da página. Elementos na página Este capítulo explora a relação entre o grid e o posicionamento do texto e das imagens. Mídia A seção final analisa a aplicação do design de layout em diversas mídias, incluindo as embalagens e o uso online.

7 6 7 Cliente: Fry Art Gallery Design: Webb & Webb Sinopse de layout: Tratamento simples de texto, predominância da imagem Introdução Design A obra Design foi produzida em conjunto com uma exposição de trabalhos criados por diversos artistas, convidados pelo governo britânico para registrar os eventos da coroação da rainha Elizabeth II, em O design do estúdio Webb & Webb para o livro utiliza um layout condizente com a natureza histórica do seu conteúdo; o texto é apresentado de uma maneira tão simples que a atenção recai sobre as imagens. O bloco de texto é centralizado na página, enquadrado pelo cabeçalho no topo e pelo fólio na parte inferior da página.