7 dicas para MELHORAR seu design (COM EXEMPLOS) que você precisa saber!

e Fala galera beleza sejam muito bem vindos de volta eu sou Daniel aqui no vídeo de hoje eu vou falar para vocês sete dicas que vão melhorar demais o seu design bom galera como sempre eu gostaria de pedir para você que não esqueça se inscrever no canal e clicar no gostei caso você goste do vídeo e comentar embaixo boca do sugestão que você possa vir a ter isso ajuda demais acho que fazer o canal crescer certo então cara não sabe rapidinho clica aí no gostei se não é inscrito se escreve rapidinho não custa nada e

se me ajuda muito a outra coisa caso você queira ajudar o canal financeiramente Existem duas maneiras de você fazer isso a primeira dela através do apoia-se o link está aqui embaixo na descrição a segunda delas é através dos links que estão as que são que caso você queira comprar alguma coisa uma pequena quantia desse valor volta diretamente para mim beleza então é isso Bora para o vídeo a primeira dica que eu quero dar pra vocês é a teoria das cores Eu já falei sobre isso a no vídeo específico sobre a teoria das cores eu explico

cada detalhe que ela que mais basicamente é que cada cor funciona melhor com algumas cores e não com todas as coisas você não pode simplesmente chegar e fazer uma combinação de cor a luta por que perguntas vezes não vai funcionar então aqui mais ou menos tem um pequeno exemplo aí que você vê explicando cada cor que eu vou funcionar com cada cor e tal basicamente Essa é a parte mais importante da teoria das cores uma outra coisa muito interessante dentro da teoria das cores é a Psicologia Das Cores que é onde a gente vai entender

a mensagem que cada corpo é passar para nós você já nesse quadro que você pode vir aqui cada logotipo tem uma ideia e uma mensagem que ele quer passar então por isso por muitas vezes a cor principal é feita já pensada nisso Será que tão vocês podem ver aqui sei lá se a ideia é ser uma cor mais amigável usa-se o laranja você desce uma cor mais otimista no pau Amarelo pé desce uma cor mais criativo a gente vai para o rosto e por aí vai basicamente é isso o a outra coisa que eu quero

mostrar para vocês que eu acho muito legal que vocês precisam saber é por exemplo se você tiver dentro do Illustrator você tem essa janela aqui que a color guide que se você vir aqui e simplesmente sei lá escolher uma outra cor por exemplo Vamos colocar a vermelha e a gente voltar aqui para o collorgas ele meio que cria uma paleta de cores para gente já tanto de sombras quanto de cores que a gente pode utilizar que vai funcionar mais ou menos bem dentro daquela paleta que a gente escolheu o a outra que é muito legal

também é o Color jeans que tem aqui dentro da janela Windows E aí você encontra ali o Adão color 30 vendidos os três horas também e aqui você pode simplesmente escolher uma paleta de cores com base na roda de cores que é o que eu falo na teoria das cores no vídeo caso você não tenha visto vai lá dar uma olhada aqui ajuda demais e aqui a gente tem várias opções a gente podem inclusive explorar cores de utilizada por vários usuários que eles escolhem então você pode vir aqui que simplesmente tem uma série de paleta

de cores que você já pode pegar ali nem o que pré pronto e podem te ajudar muito na hora que você tiver criando o seu design beleza a segunda dica falando ainda de cores não é criar uma segunda dica é agir utilizar cores na hierarquia do nosso design o que que é isso basicamente é utilize as cores de uma maneira onde a gente consiga destacar elements através das cores com a gente pode vir aqui a nesse caso é um caso bem simples dá uma pequena ilustração Zinho só para mostrar para a gente que simplesmente um

bonequinho com a mão para cima é difícil de se perceber enquanto no outro caso simplesmente utilizando um jogo de cor uma cor um pouco mais contrastante a gente consegue escrever esse elemento um pouco mais para frente obviamente que eu não tô falando só disso a gente pode utilizar as cores inclusive em design como por exemplo aqui o simples fato da gente ter do lado esquerdo uma massa muito grande e coloca a gente dentro dessa hierarquia e faz o nosso olho seja guiado para isso aqui nesse outro caso a mesma corrente de uma revista ou tem

um título subtítulo e teste e depois ter uma foto mas a gente tem uma curva ali muito contrastante dentro de um folhetinho que com certeza vai fazer com que a gente lei aqui no primeiro essa aqui não tivesse uma cor ali já ao meio Sim sou que meio que fosse cama o Flávio dentro da imagem a gente a perceber isso muito menos hoje a gente consegue criar é se ela aqui a utilizando aí as cores que um outro exemplo simples onde simplesmente o título portar um pouquinho mais colorido por centenas vai acordar imagem a gente

também consegue criar uma hierarquia e seguir dentro dentro dessa linha uma outra dica que eu acho que é muito boa para quem tá começando aí principalmente para quem também já já trabalha há bastante tempo é a questão da Transparência e mesclagem que pode ajudar muito o nosso design como por exemplo nesse caso aqui o simples fácil de usar uma transparência faz com que a gente consiga enxergar a imagem de trás ao mesmo tempo a gente consegue furar esse quadro vamos ver assim e mostrar mais ou menos os elementos ali de trás não seja a gente

