Grade (design gráfico)

Uma grade de layout de página (mostrada em linhas brancas) composta por uma série de linhas de grade verticais e horizontais que se cruzam. O texto ( conteúdo ) não faz parte da grade. O conteúdo do texto é aplicado a uma página específica usando a grade " alinhada à esquerda " ao longo dos lados inferiores e direitos das linhas da grade. A mesma grade pode ser aplicada a diversas páginas usando diferentes tipos de conteúdo ou diferentes estilos do mesmo tipo de conteúdo.
Uma grade aplicada em uma imagem (em vez de uma página) usando linhas angulares adicionais para orientar as proporções.

No design gráfico , uma grade é uma estrutura (geralmente bidimensional ) composta por uma série de linhas retas (verticais, horizontais e angulares) ou curvas (linhas de grade ) que se cruzam, usadas para estruturar o conteúdo. A grade serve como uma armadura ou estrutura na qual um designer pode organizar elementos gráficos ( imagens , glifos , parágrafos , etc.) de maneira racional e de fácil absorção. Uma grade pode ser usada para organizar elementos gráficos em relação a uma página, em relação a outros elementos gráficos na página ou em relação a outras partes do mesmo elemento gráfico ou forma .

O termo de impressão menos comum, "grade de referência", é um sistema não relacionado com raízes nos primeiros dias da impressão.

História

Antecedentes

Antes da invenção dos tipos móveis, um sistema baseado em proporções ideais era usado para organizar o texto manuscrito nas páginas. Um desses sistemas, conhecido como Diagrama de Villard, estava em uso pelo menos desde os tempos medievais. [1]

Evolução da rede moderna

Após a Segunda Guerra Mundial, vários designers gráficos , incluindo Max Bill , Emil Ruder e Josef Müller-Brockmann , influenciados pelas ideias modernistas de Die neue Typographie (A Nova Tipografia) de Jan Tschichold , começaram a questionar a relevância da página convencional. disposição da época. Eles começaram a desenvolver um sistema flexível capaz de ajudar os designers a obter coerência na organização da página. O resultado foi a grade tipográfica moderna que ficou associada ao Estilo Tipográfico Internacional . O trabalho seminal sobre o assunto, Sistemas de grade em design gráfico de Müller-Brockmann, ajudou a propagar o uso da grade, primeiro na Europa e mais tarde na América do Norte.

Reação e reavaliação

Em meados da década de 1970, o ensino da grade tipográfica como parte dos currículos de design gráfico tornou-se padrão na Europa, na América do Norte e em grande parte da América Latina. O estilo gráfico da grade foi adotado como visual de comunicação corporativa. No início da década de 1980, uma reacção contra o enraizamento da grelha, particularmente a sua utilização dogmática, e a associação com a cultura corporativa, resultou na rejeição da sua utilização por alguns designers em favor de uma estrutura mais orgânica. O surgimento do computador Apple Macintosh e a transição resultante da definição de tipos por tipógrafos para os próprios designers que configuram os tipos resultaram em uma onda de experimentação, em grande parte contrária aos preceitos de Tschichold e Müller-Brockmann. A grade tipográfica continua a ser ensinada hoje, mas mais como uma ferramenta útil para alguns projetos, não como um requisito ou ponto de partida para o design de todas as páginas.

Uso de grade em web design

Embora os sistemas de grade tenham sido usados ​​significativamente na mídia impressa, o interesse dos desenvolvedores da Web só recentemente ressurgiu. As estruturas de design de sites que produzem HTML e CSS já existiam há algum tempo, antes que as estruturas mais recentes popularizassem o uso de layouts baseados em grade. Alguns sistemas de grade especificam elementos de largura fixa com pixels, e alguns são 'fluidos', o que significa que exigem que o dimensionamento dos elementos da página seja em unidades relativas, como porcentagens, em vez de unidades absolutas, como pixels ou pontos. [2]

O W3C publicou o CSS Grid Layout Module Level 1 para definir um sistema de layout bidimensional baseado em grade. [3]

Existem também estruturas CSS que incluem seu próprio sistema de grade:

Uso de grade no design de impressão

O design de impressão sempre usou sistemas de grade para organizar e estruturar o conteúdo. Os sistemas de grade começaram como linhas auxiliares para livros escritos. Os artistas usaram sistemas de grade para organizar o conteúdo – texto e imagens – de uma forma que facilitasse a leitura e a absorção. Jornais, livros, revistas e classificados, etc., utilizam diferentes sistemas de grade que otimizam o uso do espaço para melhor leitura e apresentação. [4]

Programas

A maioria dos softwares de editoração eletrônica e de publicação profissional e outros softwares de escritório, incluindo processadores de texto, exibem o layout de grade como uma opção.

Veja também

Referências

  1. ^ "Cópia arquivada" . Arquivado do original em 30/05/2013 . Recuperado em 17/06/2013 .{{cite web}}: CS1 maint: cópia arquivada como título ( link )
  2. ^ Marcotte, Ethan (3 de março de 2009). "Grades Fluidas". Uma lista à parte.
  3. ^ Guia Atkins Jr.; Elika J. Etemad; Rossen Atanassov (14 de dezembro de 2017). "Módulo de layout de grade CSS nível 1" . Consórcio World Wide Web . Recuperado em 10 de julho de 2019 .
  4. ^ "O que é um sistema de grade?"

Leitura adicional

  • Baines, Phil e Haslam, Andrew. Tipo e tipografia, segunda edição. Nova York: Publicações Waston-Guptill, 2005. ISBN 0-8230-5528-0 . 
  • Burnhill, Peter. Espaços tipográficos: normas internas na tipografia de Aldus Manutius. Londres: Hyphen Press, 2003. p. 101.
  • Elam, Kimberly. Sistemas de Grade: Princípios do Tipo Organizador. Nova York: Princeton Architectural Press, 2004. ISBN 1-56898-465-0 . 
  • Hochuli, Jost. Projetando livros: prática e teoria.
  • Hurlburt, Allen. Grid: um sistema modular para design e produção de jornais, revistas e livros. Wiley: 1982. ISBN 0-471-28923-X . 
  • Le Corbusier O Modular I.
  • Müller-Brockmann, Josef. Sistemas de Grade em Design Gráfico. Nigli: 1996. ISBN 3-7212-0145-0 
  • Mais rude, Emil. Tipografia. Casa Hastings: 1981. ISBN 0-8038-7223-2 . 
  • Rudolf Bosshard, Hans. A grade tipográfica . Nigli: 2002. ISBN 3-7212-0340-2 . 
  • Khoi Vinh, oh, sim! As grades são boas , apresentação da conferência South by Southwest, 2007. [1]
  • Antonio Carusone, Projetando Sistemas de Grade para Flash .[2]
  • Marcotte, Ethan (3 de março de 2009). "Grades Fluidas".
  • Capo, Daniele (5 de abril de 2009). "Dividir um segmento em n partes de uma forma medieval, mas tardio-moderna." [3]

links externos

  • O Sistema Grid Olhando para o aspecto técnico das redes na prática, com muitos recursos.
Obtido em "https://en.wikipedia.org/w/index.php?title=Grid_(graphic_design)&oldid=1183765282"