Fundamentos de design - PDF
Download "Fundamentos de design"
Manoela Carlos Lisboa
1 Fundamentos de design gordongroup Sobre o gordongroup gordongroup é uma agência de marketing e comunicação de tempo integral e de balcão único, que oferece um conjunto exclusivo de serviços criativos, incluindo design e editorial para projetos de impressão e digitais, web, vídeo e outras soluções digitais e mídia social, campanhas de marketing direto, gerenciamento de eventos, treinamento e, logicamente, estratégias de comunicação e marketing abrangentes. Visite o site da empresa em Fundamentos de design 1
2 Fundamentos de design No setor de editoração, design é criar significados. É utilizar forma, estrutura e criatividade para transmitir sua mensagem para poucas ou muitas pessoas ou seja, para atingir o público-alvo. Como isso é feito? Criando designs e organizando o conteúdo de uma maneira visualmente interessante e atraente para seu público-alvo. Não importa se você é um usuário experiente ou não do CorelDRAW, as próximas páginas serão úteis durante o planejamento, a criação e a revisão de seu designs. Um resultado desejado: um design que funcione Você já teve dificuldade para ler um cardápio, programa ou pôster? Às vezes, materiais impressos com a finalidade de facilitar sua vida não conseguem atingir esse objetivo porque os elementos são colocados a esmo na página. Para criar designs que funcionam, é necessário seguir quatro princípios básicos do design: proximidade, alinhamento, repetição e contraste. Vamos analisar mais de perto esses quatro princípios para ver por que eles são tão importantes no processo de design. Princípio 1: Proximidade Você já viu designs com textos e gráficos que parecem não funcionar em conjunto? Os textos e as imagens aparecem dispersos e sem relação entre si, resultando em um design confuso. De acordo com o princípio de proximidade, itens relacionados devem ser agrupados para formar uma unidade coesa. Aplicando esse princípio, é possível reduzir a desordem e aumentar a clareza. O conteúdo e as mensagens são otimizados, aumentando a probabilidade de os usuários lerem e se lembrarem deles (Figura 1). Figura 1: Observe como cada agrupamento de texto e fotos está organizado na página. A proximidade dos itens relacionados ajuda os leitores a navegar pelo conteúdo da página. 2 CorelDRAW Graphics Suite X7
3 Princípio 2: Alinhamento Todos os elementos em uma página devem ter uma conexão com outro elemento a fim de garantir uma leitura fácil e agradável. O arbitrário e o ilógico não cabem em um design bem-sucedido. O alinhamento cria uma aparência limpa e sofisticada, que ajuda a chamar a atenção para suas mensagens principais, além de ajudar a conectar visualmente os elementos (Figura 2). Como regra geral, um elemento-chave na página age como um ponto focal ao qual todos os outros elementos se alinham. Quando se adiciona um novo elemento ao layout, alinhe os dois elementos ao longo de uma linha invisível. Figura 2: Alinhar os elementos na página faz o conteúdo parecer mais bem estruturado e organizado, valendo, portanto, a pena lê-lo. Fundamentos de design 3
4 Princípio 3: Repetição Faz parte da natureza humana. Por algum motivo, precisamos ver, ouvir e fazer coisas repetidamente para que elas tenham impacto. O design não é uma exceção a essa regra. A repetição dos elementos visuais do design na peça (como cores, formas, texturas, linhas e marcadores) pode ajudar a reforçar mensagens importantes. A repetição mantém o conteúdo unificado, organizado e visualmente interessante, de modo que o produto tenha mais probabilidade de ser lido (Figura 3). No entanto, é necessário ter cautela com o princípio da repetição: tenha cuidado para não exagerar. Repetir um elemento muitas vezes pode poluir a página e dificultar a compreensão da mensagem. Quando em dúvida, opte pelo simples. Figura 3: A repetição de temas visuais (como círculos, cores e tipos) ajuda a unificar o design, deixando espaço para a criatividade. 4 CorelDRAW Graphics Suite X7
5 Princípio 4: Contraste Você já leu algum material que o levou a perguntar "O que esta peça está tentando comunicar?" Sua confusão pode ser resultado do excesso de elementos conflitantes, competindo entre si para chamar sua atenção e todos com o mesmo peso na página. Para evitar tal confusão, destaque os elementos mais importantes para contrastá-los com os elementos secundários (Figura 4). A utilização de contraste é essencial para diferenciar elementos e organizá-los hierarquicamente no design. Contrastando cores, tamanhos, texturas ou tipos, é possível criar uma forte presença visual e chamar a atenção para as mensagens principais. Não diferencie os elementos apenas ligeiramente. Para obter um design eficaz, a diferença entre os elementos deve ser de 180 graus. Figura 4: O banner com tipo grande contrasta com o texto do corpo e a foto maior contrasta com a menor. Os elementos são relacionados, mas diferentes, e as diferenças aumentam o interesse visual. Fundamentos de design 5
6 Grades 101 O que seria do mundo do design sem as grades? Em termos simples, uma grade é uma estrutura de linhas cruzadas ou paralelas que proporciona um método sistemático e consistente de posicionamento de objetos. Grades são a base de todo o design, além de serem fundamentais para criar peças consistentes, coesas e fáceis de navegar. As grades podem ser simples ou complexas, dependendo do que se deseja. É possível criar grades facilmente utilizando softwares de editoração eletrônica como o CorelDRAW. Vamos observar alguns formatos comuns de grades (Figura 5). Grade de coluna única Grade de várias colunas Grade modular Figura 5: Formatos comuns de grades A grade de coluna única é o formato mais utilizado para o design de páginas de livros. Para proporcionar mais espaço para a lombada, os designers de livros geralmente fazem as margens internas serem mais largas do que as externas. A grade de várias colunas é mais utilizada para artigos, panfletos, boletins, jornais e pôsteres. Esse formato de grade pode ser utilizado de diversas maneiras. As colunas externas normalmente são reservadas para imagens ou legendas, ou uma combinação de ambas. A grade modular contém um número par de colunas e linhas. Esse formato permite uma variedade quase infinita de combinações de design (Figura 6). 6 CorelDRAW Graphics Suite X7
7 Figura 6: Esta grade modular permite possibilidades ilimitadas de design, mas seu alinhamento mantém o aspecto da página limpo e organizado. Fundamentos de design 7
8 Conceitos básicos de layout O layout (organização) do conteúdo é um componente central do processo de design. É possível pode chamar a atenção do leitor para o conteúdo mais importante da peça utilizando tamanho, peso, posicionamento e espaçamento. Esse aspecto do layout é chamado de hierarquia do design. Exemplos de layouts hierárquicos podem ser vistos em jornais, revistas e pôsteres (Figura 7). Figura 7: O olhar do leitor é direcionado para o artigo à direita pela manchete e o texto maiores. O conteúdo na barra lateral esquerda é menos importante, portanto, o texto é menor e contrasta com um fundo com uma cor diferente. 8 CorelDRAW Graphics Suite X7
9 Tipos Um tipo é o design de um conjunto de caracteres impressos. Escolher o tipo e o tamanho de tipo certos é essencial para a comunicação bem-sucedida da mensagem. Os tipos têm diferentes personalidades e o escolhido deve refletir a mensagem e o tom da peça. Se o tipo for muito pequeno ou muito elaborado, os leitores podem achar que não vale a pena ler. A utilização de tipos em negrito, sublinhados ou maiúsculos pode criar muitos elementos concorrentes e a mensagem pode se perder. O uso de mais de três tipos diferentes pode arruinar um bom design. Normalmente, os tipos são categorizados com base na presença ou ausência de serifas (pequenos traços finais nas partes superior e inferior da linhas principais que formam cada letra). Embora existam milhares de tipos (muitos para mencionar neste tutorial), a maioria deles pertence a uma de seis categorias (Figura 8). Figura 8: Seis categorias de tipos Independentemente do tipo escolhido, verifique se ele é legível e apropriado para seu público-alvo. Não elabore demasiadamente! Trate o tipo de maneira a melhorar sua legibilidade e reforçar a mensagem. Mãos à obra! Agora que você revisou alguns fundamentos do design, está preparado para colocá-los em prática? Não há alternativa melhor para começar do que a Suíte de Aplicativos Gráficos CorelDRAW X7, uma solução de software abrangente que permite realizar uma ampla variedade de projetos de design com confiança e êxito da criação de logotipos até folhetos de marketing com várias páginas e placas atraentes. Copyright 2015 Corel Corporation. Todos os direitos reservados. Todas as marcas comerciais ou marcas registradas são propriedade de seus respectivos proprietários. Fundamentos de design 9
Design inteligente (Web)
Design inteligente (Web) CENÁRIO O design gráfico na web corporativa, geralmente, não é muito atraente, interessante ou envolvente. Por que isto acontece? Os especialistas em navegação na web costumam