consegue trabalhar de diversas maneiras utilizadas transparência e mesclagem no nosso design isso quanto mais você aprende a utilizar mais fácil vai ficando aqui uma outra maneira de simplesmente a imagem é muito forte por exemplo nesse nesse caso e para não perder as imagens uma maneira de não ser contrato e continuar deixando a imagem primeiro foco utilizar esse título transparência tá a maneira simples de se fazer mais que cria todo uma elegância deixa muito mais chique vamos dizer assim esse esse design e que pouca gente utiliza esse recurso aqui de novo a mesma coisa né ali

nesse caso de novo a foto muito impactante muito forte e se a gente tiver falando já de mesclagem essa opção também é uma opção muito boa muito utilizada em diversas fotos para criar o mar terceiro emagrece junção de duas fotos fez com que uma terceira imagem fosse criada a equipe esse efeito bastante emocional na imagens assim a pessoa tem ali duas expressões Nesse caso a gente tá falando do almoço então é algo que pode ser bem interessante aqui de novo o mesmo efeito aplicado só que de uma forma um pouco mais forte geralmente isso aqui

é utilizado bastante que coisa de daquela linguagem um pouco mais rock um pouco mais assim e esse tipo de linguagem é visto bastante esse tipo de imagem e aqui é um outro tipo de Transparência Oi Elisa a foto dentro do texto sei lá como se o nosso texto fosse um recorte que a gente mostrou também lá no nosso primeiro eu já entro mais que lá tinha era diferente porque tava dentro de um quadro que começou a fonte eu acho que é bem interessante a outra maneira de utilizar essa mensagem é fazer como por exemplo nesses

dois casos agora que vou mostrar pra vocês que é fazer com que a tipografia se incorpore na imagem e que devida a imagem então no caso a gente tem ali Afonso por trás que aquele branco mas quando ela tá por cima da imagem ela toma uma outra forma e toma uma outra cor inclusive da cor a imagem Então isso é uma coisa bem interessante pode deixar essa foto é preto e branco e que cria aí esse novo efeito na foto então isso é uma coisa bem legal aí o efeito que não é tão simples de

fazer mais que se você fizer isso pensado a chance de que você obtenha um resultado muito bom é grande beleza e por último mais um aqui como aquele que a gente viu utilizar a tipografia como um recorte de alguma coisa consciente é lindo através de uma janela pode ser um jeito interessante de se trabalhar a quarta dica é ponto focal e para que que serve o ponto focal a gente direcionar o olhar do nosso leitor e quem tiver vendo aquele que a gente está fazendo para mim lugar específico isso em cartaz é muito bem feito

e como nesse caso aqui você só tem uma coisa para olhar só vai ler ali a frase porque tá tudo direcionada no centro mas isso também pode ser feito por exemplo em design editorial e publicidade também isso é feito muito bem onde normalmente será e publicidade gente vai ver um elemento só no meio da página mas aqui por exemplo a gente pode ver que a primeira coisa que me faz olhar essa página é a ilustração e logo na sequência um título então isso não cria nesse caso: focais um em cada página mas que criam direcionamento

e que me ajuda a entender a ordem que eu tenho que fazer as coisas quando você pensa em um ponto focal no seu galho no seu layout isso vai te ajudar muito na hora de criar porque se você partir e você sabe que aquela informação principal então ali é o seu ponto focal e aí depois você simplesmente desenha a loca os elementos em torno daquele ponto focal tentando criar aí uma ordem de leitura aqui mais um exemplo né onde a gente só consegue olhar o tênis esse daqui o muito legal da Nike o que a

gente viu o tênis mais ter essa linha de tipografia além de criar aquele grafismo aqui no meio a gente ainda leucop do da propaganda O que é sensacional e aqui também nessa revista que mostra pra gente aí fica um gigantesco então obviamente a gente é obrigado a partir dali e eu vou falar a última dica tem muito a ver com essa mas eu vou deixar ela para o final beleza a próxima dica que eu quero falar para vocês é sobre espaços em branco vai tipografia porque na tipografia porque normalmente texto precisa de espaço quanto mais

espaço a gente tiver em volta do texto melhor esse texto vai ser no sentido de que ele vai ter mais elegância ele vai chamar mais atenção e vai ficar mais é diretamente se você colocar muito elemento na mesma página a gente daquele virar um caos é muito grande aqui um bom exemplo a gente tem aí imagens que já são brancas por exemplo nesse caso é uma página um do outro lado ali para os elementos colocados os tipos clientes é não eu não sei exatamente o que que é esse layout mas analisando assim a gente consegue

ver ali que a gente tem uma hierarquia muito perfeita se olha o projeto Depois você olha ali Quem são os clientes quem é aquela página que era informação é muito bem colocada aqui a mesma coisa a gente consegue utilizar esse espaço em branco para criar essa elegância nessas páginas pode ver que a gente tem só texto e a gente poderia por exemplo nesse caso aqui colocar todo esse texto em uma página só Sem dúvida nenhuma que caberia mais dificilmente a gente teria essa página Clean essa página que induz a gente a lei assim porque realmente

