Design Blog - Blog de design gráfico, web design e universo freelancer.

Criativosfera - A comunidade restrita apenas aos melhores profissionais criativos

A importância do alinhamento

Por | 05 de julho de 2011 | Tags: , , , | 11 Comentários

Publicidade

Alinhamento é importante, sem sobra de dúvida. Sem alinhamento, a disposição de informações é confusa e o projeto fica com um ar de amador.

Veja só como ficaria o site do G1 se ele tivesse sido feito sem um grid:

G1 desalinhado

Confuso, não?

No web design, o alinhamento é feito através de “grids” que proporcionam uma fluidez na leitura e facilidade na localização de informações.

Site alinhado com grids

Existem até frameworks de CSS que facilitam o uso de grids, separando cada item em um espaçamento fixo e contendo blocos precisos para a informação ficar melhor distribuída.

Longe de dizer que todo projeto de design deve ter alinhamento; se não tiver, a falta dele precisa ter um propósito. Ou seja, se você tem um bom motivo pra não usar alinhamento nos seus projetos, ótimo. Se não tiver, use sempre alinhamento.


Gostou? Por favor, compartilhe!


Canha

Criador e editor-chefe do Design Blog, atualmente é web designer freelancer. Nerd desde pequeno, ama tudo relacionado a internet, é apaixonado por design e está na área a 11 anos.

Acesse seu site Siga no Twitter

Deixe seu comentário!

  • http://twitter.com/souzace Fabio Souza

    Concordo, só faltou citar algum framework para exemplo…

  • Luís Henrique
  • http://www.esaid.com.br enriquesaid

    Exatamente!
    Falo muito sobre isso, inclusive tem um post onde explico o uso do 960gs como o Luís Henrique falou. Segue o link http://esaid.com.br/wp/2011/03/framework-usando-o

  • Gabriel Rossi

    E a falta de alinhamento entre 2 blocos de informações distintas, pode ser utilizada para separar as informaçoes.

  • amigasparasempre

    Sou fã incondicional do seu blog e leio todos os posts, um melhor que o outro. Continue o original e bonito trabalho! E realmente sem um alinhamento a coisa fica muito feia….Tradução Simultânea

    • http://design.blog.br canha

      Valeu ;)

  • http://admmktg2011.blogspot.com/ Isabelle Gadelha

    Alinhamento é organização de ideias, assim você consegue passar sua informação de maneira limpa e agradável. Gostei desse post, parabéns D.B

  • webFacts

    Tabela!

    • Francis Rosário

      Espero que isso seja sarcasmo…

  • Francis Rosário

    Se um layout sem o uso de grid já é ruim, um layout com grid feito por alguém que não sabe usar grid fica ainda pior.

    Por muito tempo enfrentei esse tipo de problema nas empresas onde trabalhei, o povo simplesmente não consegue ser criativo usando grid. Ficam limitados a aquela visão de "caixinhas" e coisas do gênero.

    Enfim, vida longa ao grid.

  • http://cssorbit.com Danilo Ramos

    PO num sabia dessa história de grids, e olha q eu trabalho com CSS a um tempo !