3 maneiras de aprender como ter um melhor olho para o design

Bem-vindo à parte 1 de nossa minissérie “Princípios de design da Web eficazes da Divi”, onde exploramos práticas de design eficazes para ajudar a capacitar novos designers da web e aqueles que se identificam como alguém sem “olho para o design”.

Na era visual de hoje, o design é mais importante do que nunca. Um bom design pode fazer ou quebrar seu negócio quando se trata de converter clientes potenciais em clientes. Pode ser a diferença entre fazer uma venda ou fazer um cliente em potencial clicar em seu site em busca de um serviço ou produto mais profissional. E embora os novos web designers e desenvolvedores frequentemente afirmem ter um “olho para o design”, existem alguns princípios básicos de design que todos podem aplicar para ajudar a se tornar melhor na parte do “design” do web design!

Prefácio da série:

• As estratégias, práticas e táticas que cobriremos nesta série são aplicáveis ​​ao web design em geral e não são específicas da Divi, mas esta série será baseada em minha experiência como Divi Web Designer. Muitas das referências, layouts e pontos de partida mencionados envolverão a Divi especificamente.
• Esta série destina-se principalmente a pessoas que são novas em web design ou têm a mentalidade de desenvolvedor que sentem que não têm um olho natural para o design. Mas, esperançosamente, muitos desses conceitos também servirão como inspiração ou uma atualização para designers já estabelecidos.
• Grandes princípios de web design foram mencionados aqui no blog antes, portanto, estaremos vinculando de volta a algumas postagens e recursos anteriores ao longo da série. Esta é principalmente uma orientação para alguns dos princípios mais importantes do bom design que aplico como um web designer Divi de sucesso e que você também pode aplicar!
• Finalmente, quando se trata de um bom design, não existe certo ou errado. Na verdade, é realmente uma questão de equilibrar a opinião popular, sua opinião criativa pessoal e os desejos do cliente. Todos nós já tivemos aquele cliente que achou que algo parecia ótimo que sabíamos que parecia horrível, certo? Nem todos concordarão com esses princípios básicos de design, mas é seguro dizer que esses princípios são universalmente compartilhados por designers profissionais da Divi e pela comunidade de web design em geral.

Aqui está um esboço da minissérie enquanto olhamos para o futuro:

• Parte 1 - 3 maneiras de aprender como ter uma visão melhor para o design
• Parte 2 - 3 Princípios de Web Design Eficaz para o Não Designer
• Parte 3 - 3 áreas importantes de design para enfocar em cada construção de site

Antes de começarmos, devo dizer que, embora entenda que algumas pessoas têm mais talento para a criatividade do que outras, afirmo veementemente que VOCÊ PODE aprender bons princípios básicos de design. Você pode não se tornar o Michelangelo de Divi, mas, caramba, você ainda pode aprender algumas boas práticas de design para aplicar aos seus empreendimentos de web design. Vou poupar o constrangimento de postar alguns dos meus primeiros web designs, mas direi apenas que meu “olho para o design” está sempre evoluindo e amadurecendo mais a cada dia. De maneira nenhuma eu comecei onde estou hoje. E, francamente, o design é importante mais do que apenas web design. Ele desempenha um papel importante na organização de conteúdo, escrevendo e-mails, tirando boas fotos com seu telefone e muito mais. Portanto, é muito importante saber alguns princípios básicos que podem ser aplicados a outros aspectos de sua vida.

Então, se você já se pegou dizendo alguma das seguintes;

• “Simplesmente não tenho olho para o design.”
• “Eu não tenho um osso criativo em meu corpo.”
• “Eu sei programar, mas não consigo projetar.”

Então esta série é para você! Vamos entrar nisso.

3 maneiras de preparar e aprender como ter um olho melhor para o design

No mundo do web design, as pessoas tendem a se identificar com um de dois grupos:

Web Designer - Um web designer, também conhecido como (designer front-end), provavelmente será atraído pelo design, cores, layout e estética do web design. Eles provavelmente virão de uma formação em design gráfico ou talvez de um meio mais visual, como fotografia ou outras artes criativas. Se você estiver mais interessado em como as coisas parecem e se sentem em oposição à velocidade de carregamento, quão limpo o código pode ser ou quais personalizações foram feitas nos arquivos php e css, então provavelmente você está neste barco