muito bem colocados elementos a gente pode ver que tem um espaço entre letras e em um espaço entre-linhas muito grande então isso ajuda bastante na lei o guia bastante nosso olhar aqui mas um exemplo de novo da mesma cor aqui um outro exemplo de a gente consegue ajustar informações pode ver que a língua importa pouco quando a gente está falando de design e aqui de novo Os Pequenos elementos criam esse espaço a gente sabe exatamente o que é título O que é indicação o que é número de página e tipo é muito fácil de seguir

que isso não tem que ser feito somente com branco a isso é uma coisa importante é decidir vamos pode vir aqui a gente tem esse mesmo utilizo da do espaço em branco da página utilizando cores no fundo ele não necessariamente a página precisa ser branca não é isso é uma coisa interessante de dizer isso serve também para o design de web ou uma apresentação pode ver uma apresentação é muito mais agradável aos olhos não apresentação cheia de texto Sem dúvida nenhuma e neste caso aqui como vocês podem ver também a gente tem aí eu utilizo

tu espaço em branco todinho Preto um Afonso todo em branco ou seja a gente em diversas coisas aqui que já foi falado para trás aqui das dicas e que tem o ponto focal Tenho direcionamento da nossa imagem que os espaços em branco e como cês podem ver a gente praticamente escuta a música aí desse festival simplesmente dizendo que isso daqui e por último um pouco mais estranho mas só para dizer que utiliza de espaço em Branco faz com que a gente conseguir entender exatamente a ordem que isso daqui tem que ser lido facto uma coisa

interessante agora passando a por tudo isso uma coisa que tem que estar sempre na nossa cabeça na hora que a gente está criando é sem dúvida nenhuma A Hierarquia de informações aí era aquele informações pensada com tudo aquilo que a gente acabou de falar cria muito mais facilidade na hora de criar o nosso layout nosso design e o que que é isso aí ela queria informação ela possa Seguir em diversas formas podem ver que eu tenho destaque especial para corpo que é uma que é difícil de se utilizar e que ela tem que ser muito

bem pensada Mas aqui tem aí uma lista vamos dizer e o que é essa hierarquia de informações pode ser feita através de tamanho seja agrupando elementos de tamanho igual através das cores destacando Element contrastando elementos Ou seja a gente consegue destacar elementos a partir do contraste do tipo de elemento ou seja se você tem 10 fotos quadradas e uma Redonda aquela redonda com certeza vai ter um destaque especial em simetria ou seja colocando elementos iguais dos dois lados a página isso é uma coisa que ajuda bastante agrupando puro ela similaridade ou seja tudo que é

igual a gente deixa junto na página será a gente está falando de ingredientes de uma receita você colocar os ingredientes tudo junto obviamente vai ajudar a pessoa identificar com aquilo ali são os ingredientes a coisa mais importante que é o que mousse designer e em gente faz a misturar tudo isso dentro da mesma página ou dentro do mesmo layout e achar que isso vai ficar bom alguns exemplos tá aqui por exemplo essa foto com esse título ela tem essa similaridade porque a fonte está Praticamente em Balancear E então como a gente mostrou aqui um exemplo

de trás essa simetria É verdade ajuda muito na hora de entender o que essa mensagem e qual é a ordem que a gente tem que ler essa matéria aqui uma bem interessante porque a gente tem ali a foto da esquerda onde nosso olho já começa e por isso obviamente a gente a primeira coisa que a gente vai ver que a foto mais um título sabe depois do texto ou seja e mesmo assim a gente vai ler primeiro título e depois né o texto em cima tão isso é exatamente do faveco a questão de você ter

tamanhos diferentes faz com que independente da ordem dos elementos estarem diferentes ou seja não estarem dispostos na ordem normal para que a gente consiga ler essa página aqui sem nenhum problema aqui de novo a questão da similaridade entre tipografia e a foto da modelo e você pode ver utiliza esse arpão com a fonte em diagonal cria um design Fantástico nessa revista e aqui de novo um outro exemplo que mostra que sim e a foto com o título ali em cima faz com que a gente de novo Leia primeiro título óleo para foto leia a parte

ali embaixo dele e aí depois a gente começa a ler a matéria ou seja e ela fica de informações que é feito utilize de cores contraste tudo que você sentei aqui uma outra toda em preto e branco e também a utilizar esse de gigante aí com advocacia dentro faz com que a gente consiga ler exatamente dentro da nossa forma beleza galera o vídeo de hoje foi esse espero que vocês tenham gostado se você gostou cara se inscreve no canal não custa nada clicando vocês comenta embaixo que você achou e qualquer dúvida ou sugestão só perguntar

que eu respondo todo mundo uma outra coisa se você quiser me segue lá no Instagram eu tenho lado várias dicas também sobre design lá tem o postado o trabalho de alguns artistas que eu acho legal vocês conhecerem então vai lá e me segue por lá que sempre tem coisa não é isso aí e até o próximo vídeo falou valeu tchau tchau tchau