LAYOUT NO EDITORIAL DIGITAL: UMA RELEITURA DE CONCEITOS CLÁSSICOS DE TIPOGRAFIA E GRID PARA UM PROJETO DIGITAL

LAYOUT NO EDITORIAL DIGITAL: UMA RELEITURA DE CONCEITOS CLÁSSICOS DE TIPOGRAFIA E GRID PARA UM PROJETO DIGITAL

Araujo, Genilda Oliveira de; Mager, Gabriela Botelho

Artigo:

A evolução da qualidade das telas digitais, o aumento da velocidade da web e o surgimento de inúmeros modelos de computadores e dispositivos móveis proporcionaram ao mercado editorial novas possibilidades para oferecer conteúdo aos leitores. O artigo compara o desenvolvimento da composição gráfica do meio impresso com o digital a partir do formato de página, a área de texto, grid e tipografia. Conclui-­‐se que o trabalho do designer nos projetos editoriais para meio digital mantém os fundamentos da composição tipográfica para meio impresso, mas busca estruturar layouts mais dinâmicos e flexíveis, garantindo adaptação à variedade de formatos de telas e equipamentos.

The evolution of quality of digital screens, the increasing web speed and the emergence of several models of computers and mobile devices provided new possibilities for publishing to deliver content to readers. The article compares the design of graphical composition in the printed media with its digital version, discussing the page format, the text area, grid and typography. We conclude that the designer''s work in digital projects can be based on the same fundamentals of typesetting for the print medium, but seeks to structure layouts in a more dynamic and flexible way, handling a variety of digital screens formats and equipment.

Palavras-chave:

DOI: 10.5151/designpro-ped-00924

Referências bibliográficas

• [1] ADG – ASSOCIAÇÃO DOS DESIGNERS GRÁFICOS (Brasil). ABC da ADG: glossário de termos e verbetes utilizados em Design Gráfico. São Paulo: ADG, 2000. 117 p.
• [2] ALLIANCE FOR AUDITED MEDIA. The Top 25 U.S. Consumer Magazines for June 2013. Arlington Heights: Alliance for Audited Media, 2013. Disponível na internet por http em:Andlt;http://www.auditedmedia.com/news/blog/2013/august/the‐top‐25‐us‐ consumer‐magazines‐for‐june‐2013.aspx Andgt;. Acesso em 15mar. 2014
• [3] BRINGHURST, Robert. Elementos do estilo tipográfico. 1ª ed. São Paulo: Cosac Naify, 2005. 428p.
• [4] CHAPPELL, Warren; BRINGHURST, Robert. A short history of the printed word. 2ª ed. Canadá: Hartley e Marks Publishers, 1999. 313p.
• [5] DECKMANN, S.M. ; POMILIO J. A. O efeito da cintilação luminosa: causas, efeitos e soluções. Disponível na internet por http em: Andlt;http://www.dsce.fee.unicamp.br/ ~antenor/pdffiles/qualidade/a3.pdfAndgt;. Acesso em 20mar. 2014
• [6] GOMES FILHO, João. Gestalt do objeto: Sistema de Leitura Visual da Forma. São Paulo: Editora Escrituras, 2000.
• [7] HASLAM, Andrew. O livro e o designer II. 1ª ed. São Paulo: Edições Rosari, 2007. 256p.
• [8] MARCOTTE, Ethan. Responsive Web Design. New York: A Book Apart, 2011. 150p. MULLER‐BROCKMANN, Josef. Grid Systems. Suíça: Niggli, 2007.176 p.
• [9] NIELSEN a, Jakob. Be Succinct! (Writing for the Web). Fremont: Nielsen Norman Group, 1997. Disponível nainternet por http em: Andlt;http://www.nngroup.com/articles/be‐ succinct‐writing‐for‐the‐web/Andgt;. Acesso em 15mar. 2014
• [10] NIELSEN b, Jakob. The End of Legacy Media (Newspapers, Magazines, Books, TV Networks). Fremont: Nielsen Norman Group, 1998. Disponível na internet por http em:Andlt;http://www.nngroup.com/articles/the‐end‐of‐legacy‐media‐newspapers‐ magazines‐books‐tv‐networks/Andgt;. Acesso em 15mar. 2014
• [11] NIELSEN c, Jakob. Serif vs. Sans‐Serif Fonts for HD Screens. Fremont: Nielsen Norman Group, 2012. Disponível na internet por http em: Andlt;http://www.nngroup.com/articles/serif‐vs‐sans‐serif‐fonts‐hd‐screens/Andgt;. Acesso em 15mar. 2014
• [12] OLIVEIRA, Marina. Produção Gráfica para Designers. Rio de Janeiro: 2AB, 2000. 131 p.
• [13] SAMARA, Timothy. Making and Breaking the Grid: A Graphic Design Layout Workshop. 1ª ed. Gloucester: Rockport Publishers, 2005. 208 p.
• [14] THE GUARDIAN. Digital magazines: how popular are they?. London: Guardian News and Media Limited, 2013. Disponível na internet por http em: Andlt;http://www.theguardian.com/news/datablog/2013/aug/19/digital‐magazines‐ popular‐circulation‐figures Andgt;. Acesso em 15mar. 2014
• [15] WHITE, Jan V. Edição e Design. São Paulo: JSN Editora, 2005. 247 p.
• [16] WOOD, Sue. Arts and Books: The book Form. Disponível em: http://www.csu.edu.au/ faculty/arts/humss/art317/briefhist.htm. Acessado em 19 de abril de 2007.

Como citar:

Araujo, Genilda Oliveira de; Mager, Gabriela Botelho; "LAYOUT NO EDITORIAL DIGITAL: UMA RELEITURA DE CONCEITOS CLÁSSICOS DE TIPOGRAFIA E GRID PARA UM PROJETO DIGITAL", p-238-249. In: Anais do 11º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design [= Blucher Design Proceedings, v. 1, n. 4]. São Paulo: Blucher, 2014.
ISSN 23186968, DOI 10.5151/designpro-ped-00924