Desenvolvedor da Web - Um desenvolvedor da web, também conhecido como (desenvolvedor de back-end), provavelmente estará mais interessado em matemática, números e no domínio do design da web, o código, a funcionalidade e o back-end de sites. Enquanto um “designer” pode ver formas, cores, aparência, sensação, etc, uma pessoa mais voltada para o desenvolvedor pode ver algo semelhante à matriz - código, funcionalidade, usabilidade e coisas que estão abaixo da superfície de um site.

Ambos são essenciais para um design de site de sucesso e, na minha opinião, um web designer de sucesso precisa ter uma combinação saudável de conhecimento em ambos os mundos. Pessoalmente, embora agora eu seja bem versado em design e desenvolvimento, ainda sou atraído pelo lado do design das coisas. Preciso trabalhar cada vez mais para considerar os tempos de carregamento, código limpo e funcionalidade, em vez de um foco constante no design, layout, aparência e comportamento. Mas para os opostos de mim, é igualmente importante focar em um design atraente, em vez de um site de aparência terrível que carrega rapidamente com um código limpo.

O que realmente estamos falando aqui é uma mistura do cérebro direito e esquerdo. Provavelmente, isso não é segredo para a maioria neste momento, mas existem numerosos estudos de que o lado esquerdo do cérebro é analítico, matemático, sequencial, lógico, etc. O lado direito do cérebro é artístico, criativo, perspicaz, imaginativo, etc. Esta é a chave para entender PORQUE você pode ser atraído para ser um designer ou desenvolvedor.

Resumidamente,

Desenvolvedor = Pensador do Esquerdo Cérebro
Designer = Pensador do Cérebro Direito

A compreensão disso nos leva ao primeiro ponto principal.

1) Preparando sua mentalidade

Se você for mais criativo, provavelmente terá que trabalhar mais na codificação e no lado mais logístico do web design e vice-versa. Se suas tendências se inclinarem para o lado esquerdo do cérebro, você ' terei de trabalhar um pouco mais para desenvolver um bom olho para o design. Como mencionado acima, sou mais um pensador do lado direito do cérebro e um criativo. Embora eu ame CSS e agora possa ficar perigoso com PHP sem suar muito, não comecei assim. Tive que trabalhar muito nas áreas de web design nas quais não era bom.

Mas tudo começou com minha mentalidade. Eu sabia em quais áreas eu era forte e em quais precisava trabalhar. Quero encorajá-lo nesse ponto novamente, VOCÊ PODE aprender bons princípios de design e VOCÊ PODE desenvolver um olho para o design se você for novo ou se for um desenvolvedor sem um osso criativo em seu corpo.

Neste ponto, você provavelmente está dizendo "Tudo isso é ótimo, mas o que posso fazer para preparar minha mentalidade para aprender boas técnicas de design?" Embora todos aprendamos de maneira diferente, vou contar o que funcionou para mim e o que sei que funcionou para muitos outros designers da Divi na comunidade.

2) Como aprender e desenvolver um olho para um bom design

Aprenda replicando bons designs de site - Sim, eu disse isso. Se você vir um bom design, tente recriá-lo, copiando suas cores, fontes, espaçamentos, layouts, etc. Não estou dizendo que rasgar um site para vendê-lo como tema infantil ou como seu trabalho, mas do ponto de vista educacional , uma das MELHORES maneiras de melhorar o design é replicar um site já lindamente projetado. Você ficará surpreso com o quanto você aprenderá e como você se sentirá fortalecido ao replicar um belo design que você pode imitar.

Para obter inspiração relacionada ao Divi, você pode encontrar alguns bons exemplos de designs com frequência aqui no blog do ET por meio das vitrines mensais do site como este, por meio de Exemplos de temas Divi ou seguindo seus designers Divi favoritos e vendo o que eles vêm com!

Aprenda examinando designs em todos os lugares - Embora designs impressos e outros anúncios possam não ser o aprendizado ideal para as tendências de design da web, você ainda pode aprender princípios de design valiosos. Por exemplo, talvez você veja um anúncio com uma imagem forte com o texto projetado de forma moderna e elegante, você pode muito bem pegar essa mesma ideia e aplicá-la como um design forte em seu site! Não temo ir ao shopping com minha esposa e entrar em lojas de maquiagem agora, porque uso isso como “o design da moda de Josh leva tempo”. O tempo que antes era gasto olhando para o telefone agora é frequentemente gasto de forma produtiva verificando novas ideias e conceitos de design que posso aplicar aos meus projetos de web design!

