O truque para criar um ótimo layout
Por que as revistas e os livros são sempre os mesmos? Mesmo com design alternativo, há uma harmonia no layout ou a cabeça do leitor explodirá ... ou eles simplesmente pararão de ler e passarão para a próxima página. O design bem-sucedido na publicação, publicidade, design da Web, ilustração e qualquer outra coisa que vincule elementos depende do desenho no leitor e de levar os olhos pela página.
Algumas pessoas acham que não é grande coisa e que projetar uma página surge naturalmente por causa de lições culturais que aprendemos crescendo e olhando para o design desde a infância, mas poucos, se é que algum, entende por que funciona da maneira que faz. Na maioria das sociedades, lemos da esquerda para a direita. Ainda soa simples? Basta começar do lado esquerdo e tudo vai se encaixar? Basicamente, mas o desafio é fazer com que o leitor veja os elementos na ordem certa, ou pelo menos a ordem que você quer que eles vejam, que é o truque desafiador no design do layout.
As regras
Eu nunca fui de seguir as regras, mas professores e grandes artistas têm algumas citações memoráveis sobre o assunto. “Antes que você possa quebrar as regras, você tem que conhecer as regras”, e “para criar seu próprio mundo você deve primeiro entender o mundo real”.
Se você estudar os infratores de regras, verá que todos eles tiveram a base de aprender com o mundo real, o básico e evoluir a partir daí. As regras são a compreensão básica de layout, tipo, elementos de cor, ilustração e fotografia, e como o olho os vê, e o cérebro decifra tudo quando colocados juntos.
O que a maioria dos professores tenta transmitir no layout é chamado de padrão “Z”. É o padrão de leitura (culturas ocidentais) para a colocação estratégica de informações importantes. Comece no canto superior esquerdo, trabalhe para a direita e depois para baixo e volte para a esquerda novamente, indo de cima para baixo. Padrão e simples
Eu tenho que rir da seguinte inclusão das “regras de design de layout” de 1950 que encontrei na web. Os princípios são sólidos, no entanto, e eles ainda falam de conceitos básicos de design.
- Use bordas quando quiser enquadrar e chamar a atenção para as informações (por exemplo, índice, calendários, anotações especiais).
- Permitir que as bordas das colunas de texto e obras de arte criem a ilusão de bordas.
- Chame a atenção para caixas ou imagens usando bordas com uma sombra projetada.
- Chame a atenção do leitor para elementos importantes, contrastando tamanho (escala), cor e posição da página. Certifique-se de que os elementos tenham uma função que suporte o conteúdo.
- Use um tipo de exibição grande e em negrito e / ou gráficos para a criação de foco. Use elementos com peso visual, intensidade ou cor para o foco.
- Use uma grade para ajudar a organizar elementos na página. Certifique-se de que a grade seja flexível, mas que as seções da grade não sejam muito pequenas. Divida a página em quatro ou cinco colunas para maior flexibilidade.
- Use várias colunas para organizar o texto e visuais em blocos de informações menores (mais facilmente lidos).
- Divida o texto em duas ou três colunas iguais para obter melhores resultados em uma página padrão.
- Use uma única coluna mais ampla com uma coluna menor para cotações de retirada e outros tipos de conteúdo de suporte.
Bem, essas são regras simples, e ainda se aplicam ao que é necessário hoje e no futuro, mas com nossa cultura de consumo, e tantos grandes violadores de regras no design atualmente, as regras evoluem. Uma evolução no design foi o “sistema de grade”. Wikipedia :
Depois da Segunda Guerra Mundial, vários designers gráficos, incluindo Max Bill, Emil Ruder e Josef Müller-Brockmann, influenciados pelas idéias modernistas de Die neue Typographie (A Nova Tipografia), de Jan Tschichold, começaram a questionar a relevância da página convencional. layout do tempo. Eles começaram a criar um sistema flexível capaz de ajudar os projetistas a obter coerência na organização da página. O resultado foi a moderna grade tipográfica que se associou ao Estilo Tipográfico Internacional. O trabalho seminal sobre o assunto, Grid systems in graphic design de Müller-Brockmann, ajudou a propagar o uso da rede, primeiro na Europa e depois na América do Norte.
Em meados da década de 1970, a instrução 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 um olhar para comunicação corporativa. No início dos anos 80, uma reação contra o entrincheiramento da rede, particularmente seu uso dogmático e associação com a cultura corporativa, resultou em alguns projetistas rejeitando seu uso em favor de uma estrutura mais orgânica. A aparição do computador Apple Macintosh e a transição resultante do tipo sendo definido pelos tipógrafos para os designers que definem o tipo resultaram em uma onda de experimentação, 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.
Criadores de regras e disjuntores
Se você ainda não ouviu falar Josef Müller-Brockmann , então ele é uma obrigação em sua lista de designers para estudar. Müller-Brockmann era mais do que apenas um homem que procurava formar o que hoje é rotulado de Escola Suíça; O construtivismo, o De Stijl, o suprematismo e a Bauhaus, que empurraram seus projetos para uma nova direção que abriu as portas para expressões criativas no design gráfico, o influenciaram. Entre seus pares, ele é provavelmente o mais facilmente reconhecido quando se olha para aquele período.
Müller-Brockmann logo se estabeleceu como o principal praticante e teórico do estilo suíço, que buscava uma expressão gráfica universal através de um projeto baseado em grade, expurgado de ilustrações estranhas e sentimentos subjetivos.
A grade era a priorização e a organização de elementos tipográficos e pictóricos com o uso significativo da cor, configurados em uma aparência de ordem, com base na esquerda para a direita, de cima para baixo. Segundo a Wikipedia, o sistema de grade é “uma estrutura bidimensional composta de uma série de eixos verticais e horizontais em interseção usados para estruturar o conteúdo. A grade serve como uma armadura na qual um designer pode organizar textos e imagens de maneira racional e fácil de absorver. ”
Müller-Brockmann é reconhecido por seus projetos simples e seu uso limpo da tipografia, notavelmente Akzidenz-Grotesk, formas e cores, que inspira muitos designers gráficos no século XXI. Assim como os pôsteres franceses da década de 1890, Müller-Brockmann e seus pares também tentaram atrair clientes e vender produtos com ousadia e simplicidade. Os cartazes que serviram para atrair uma audiência para eventos, especialmente eventos de música e exposições de museus, abrangiam as formas geométricas abstratas pelas quais o estilo é conhecido; mas são os cartazes de anúncio de serviço público deste período de tempo que foram mais notados do que em muitos outros períodos de design. As mensagens simples, limpas e gráficas, assim como os pôsteres de eventos de música, podiam ser entendidas por espectadores com diferentes idiomas.
Ed Fella , um designer contemporâneo, é um verdadeiro separador de regras quando se trata de layout e design, mas ele ainda presta atenção rigorosa a como o olho e o cérebro visualizam a página. Apenas olhando para o seu trabalho, alguém poderia pensar que ele é um lunático. Ele força a contradição e ainda joga na grade. Não porque está lá, mas porque serve ao seu propósito de ajudar a atrair os olhos para todo o lado, e ainda fazer um design agradável e legível. Há caos e equilíbrio, existindo lado a lado como idênticos gêmeos siameses - um bom e o outro mal.
© Fella Ed
Fella referiu-se ao seu trabalho estilisticamente, “errando”. Seu trabalho é cru e obsessivo. Tem poder e espontaneidade. Nascido do conhecimento de layout, tipografia, design e teoria, ele parece ter acabado recebendo muito, muito certo. Ele tem palavras inspiradoras que todo designer deve ler:
"Estou interessado em design gráfico como arte", ele diz, "Este é um tipo de prática artística que usa formas que saem de design gráfico, ilustração decorativa e letras, todas misturadas com formas que surgem da arte do século XX. , fora de Miró e Picasso - tudo isso tem uma genealogia e um certo aspecto - da mesma forma que os artistas de hoje usam histórias em quadrinhos e graphic novels. Eu era um ilustrador, então você vê estilos infinitos surgindo e saindo dos livros. Os desenhos são uma descarga inconsciente de todos os estilos e formas que eu usei como artista comercial por 30 anos - essa era minha profissão - eu fazia isso todos os dias. Então, meu inconsciente tem todas essas coisas, e agora, porque eu não preciso mais fazer sentido, posso usar as técnicas, como uma máquina que há muito tempo parou de fazer widgets, mas a máquina ainda está rodando. Eu ainda estou fazendo coisas. Eu amo o ofício disso - de fazer cuidadosamente alguma coisinha ”.
Paul Rand , famoso designer e disjuntor fez isso de uma forma indireta. O Sr. Rand, como um jovem designer, aceitou um pedido para projetar as capas de uma publicação pequena, mas notável, no final da década de 1930 e início da década de 1940. Embora o melhor conselho para os designers seja nunca trabalhar de graça, há algumas exceções. Rand aceitou, mas exigiu total liberdade criativa e conseguiu. Quando alguém lhe pede trabalho livre, eles realmente não têm muita escolha, não é?
A aposta de Rand valeu a pena. Seu trabalho para a Direção chamou a atenção correta. O sucesso levou a outros sucessos. Depois de ser contratado para projetar o layout da página para uma edição de aniversário da revista Apparel Arts, uma oferta para assumir o cargo de diretor de arte das revistas Esquire-Coronet surgiu em seu caminho. Inicialmente, Rand recusou essa oferta, alegando que ele ainda não estava no nível exigido, mas um ano depois ele decidiu aceitá-la, assumindo a responsabilidade pelas páginas de moda da Esquire, aos 23 anos de idade.
O truque mais legal!
Um antigo professor de ilustração me mostrou uma ferramenta útil para identificar os principais pontos de foco em uma página. Primeiro, desenhe uma linha diagonal do canto superior esquerdo até o canto inferior direito. A página pode ser vertical ou horizontal. Funciona com qualquer orientação.
Em seguida, desenhe uma linha a partir do outro canto para unir a linha horizontal anterior em um ângulo reto. O ponto em que as linhas se juntam é a área de máxima atenção. Tente um experimento - pegue uma pintura famosa e desenhe estas linhas (não, não em um museu porque você será preso). Você verá como a arte é feita usando essa técnica de layout.
Agora, pegue uma página de revista ou página da Web e faça o mesmo. Primeiro, pense em como a página é projetada. Lê bem? Para onde vai seu olho enquanto olha para a página? Você começa a se sentir um pouco ansioso enquanto olha para a página ou fica excitado? Agora desenhe as linhas e veja onde os elementos caem.
As chances são de que, se nada de importância cair nas áreas onde as linhas se encontram (área geral), você estava ansioso porque seu olho estava lutando para olhar a página, e seu cérebro estava confuso quando o layout estava indo contra o fluxo. Se os elementos estiverem bem definidos, você se sentirá excitado quando seu olho for conduzido pela página.
Quando se trata de lidar com seu cliente, ou um comitê empenhado em redesenhar suas escolhas, dê isto como uma demonstração de por que você colocou os elementos onde eles estão. As pessoas tendem a entender a colocação de elementos quando você usa essa demonstração. Quantifica uma regra que eles não querem quebrar. Mostre preocupação com o produto final e envolva a equipe com entusiasmo sobre suas ideias e como incorporar tudo isso no design, e você encontrará mais espaço nos comitês e com os clientes. Às vezes, aderir às regras dos outros permite que você quebre as regras que eles não sabem ... ou não podem ver.
Você acha que isso faz sentido? Você já ouviu falar desse truque de layout e, em caso afirmativo, tentou? Funciona? Deixe-nos saber seus pensamentos nos comentários.