O princípio da repetição é o que diz que você DEVE repetir algum elemento em seu design, pode ser alguma fonte em bold (negrito) ou cores, vou explicar isso melhor abaixo, espero que você estejam gostando desta série e lembrando que este é o último post.

A repetição no design é como se fosse a "consistência" em seu layout, imagina que você vai ler um jornal e cada página tem uma cor de fundo diferente ou em cada página que você folheia tem um tipografia diferente, fica parecendo que você está lendo vários jornais diferentes.

Por isso lembre-se de criar a consistência para seu design, para seus leitores verem que é o mesmo jornal ou blog, por exemplo.

Uma das primeiras regras da repetição no design é:

Mantenha a identidade visual

Como eu disse acima você NÃO deve usar muitas tipografias em seu design, aí você me pergunta: mas porquê não posso utilizar diversas fontes em meu design?

Primeiramente, você deve criar uma consistência em seu design, porque:


Entendeu porque é bom criar uma consistência? Eu sei que exagerei um pouco, mas tem louco pra tudo e com certeza deve ter alguém que escreve assim no blog.

Outra coisa para você usar elementos repetitivos em seu design, é que você preserva a identidade visual de seu layout, isso deve ser preservado, mesmo se for no design impresso ou no design web.

Agora podemos lembrar, se você leu todos os artigos da série: Os 4 princípios básicos do design, e entendeu todos você já está preparado para estudar coisas mais avançadas no design.

