Diagrama de Gutenberg

Como funciona o Diagrama de Gutenberg?

Ele se aplica a páginas diagramadas com grande massa homogênea de textos, como páginas de livros ou revistas só com blocos de textos. Ele demonstra o movimento que os nossos olhos fazem ao ler estes tipos de materiais.

Modelo 1.

Modelo 2.

Isso para os grandes blocos de texto. Para páginas diagramadas que contenham outros elementos além deles, o que conta para direcionar os olhos para a visualização é o peso dos elementos que compõem a página e, dependendo da composição, tamanho, cores e como combinam as páginas, conduzem os olhos dos leitores pelo caminho que desejamos que ele percorra. Um exemplo é quando o texto diagramado tem um título pesado e uma imagem no centro da página, a área de destaque da página será o centro, onde está a imagem.

Para que serve?

Segundo o livro Os Princípios Universais do Design, o layout que segue o diagrama de Gutenberg “trabalha em harmonia com a gravidade da leitura e faz os leitores retornarem a um eixo de orientação lógico, o que supostamente melhora o ritmo de leitura e compreensão”. Por exemplo, uma forma de aproveitar essa estrutura seria colocar na parte superior um título com destaque, no meio do layout uma imagem e no final as informações de contato.

O Princípio do Diagrama de Gutenberg também é conhecido como a Regra de Gutenberg ou o Padrão Z de Processamento.

Referências:

Livro: Princípios Universais do Design. William Lidwell, Kristina Holden e Jill Butler. Editora Bookman.