29 de ago 2015


Oláá, vamos para mais um post da série “Quero ter um blog”.
Hoje vou falar de design, lembrando que não vim cagar regra, adoro design, apesar de não ter me formado nisso (ainda, pretendo um dia) e curto um estilo mais livre – algumas pessoas usam inspiração como pretexto para copiar tudo de outro lugar ou de alguma tendência que tenha acabado de surgir.

Nós conhecemos o design de cada rede social e elas nos possibilitam aprender um pouco com isso, mesmo sem perceber. Lembrem-se quando o orkut trocou as letras estranhas por normais e depois quando ele começou a virar g+ e perdeu a característica azulzinha e foi ficando menos arredondado. Estranhamos os formatos do facebook logo que chegamos nele e ainda reparamos nas pequenas mudanças de design que eles tem de vez em quando.

Criar um layout pro blog/site é uma tarefa complicada, porque ele tem que durar um tempo, não é muito recomendável mudar toda semana. Acarreta grande carga visual, uma pessoa que conheceu agora seu blog, precisa se lembrar dele quando voltar daqui a uma semana, daqui a um mês. Por isso é importante que ele seja único, que tenha uma identidade visual.

Definições da Web
Identidade visual é o conjunto de elementos formais que representa visualmente, e de forma sistematizada, um nome, ideia, produto, empresa, instituição ou serviço. Esse conjunto de elementos costuma ter como base o logótipo, um símbolo visual e conjunto de cores.

O que é importante na sua identidade visual? que as pessoas reconheçam, o ideal é que elas olhem e já saibam o que é, sem ninguém precisar explicar. Vou dar um exemplo claro: Você reconhece a cor e os símbolos da Coca-cola, Mc Donalds, em qualquer lugar, mesmo quando o nome da marca não está escrito ao lado.

Por isso é importante traçar tudo que você quer e precisa expressar com sua identidade. É assim que o logo nasce e todo o resto deve acompanhar/casar.

Cores


É importante ter uma paleta de cores pré determinada para que o layout fique mais harmonioso. Imagina um layout com mil cores diferentes, nos boxes, menu, títulos, textos, fica uma bagunça. Pode acontecer das pessoas sentirem incomodo ao olharem e isso diminui o tempo de permanência delas no blog.
Acredito que as cores podem ser conciliadas (sempre uso no máximo 5), claro, cores que não briguem e é importante decidir onde as cores mais escuras vão ficar, se haverá sobreposições, o que deve ter destaque, etc.

Dica: Tente não colocar preto. Use um tom próximo, como um cinza bem escuro, o preto pode causar irritação. Isso também serve para outras cores vivas demais, usadas de forma chapada assim, vermelho, rosa choque, verde, tons florescentes ou muito fortes.

Há sites com paletas de cores prontas e formas de você estudar se as cores que você quer, formam uma composição agradável, olhando a própria escala cromática. Exemplos que uso:


Colour lovers – Color Trends

Color scheme design ou Paletton

Siga a mesma linha / Estilo


Tente estabelecer um padrão, já na identidade visual, para seguir, se fez uma curva em um box, faça em todos. É possível misturar estilos, como flat e aquarela, desde que não exageradamente e que se siga o padrão. Se você vai utilizar um tipo de ilustração no cabeçalho, tente seguir o mesmo padrão no resto (ícones, assinatura, etc).

Menos é mais
É o que dizem, tudo que é demais estraga, se não há como harmonizar, deixe o mais clean possível.
Muitas vezes

Espaçamento / Distribuição de elementos

Essa parte é bem mais clara para pessoas perfeccionistas ou com mania de organização. Nem todo mundo consegue perceber de olho se alguma coisa está torta, por isso é preciso ter atenção, usar uma régua para medir se for preciso.

Nessa questão de alinhamento, não é só centralizar que tudo fica bem. É preciso haver respiro, que os textos e ícones não estejam colados nas bordas das caixas.

Fontes

Eu vou parando por aqui, porque quero fazer um post só para explicar e indicar fontes para vocês, vou falar o básico.
Não use muitas fontes em um mesmo lugar. Em um layout, no máximo três e isso se duas delas forem da mesma família.
Fontes script ou fantasia, são preferíveis em títulos.
Fontes com serifa, são melhores de se ler em textos.

É muito importante que a fonte dê leitura. Isso não pode ser levado tão literalmente, com muito esforço é possível ler uma font muito zoada, mas a intenção é que esse esforço não seja necessário. Por isso escrita branca ou vermelha, no preto chapado, não dá leitura, incomoda.

Busque referencias


Para vencer o bloqueio criativo e garantir que ideias legais vão surgir, busque referências. Procure trabalhos de outros designers, layouts, infográficos, prédios diferentes, observe até mesmo a natureza, tudo é válido.

Além do próprio google, uso o Behance e o Pinterest.

 