Este foi o último post da série, mas ainda teremos um bônus para todos vocês e será um PODCAST (um podcast COMPLETO sobre o assunto, nada parecido com estes posts da série) sobre este assunto, a demora de sair o podcast é porque não estamos conseguindo juntar nossos autores do blog para gravar, quando conseguimos iremos gravar. Um grande abraço para vocês e até mais! (:

PS: Se quer ler mais sobre este assunto, compre o livro DESIGN PARA QUEM NÃO É DESIGNER na livraria saraiva.

Podemos dizer que o contraste é a parte mais interessante de mexer em seu design, pois é nele que você mexe com as cores e todos sabem que mexer com cores é super divertido, por isso hoje vou estar dando algumas dicas sobre contraste em seu design.

Mas... O que é contraste?

Podemos dizer que o contraste é a diferença nas propriedades visuais que faz este objeto ficar diferente do outro, e, chamar mais atenção. Sabe quando você quer destacar algo em seu layout.

Agora pergunto: o que tem de errado na imagem abaixo?

• O fundo e a frase estão em cores muito próximas.
• Não há nada que o faça ter vontade de ler.
• Não há nenhum destaque no tema principal, neste caso a palavra "contraste".

Agora reparando os erros, a frase ficou deste modo.

• O fundo e a frase estão em cores diferentes, tendo assim uma maior legibilidade.
• A palavra contraste está em negrito e dentro de uma fundo preto, dando um destaque na frase e deixando as pessoas com vontade de ler.

O que podemos dizer com estas imagens é que você tem que dar um destaque em seus layouts, para que as pessoas não fiquem com preguiça de ler. Espero que tenham gostado e entendido sobre o contraste, em breve faremos mais posts sobre isso, mas se quiser mais informação pesquise, que na internet tem muito conteúdo sobre isso. Abraço!

Hoje no segundo post dos princípios básicos do design vou falar um pouco sobre o alinhamento no design, o que você pode, o que não pode e o que deve fazer. O alinhamento no design é um dos princípios mais importantes de fazer, você não pode simplesmente colocar um elemento no lado esquerdo, uma no centro e outra na direita, seu design deve ter uma certa organização.

O tal do alinhamento...

Temos que entender que o design não é o quarto de uma pessoa bagunceira que tem um copo ali, um prato lá, toalha acolá, etc. Temos que tem um ambiente limpo e com espaços, para ter um certo conforto para as pessoas que o visitam, por isso tudo que é colocado na página deve ter uma conexão visual com algo que está naquele layout, nada pode ser colocado arbitrariamente na página.

Podemos utilizar até o exemplo do último artigo da série, mostrando que não existe alinhamento algum neste layout e nenhuma conexão visual.

Todos os elementos foram jogados para os cantos, formando um imensa desorganização e uma DESELEGÂNCIA no layout (tive que usar esta palavra) que dá até desânimo de ler.

Quando os elementos estão alinhados no layout (página) eles fazem uma unidade só, coesa, mais forte e que dá mais segurança ao cliente ou leitor que seu trabalho é sério e de confiança. Quando for fazer organizar o design de um folder, livro ou outros itens que contenham várias páginas você deve fazer a organização para que as pessoas possam perceber que ali é o mesmo material, para que não fiquem com cara de "WTF?" (What the Fuck? - Que *orra é essa?) pensando que não é o mesmo material que estava lendo antes.

Exemplos

Abaixo no cartão de visita (o mesmo do último artigo da série, e o mesmo do cartão do começo do artigo) vocês podem perceber que ele está todo desorganizado e sem sentido para ler, você não sabe se começa a ler da esquerda, da direita, do meio.

Já neste próximo exemplo todos os elementos foram alinhados a direita, o que dão uma maior organização e conforto na leitura.

Vocês podem ver neste cartão que a linha guia está demarcando o espaço deixando os elementos alinhados no mesmo, recomendo vocês utilizarem deste recurso chamado rulers, nos produtos adobe vocês podem ativá-las com o comando CTRL + R.

SEJA OUSADO!
Sempre digo isso e vou dizer sempre, seja ousado! Não fique tímido por usar um alinhamento a direita ou a esquerda só porque a maioria das pessoas usam o alinhamento centralizado, pra falar a verdade o alinhamento ao centro está muito marcado e muita gente utiliza ele e a maioria das pessoas são amadores que estão começando à estudar design ou nem estudaram (e não estudarão). E mantenho dito, experimente novas coisas, estude bastante que sempre fará o melhor e não terá que refazer o projeto, porque o cliente não quer aquilo. Aqui finalizo este artigo, espero que vocês tenham gostado e que façam bom proveito destas dicas, este foi só o segundo post da série Os 4 Princípios básicos do design, um abraço e uma ótima semana.

Quem estuda design, sabe que em seus projetos deve haver uma certa concordância com os objetos que há dentro do mesmo. Os 4 princípios básicos do design são: Proximidade, alinhamento, repetição, contraste e podemos dizer que (com certeza) sem eles nosso design não ficará bonito. Abaixo vou dar algumas dicas (com exemplos) de como você pode melhorar seu design, e espero que lhe ajude muito na hora de começar o layout de seu projeto.

Proximidade

Um dos assuntos mais difícil de se compreender é a proximidade, ela se baseia em ter os objetos próximos, não falo próximos fisicamente, mas sim nas cores, tipografias, etc... Isso deixa seu layout com uma aparência mais agradável e fácil de ler. Muitos principiantes metidos a designer, tentam encher os layouts de informações e esquecem dos espaços em branco. Você sabia que os espaços em branco também fazem parte de seu layout? Você não pode ir simplesmente arremessando informações para os cantos tentando cobrir os espaços em branco (quando falo espaço em branco não digo a cor branca, falo sobre os espaços que sobram), você deve ter consciência que as pessoas que vão visualizar seu projeto tem que entender o que está escrito ali e com o maior conforto, sem ter que forçar a vista.

Exemplos:

Obs: Alguns dos exemplos colocados na série foram vistos no livro "Design para quem não é designer", mas totalmente reformulados.

Exemplo 1.
Preste atenção no layout do cartão de visita abaixo. Quantos elementos individuais você consegue ver nele? Quantas vezes seu olho teve que parar identificar os objetos?

Seu olho por acaso parou cinco (5) vezes? Isto é óbvio, temos 5 elementos no cartão. Por onde seu olho começou a ler? E quando acabou de ler a parte inferior direita, para onde seu olho foi? Certamente para o título em negrito (bold). Este estilo ficou muito bagunçado e é possível que as pessoas que pegarem ele (o cartão) nem ler todas as informações, e, isso é muito ruim.

Quando organizamos vários itens em um layout e o deixamos próximos eles são considerados um único elemento, e dependendo de como são "organizados" pode ficar bom ou ruim.

Abaixo tenho o exemplo 2, é o mesmo cartão só que com outro tipo de organização.

Exemplo 2.
Se a gente agrupar os elementos do cartão ficará da seguinte forma.

E agora, existe alguma dúvida por onde começar ler o cartão? Para onde seu olho vai e como foi o conforto na leitura?

Com certeza este segundo cartão está muito mais organizado e com proximidade, fisicamente e logicamente e com certeza a mensagem do cartão foi passada com mais clareza.

Acho que este primeiro post da série deu para vocês entenderem um pouco sobre a proximidade no design, um forte abraço e até o próximo post da série, na semana que vem, abraço!