Arquivo da tag: layout

3 Metas Essenciais para um Layout de Qualidade

Hoje nós iremos aprender um pouco sobre um Layout de qualidade, mais especificamente, 3 metas que você deve alcançar ao criar seu layout, metas que são extremamente essenciais, e que compõe um layout de qualidade. Essas três metas são básicas, e que muitos blogueiros deixam elas escapar. Foi o que fiz no meu Layout, criei um layout exclusivo que tenta seguir todas as metas com a mais perfeição, o que é bem difícil. Mas se prestar bastante atenção à essas metas, segui-las vai ser algo fácil e bastante divertido. Afinal, nosso layout deve estar perfeito em todos os detalhes, desde simples cores, até a organização e os elementos. Muito do que vou falar, eu aprendi com o grande Claudio Sanches, ele me deu um toque sobre alguns detalhes que eu nem sequer notava, Obrigado Claudio! Apesar de ser um artigo bem grande, eu bem que tentei resumir, rsrsrs.

1º – O ALINHAMENTO:

Basicamente, um layout mal alinhado é um layout mal feito. É essencial que seu layout esteja extremamente alinhado. Mas o que seria um blog alinhado? Um Layout alinhado seria, basicamente, um layout em que todos os elementos estivessem numa mesma proporção de margem, veja abaixo, o layout do nosso blog com as linhas traçadas para alinhamento:

Você pode notar que todos os elementos estão extramemente alinhados e em harmonia. O Alinhamento em si, já diz tudo. Mas o que poucos blogueiros que criam seus próprios layouts sabem é que isso é de extrema importância para um Layout de qualidade. Para você criar um projeto alinhado, primeiramente, você precisa planeja-lo aos mínimos detalhes, é muito bom fazer o projeto no photoshop, através das ferramentas dele. Crie seu layout por lá, depois é só aplicar seu conhecimento em html e css na criação de um layout real, o que, para mim, é mais fácil. O Photoshop tem uma ferramenta chamada guides, que é a que você pode ver na imagem acima, são essas linhas que traçam a imagem e denominam o alinhamento, você pode ativa-lo segurando as teclas CTRL+H, e personaliza-lo em “Edit > Preferences > Guides, Grid & Slices…”.

Também existem outras ferramentas para fazer isso facilmente, até mesmo a partir de seu próprio Navegador. Como por exemplo a “Extensão Rulers, Guides, Eye Dropper and Color Picker“. Ela também é fenomenal para ajudar a alinhar Layouts, e o melhor é que é bem leve e roda no próprio navegador, inclusive é uma das poucas extensões que uso. Pense sempre no alinhamento ao criar seu layout.

5 Dicas para ter um blog organizado

2º – A CHAMADA “MESMA LINHA DE DESIGN”:

É importantíssimo que um layout tenha a chamada “mesma linha de design”. Mas o que é a mesma linha de design? A mesma linha de design é o mesmo estilo aplicado a todos os elementos, é as mesmas cores no cabeçalho, na área de postagens, na lateral, no rodapé, nos comentários, nos menus ou no menu, em todos os elementos. Desde os mais básicos aos mais essenciais e marcantes. Por exemplo, se você usar um gradiente azul com roxo no seu cabeçalho, este mesmo gradiente, por ser extremamente marcante, deve estar em todo o blog. Se você não fizer isso, irá dar uma impressão que seu blog tem duas caras, uma no cabeçalho e outra abaixo dele. Evite também misturar gradiente com cores sólidas, isso não dá certo, ou você usa gradientes, ou você usa cores sólidas.

Se não souber fazer elementos com harmonia, use poucas cores. Nas fontes, use os mesmos tamanhos para lugares parecidos e de tamanhos idênticos. Evite chamar atenção de algum elemento do seu blog usando cores totalmente diferentes, isso causa um incômodo ao seu leitor. Há algumas semanas, eu alterei vários detalhes no meu blog, as cores eram meio que estranhas, elas entravam em conflito quando chegávamos ao rodapé, agora estão em harmonia, rsrs. O cinza entrava em conflito com o azul escuro, e o leitor se perdia nas cores e poderia até chegar à sair do site. Para seguir uma mesma linha de design, você deve saber que a sua linha de design deve ser a mais adequada, nada de seguir um padrão sem qualidade, assim você vai repetir a mesma besteira em todos os elementos. Primeiramente, defina algo bom, depois aplique em tudo.

3º – A HARMONIA ENTRE CORES:


É extremamente comum você entrar num site e se deparar com uma mistura enorme de cores, e o pior de tudo, elas não combinam, não entram em harmonia, apenas incomodam o leitor e o faz sair da página meio que assustado e frustado com todo aquele desastre visual, claro que pode usar muitas cores, mas que elas, obrigatoriamente, devem estar em harmonia e devem se adaptar ao resto do layout. Para evitar isso, você pode, simplesmente, mudar as cores do seu layout, eu criei um artigo faz algum tempo, que está no final no artigo, que fala sobre cores, e ajuda a escolher a melhor cor para seu layout. O Artigo ajudou vários blogueiros, e inclusive foi aprovado por um agregador de conteúdo. O mesmo foi criado especialmente para pessoas que tem problema com isso. Isso faz seu blog perder tráfego e isso, consequentemente, gera uma caída geral no seu blog. Não adianta você aplicar uma cor em todo o blog, sendo que ela não é uma cor adequada, não adianta você fazer do seu blog uma sopa se ninguém vai gostar disso.

Não estamos dizendo que usar cores drásticas num mesmo layout seja ruim, até que possa ser, mas se bem colocados, irão entrar em harmonia e não irão causar uma inconveniência para o leitor. É necessário que você estude um pouco sobre a cor mais adequada, siga o link que está no final do artigo, ele poderá te ajudar bastante em escolher as cores mais adequadas. Depois aplique as mesmas em todos os elementos. lembre-se que a cor está diretamente ligado ao nicho do seu blog, nada de cores fortes e pesadas em blogs profissionais e que deveriam ser simples e agradáveis. Lembre-se que tudo isso é levado em conta por cada leitor do seu blog.

Quais Cores Usar no seu Blog? – 5 Dicas que irão te Ajudar

Fonte: Iago Melanias/BlogandocomFacilidade