No design, há quatro princípios básicos. Estão presentes em qualquer obra de design, é o mais básico dos básicos. Estes princípios são: proximidade, alinhamento, contraste e repetição. Vamos lá dar uma olhada mais a fundo neles.

Quatro princípios básicos do design

Alinhamento

Aqui no ocidente, sempre começamos a olhar algo começando do canto superior esquerdo descendo pela lateral. Se eu alinhasse apenas este parágrafo do centro pra direita da página (deixando o resto do texto como está), possivelmente seus olhos iriam ignorar este parágrafo e passar adiante.

Se começar a alinhar algo pela esquerda, alinhe tudo pela esquerda. Se for pra alinhar tudo a direita, alinhe tudo pela direita. Se alinhar a um, dois ou quatro centrímentros da borda, alinhe tudo a um, dois ou quatro centímetros da borda. Evite a todo custo alinhar text pelo centro: isto dá um ar de desordenado e a pessoa se perde facilmente quando vai de uma linha pra outra, já que ela não têm um ponto de referência fácil (no caso, o início da última linha lida). E você não gosta de se sentir perdido ao ler um texto ou ver uma image né? Ninguém gosta.

Design Básico - Alinhamento

Proximidade

Elementos similares devem estar próximos. Por exemplo, acima deste de parágrafo existe o título “Proximidade”. Se eu colocasse o título três linhas acima do início deste parágrafo, isso poderia gerar certa confusão pra você leitor; você estaria se perguntando “O que essa palavra tá fazendo aí no meio do texto? É uma palavra-chave? Qual a relação dele com o resto do texto?”.

A lei é: não faça a pessoa ter que pensar nisso. Se ela ficar se questionando o por que desta distância, ela não vai conseguir concentrar-se no conteúdo. O mesmo vale para imagens: se uma imagem não têm nexo nenhum com uma segunda, por que deixá-los próximos? Vamos manter uma distância para não confundir a pessoa que está visualizando a obra. Aproximando elementos similares, você diminui a confusão, e deixa a informação mais clara e direta.

Design Básico - Proximidade

Contraste

Não é incomum de ver gente usando fundo amarelo com letra branca. Pessoal, amarelo é muito próximo do branco. Se você colocar aquilo no sol, o pessoal não vai conseguir ler nada. Contraste é algo importantíssimo, ainda mais quando existe uma figura e um fundo. Convenhamos, até quando não existe um fundo, existe uma cor da mídia (por exemplo, o papel ou a tela do PC). Claro, dá pra colocar um texto preto sobre um papel branco. É uma ótima forma de contraste. Mas se quiser destacar algo em amarelo, por que não colocar uma tarja preta no fundo desta palavra? É uma ótima forma de contraste; faz aparecer bem aquilo que você quis que se destacasse e não acabou sumindo no fundo.

E contraste não é só de cor, mas de elementos também. Uma frase com tipografia diferente do restante do texto pode ser contrastante. Até uma palavra ou frase negritada pode dar o ar de contraste. Isso serve não só para destacar algo, mas também para diferenciar dois elementos.

Design Básico - Contraste

Repetição

Quando falo sobre repetição, estou falando sobre repetição de elementos visuais. Em um site, por exemplo, você deve repetir a estrutura dele em todas as páginas internas. Ou seja, nada de mudar a posição do menu nas páginas internas.

A repetição de elementos é importante especialmente para a pessoa saber que ainda está no mesmo site. No caso do design de impressos, você pode repetir a cor, fontes, relações espaciais, etc. A repetição cria uma sensação de organização.

Design Básico - Repetição

Gostou? Compartilhe!
Você também vai gostar de