Aprenda construindo a partir da Biblioteca Divi - Uma das coisas mais mágicas sobre o design de um site com Divi é que ele vem com uma biblioteca completa de layouts e designs comprovados e eficazes a partir dos quais você pode construir. Se você é novo em design e Divi ou está se sentindo preso olhando para uma tela em branco, você pode carregar um dos layouts predefinidos da biblioteca, alterar cores, substituir imagens e começar! Observe como o retrabalho de um design já profissional começará a treinar seu cérebro para o próximo projeto.

Aprenda baixando e criando um pacote de layout Divi semanal gratuito - Se você é um novo membro do Elegant Themes ou ainda não sabe, existem pacotes de layout Divi com design profissional que são lançados semanalmente aqui no blog e são GRATUITOS para download. Não são apenas uma grande fonte de aprendizado e inspiração se você estiver interessado em melhorar o design, mas, como os itens de biblioteca mencionados acima, são ótimos pontos de partida se você for novo no design!

3) Obtenha feedback e críticas construtivas sobre o seu trabalho

Finalmente, uma das melhores maneiras de melhorar suas habilidades de design é obter feedback de outras pessoas. Freqüentemente, quando você está inserido em um projeto, é fácil perder o rumo sobre o que parece bom e o que parece ruim. Obter feedback e críticas construtivas sobre o seu trabalho é a chave para se tornar melhor em design.

Agora eu entendi, é mais fácil falar do que fazer. E você provavelmente deseja evitar ser destruído ou desmoralizado, especialmente se ainda estiver aprendendo, mas se estiver usando o Divi, você terá acesso automático à comunidade online mais engajada, solidária e prestativa. Existem vários meios de conexão com a Divi nação, mas minha preferência pessoal são os grupos Divi no Facebook. Eu intencionalmente criei o grupo Divi Web Designers no Facebook com o objetivo principal de poder postar trabalhos para obter críticas e comentários profissionais e úteis para nos ajudar a nos tornarmos melhores Divi Web Designers. Se você tem alguma família confiável, amigos ou talvez colegas colegas de design com um bom olho para design, também recomendo receber suas opiniões se não quiser obter feedback online.

Acho muito útil obter feedback, pois muitas vezes ele indica um design ruim que foi esquecido, áreas de melhoria ou mais. Por exemplo, uma área na qual não tenho um grande dom natural e preciso trabalhar muito é a tipografia. Não faz muito tempo, trabalhei em um site que achei incrível da cabeça aos pés e, ao receber feedback, fui informado de que o tipo que usei não parecia se encaixar na “sensação” do site. Depois de afastar um pouco do orgulho inicial do designer, percebi que eles não poderiam estar mais certos. O tipo de fato não correspondia à sensação do site. Desde então, aprendi a ser extremamente consciente dos tipos de fontes que escolho, em um esforço para fazê-los corresponder à aparência e ao toque certos do site, em vez de ficar com os meus "vá para".

Portanto, se você se sentir corajoso o suficiente para receber alguma crítica construtiva, é bem-vindo para fazer isso em nosso grupo Divi Web Designers no Facebook ou em qualquer outra comunidade Divi on-line, se seguir as diretrizes do grupo. E, como observação lateral, se você for alguém que está dando feedback, quero encorajá-lo a ser extremamente cuidadoso com suas palavras e como você faz críticas construtivas. Ao dar feedback, lembre-se de tentar edificar a pessoa, não destruí-la.

No Fechamento

Espero que esta introdução aos Princípios de design da Web eficazes da Divi o tenha inspirado e animado para o resto da série! Novamente, este primeiro post foi mais uma introdução e preparação para o que está por vir, mas mesmo assim é importante porque antes que você possa melhorar em design, ele começa com a preparação de sua mentalidade para aprender.

Você tem outras idéias ou práticas sobre como aprender melhores técnicas de web design? Deixe-nos saber nos comentários abaixo!

Amanhã: 3 princípios de design da Web eficazes para quem não é designer

Agora que cobrimos a preparação e o aprendizado de como ter um olho melhor para o design, é hora de entrar em alguns princípios de design práticos e acionáveis ​​que ajudarão a levar seu jogo de design para o próximo nível! Até então!

Certifique-se de se inscrever em nosso boletim informativo por e-mail e canal no YouTube para que você nunca perca um grande anúncio, dica útil ou brinde Divi!