Acompanhe o blog também nas redes sociais:  Facebook InstagramTwitter

 
Comentários publicados somente após a aprovação.
  • Tamires

    29 de ago de 2015

    Que lindaaaa. amei muito !
    Parabêns pelo post , me ajudou pois estou criando um lay e queria várias cores, agora sei que preciso combina-las pra isso !
    Quanto a separação das linhas acho que estou bem ! rs

    Responder

    Carla Nascimento responde:

    setembro 1st, 2015

    @Tamires, Fico feliz em ter ajudado, escolha uma paleta bem legal! Depois quero ver. :D

  • Marina Menezes

    29 de ago de 2015

    Eu lembro que quando comecei na blogosfera acompanhei uns blogs que mudavam de layout toda semana. Eu entrava no blog e logo pensava “que blog é esse?” ai lia os posts antigos e lembrava. Depois já entrava no blog pensando “qual vai ser o novo layout?”. Isso me irritava muito, porque as vezes trocavam o layout para cores/fontes que eu não conseguia ler. Tento não ficar fazendo isso, sabe? O layout do meu blog tá lá há um ano, mais ou menos, já comecei a trabalhar em um novo, porque quero colocar menos informação visual e colocar cores mais neutras (o blog tá extremamente rosa rsrs).

    Achei no Pinterest umas dicas que fontes que combinam e foi a melhor coisa que aconteceu na minha vida! Sempre deixava a fonte do post padrão, só escurecendo um pouco a cor da letra (porque eu mesma forçava a vista pra ler) porque achava que nenhuma outra fonte serviria. Descobri que dá pra trocar a fonte sem trocar a facilidade de leitura <3

    Responder

    Carla Nascimento responde:

    setembro 1st, 2015

    @Marina Menezes, Simm, já vi muito isso! Até hoje tem uns blogs que gosto bastante, mas não param de mudar de layout e fico incomodada.
    Tu pode usar rosa variando os tons sabe? Mas é sempre legal colocar uma cor pra quebrar, nem que seja uma só, tipo um verdinho erva doce.
    Amo as fonts que acho no pinterest! :D

  • Re Vitrola

    29 de ago de 2015

    Tá arrasando nos posts de utilidade pública para blogueiros, Carlinha! Esse post deveria ser lido por todo mundo que tá começando, sérião! A fonte e as cores do blog são critérios importantíssimos!

    Um bj,
    Re

    Responder

    Carla Nascimento responde:

    setembro 1st, 2015

    @Re Vitrola, Espero que a galera veja mesmo. Sempre bom ajudar! :D
    Tu apareceu aqui no blogday deusa ruiva esverdeada! <3

  • Juliana Rabelo

    29 de ago de 2015

    Dicas preciosas, Carla! Arrasou <3

    Responder

    Carla Nascimento responde:

    setembro 1st, 2015

    @Juliana Rabelo, Obrigada Ju <3

  • Dai Castro

    29 de ago de 2015

    Achei as suas dicas super válidas, é difícil encontrar um post assim, bem explicativo que destaca todos os pontos importantes no design e identidade visual de um blog! Adorei! Beijos!

    Responder

    Carla Nascimento responde:

    setembro 1st, 2015

    @Dai Castro, sempre bom ajudar!
    Fico feliz que tenha gostado, beijo beijo. <3

  • Mariana Menezes

    29 de ago de 2015

    Carla, conheci o teu blog recentemente e estou apaixonada por tudo! Primeiro que me apaixonei por esse layout maravilhoso, e também pelos posts. Tudo muito lindo, parabéns! Amei esse post, o conteúdo ficou muito bom e ficou tudo bem colocado e bem explicadinho. Tem pessoas que não ligam tanto pro layout, quando ele é algo de extrema importância. Afinal, é com o que damos de cara quando entramos em um blog. Ainda não tenho o meu exatamente como quero, e não vejo a hora de aprender mais pra ter um tão lindo quanto o teu. Beijos :)

    Responder

    Carla Nascimento responde:

    setembro 1st, 2015

    @Mariana Menezes, Simm, é o rosto do nosso blog, tem que cuidar. <3
    Obrigada, espero que o posto ajude bastante no teu. :D

  • Tatiana

    29 de ago de 2015

    Adorei a forma que você falou sobre o assunto e as dicas que você deu. Atualmente fechei com a Malena Flores pra fazer uma ilustração pro meu blog e já estou super ansiosa pra ver tudo ficar pronto. Acho que é um investimento que vale a pena pro blog ficar com a minha cara, né? Beijo!

    Responder

  • Lanna

    29 de ago de 2015

    Ai eu amei seu layout confesso que foi por ele que segui o link do seu blog.
    beijo

    Responder

  • Natália

    29 de ago de 2015

    Adoro seus posts de dicas! Todos muito úteis, principalmente para mim já que estou começando um blog então ainda estou montando toda essa parte… E o seu layout é maravilhoso, parabéns!

    Responder

 
ir ao topo