Participe da discussão!


  • http://www.marcoshunger.com.br Marcos Hunger

    Pode não ser um princípio básico, mas seria legal então não dar os exemplos com aquelas linhas “viúvas”, que na prática são coisas importantíssimas evitar, além de ajudar no visual geral.

    Lunha viúva, para quem não sabe, é aquela linha que fica com apenas uma palavra, ou o final de uma sílada, resultando num corte na leitura além de “poluir” um pouco o visual final, como aquela palavra de marcação “ac” na quarta linha dos textos de exemplo.

  • http://www.nonamedesign.com.br Rafael Nascimento

    Apesar de ser o principio, comecei como micreiro mesmo não levando em conta esses detalhes tão importantes ainda bem que estou aprendendo.

  • http://designapimentado.wordpress.com Design Apimentado

    Muito bom, isso serve como grande ajuda pra quem ta começando ou procura um material que sirva de referencia na hora de estudos, vale favoritar a pagina.

  • pedro

    Ou seja: coerência.

    bom post.
    abraço

  • http://www.flickr.com/people/eu_diaz/ Pedro Diaz

    “Designer para quem não é designer – Robin Willians” muito bom!

    • Danyllo Franco

      Verdade! Comprei o livro. É ótimo pra quem está começando. Bem lembrado Pedro.

  • http://www.flickr.com/people/eu_diaz/ Pedro Diaz

    Ops…. “DESIGN PARA QUEM NÃO É DESIGNER…”

  • http://www.geekcats.com Mistelko

    Canha, como sempre o texto bem escrito e com informações úteis. Neste caso, para os iniciantes no design ou para quem não tem noção ou formação na área. Parabéns :)

  • http://liciniosouza.deviantart.com/gallery licinio

    cara, otimas dicas, gostei de geral,

    sucesso ai,
    t+!

  • http://www.flickr.com/photos/caioparise caio

    Muito bom..

    Estou lendo Livro.

    “Design pra quem não é designer”

  • Maicon

    Velhinho, eu gostei muito do blog, estou acompanhando sempre, e acho incrível a qualidade dos artigos…. Parabens….

  • Pingback: Links da semana: 16/1 – 22/1 | Blog do Everson Barbosa

  • Pingback: Links da semana: 16/1 – 22/1 | Blog do Everson Barbosa

  • http://www.johnwebdesign.com/blon John Silva

    Muito bom o post.
    Vi sobre esse princípios no Curso Design Web com o Bruno Ávila.
    E realmente, fazem muita diferença nos trabalhos, principalmente na organização, na “limpeza”.

    Parabéns pelo artigo.

  • http://www.flickr.com/ronigomes Roni Gomes

    Artigo muito legal!
    Ótimas dicas!!

  • Raquel

    ta mais mim tira uma duvida o que e contraste de forma direçao e cor?

  • vania

    o que é alinhamento justificado

  • Pingback: Paes de Barros MMX » O que é tipografia?*

  • Joao

    Bacana, mas aqui neste exato momento estou lendo seu artigo e ele tá sendo exibido com a fonte em cor preta e o fundo preto, ou seja, o contraste não tá seguindo esse princípio, nem sei como consegui ler.

    Espero que seja meu navegador ou minha conexão, pois seria meio irônico um blog de design errar justamente neste ponto, ainda mais num artigo que comenta sobre este ponto.

    • http://design.blog.br canha

      É possivelmente a sua conexão (ele não baixou o fundo branco). Mas na nova versão do site teremos isto corrigido para todas as conexões ;D

  • Jean Pierre

    Queria Saver se há mais de 4 príncipios do Design ou isso é só um aperitivo aos interessados ?

  • JeanPierre

    Queria Saber se há mais de 4 príncipios do Design ou isso é só um aperitivo aos interessados ?

    • Eitor2012_

       É o básico… os demais você deve aprender atraves de pesquisa e estudos tecnicos referente a área de Planejamento Gráfico, Jornalismo ou Publicidade.

  • Pingback: O que é tipografia? - Design Blog

  • Marcinho Silveira

    Muito bom.
    Lá no PRINCÍPIO ‘Proximidade’ -
    “O que essa palavra tá fazendo aí no meio do texto? É uma palavra-chave? Qual a relação dele com o resto do texto?”.

    Quase morri de rir, tive até que dar um tempo… isso é ótimo…
    Parabéns.

  • http://www.facebook.com/kezia.rocks Kezia Bea Triz

    Muito bom! é sempre bom sabermos conceitos concretos pra não sair por ai fazendo coisas ‘avoadas’ rs Gostei.

  • SDGDFGFD

    OTIMO

    • GATINHA 98

      CONCORDOOOO

  • Rhodolfo

    gostei d+ realmente vai ser de grande ajuda