Transcrições
1. Primeiros passos: Oi. Sou Courtney Eliseo. Sou estrategistas de marca, designer e educador que passou os últimos 15 anos ajudando as pequenas empresas a dar vida às suas marcas. Trabalhei com empreendedores em diversos campos, como educação, tecnologia, beleza, hospitalidade e varejo. Usando uma abordagem única para branding que aproveita sistemas estruturados e flui com intuição. Este processo fornece uma estrutura para a criação de uma identidade de marca que evolui organicamente de um passo para o outro, e resulta em uma aparência prática e evocativa. Esta aula vai destacar uma pequena peça do meu processo típico de design de identidade de marca, criando paletas de cores. Eu desenvolvi essas séries de lições com designers em mente, mas o material é acessível o suficiente para qualquer pessoa com interesse no tópico para mergulhar diretamente. Mesmo que você não tenha nenhuma experiência de design. Aqui está o que você vai aprender. Como a paleta de cores é estruturada. As três categorias principais de cor e como elas são usadas. Como usar um quadro de humor para criar uma história de cores. Como traduzir uma história de cores em uma paleta de cores e como restringir várias opções de paleta em uma paleta de cores de assinatura. Quando terminar, você deixará a aula e compreenderá a totalidade
do meu processo de criação de paletas de cores e a compreensão de como a criação de paletes se encaixa noprocesso de identidade de marca maior e
abrangente, processo de identidade de marca maior e
abrangente, e uma paleta de cores única e proposital para o seu próprio projeto cliente. Você vai precisar de algumas coisas para começar. Primeiro, você precisará de um cliente ou projeto para o qual pretende desenvolver uma paleta de cores. Então você também precisará de uma placa de humor que represente
com precisão a direção visual do projeto. Você também precisará de um programa de design onde você pode fazer algumas coisas. Um, desenhe caixas para amostras de cores, e dois, amostras de cores do seu quadro de humor. Idealmente, você será capaz de fazer as duas coisas diretamente dentro do mesmo aplicativo, por isso é um processo rápido e fácil. Eu pessoalmente estarei demonstrando com o Illustrator, que eu uso em quase todas as etapas do processo de design. Mas você pode usar o Photoshop ou qualquer outro aplicativo que você preferir. Para o seu projeto, você vai começar com um quadro de humor, assim como eu faço com meus próprios clientes e seguir alguns passos simples para traduzir seu quadro em uma paleta de cores funcional para um cliente ou para você mesmo. Não se preocupe se você não tem um cliente de verdade para trabalhar. Para os fins desta aula, você pode optar por trabalhar com um cliente de fingir ou sonho para passar pelas lições. Você também poderá acessar a amostra que forneci para a aula que usarei para demonstrar o processo ao longo das aulas do curso. Usar isso para fazer o seu trabalho também é uma opção. Eu também forneci um arquivo de modelo que lhe dará orientação
adicional durante todo o processo e eu vou compartilhar como ele é usado como nós vamos. Só mais algumas coisas que quero que tenha em mente antes de começarmos. Primeiro, esta não é uma aula de teoria das cores. Bem, eu conheço a teoria das cores e isso informa este trabalho até certo ponto, eu não considero conscientemente psicologia das cores enquanto eu trabalho através deste processo. Eu não vou passar por coisas como o significado de certas cores ou falar com você sobre como a roda de cores funciona. Em vez disso, as lições vão quebrar meu processo pessoal de desenvolvimento de paleta de cores, que inclui algumas etapas simples com base no trabalho inicial que coloquei em uma estratégia de marca. Para esta aula, vamos pular um pouco
do trabalho de estratégia inicial e ir direto para o quadro de humor. A premissa a partir da qual trabalharemos é que, como você já colocou muito esforço estratégico e cuidado em seu quadro de humor, é a única ferramenta que você precisa para reunir uma paleta de cores única e proposital que se adapte à sua marca. Você pode ter um pouco mais de uma noção do quadro geral. Aqui está um gráfico muito simples mostrando como as peças do meu processo funcionam juntas. Eu divido um projeto em três fases principais: estratégia, design e produção. Em seguida, há várias etapas e processos dentro de cada um. Você notará que o quadro de humor entra em jogo no final
da fase de estratégia e cor no início da fase de design, então eles estão bem conectados diretamente. É aí que o nosso foco será para esta aula. Em seguida, vamos começar as coisas mergulhando diretamente na estrutura da paleta de cores. Nesta próxima lição, forneceremos a base básica de que você precisa para fazer escolhas intencionais,
intencionais e alinhadas com sua marca. Espero que se junte a mim.
2. Estrutura da paleta de cores: Olá e bem-vindos à Lição 2, estrutura da paleta de cores. Nesta lição, vou lhes dar todo
o conhecimento fundamental para fazer o trabalho que virá nas próximas lições. Porque antes que você possa seguir meu processo de construir uma paleta de cores para si mesmo, você precisa entender a estrutura que eu tenho em mente ao criá-las. Uma faceta importante dessa estrutura é um conceito que cada cor individual deve ter um propósito. É importante escolher cores que não apenas se complementem, mas também estão ligadas a um papel específico que
desempenha dentro da identidade da marca que você está criando. As cores precisam trabalhar em conjunto visualmente como uma linha de base, mas também precisam trabalhar dentro de um sistema que pode ser usado para criar uma presença consistente e coesa para sua marca. Tendo isso em mente não só fornecerá à sua paleta alguma estrutura, mas também ajudará a dar a sua estrutura de processamento, que tornará a tomada de decisões muito mais fácil e perfeita à medida que você avança. Com isso em mente, vamos falar através da estrutura com mais detalhes. Existem três categorias de cores que procuro em cada paleta de marcas. Eles incluem primário, secundário e neutro. Vamos quebrar cada um deles. Começando com cores primárias. A cor primária é uma assinatura de marcas ou cor principal. É a única cor que você mais associa com a marca. Pense em verde para Starbucks, vermelho para Netflix ou azul para JetBlue. Existem algumas características que significam que uma cor cai nesta categoria. Primeiro, é o mais reconhecível. O objetivo principal da sua cor primária deve ser criar uma associação de cores forte para a marca. Você vai usar essa cor uma e outra vez em todos os tipos de situações. Horas extras, seus clientes começarão a
associar reflexivamente essa cor específica à sua marca. Além disso, uma cor primária é muitas vezes uma cor. Como esses são objetivos significativos da cor primária de uma marca, maioria das
vezes, isso significa que a categoria de cores primária inclui apenas uma única cor. Mas isso não tem necessariamente de ser o caso. Há alguns casos em que uma marca emprega duas cores primárias como parte de seu paladar. Um bom exemplo seria amarelo e vermelho para McDonald's. Você raramente vê um sem o outro e o emparelhamento tem uma forte associação com McDonald's como uma marca. Outra coisa a ter em mente é que sua cor primária não precisa necessariamente ser extremamente única. Pode ser preto, por exemplo, ou outra cor neutra. Nike é um bom exemplo de uma marca que faz isso. Eu sei que este ponto pode ser um pouco confuso porque nós realmente
vamos falar sobre cores neutras como uma parte importante da sua paleta em um minuto. Mas a principal coisa que você quer ter em mente é que sua cor primária é sua cor mais importante. Não tem que ser permitido cor e não precisa ser algo que você nunca viu em nenhum outro lugar. Acima de tudo, o que você precisa se concentrar em qualquer cor em sua paleta é escolher uma cor adequada para suas marcas. Como acabei de mencionar, sua cor primária deve ser a cor mais usada. Isso não significa que você precisa colocar tudo em cima de tudo que você coloca para fora no mundo. Mas você quer usá-lo em locais onde você deseja criar um impacto significativo. Onde exatamente isso é ou o que isso consiste sempre vai depender do contexto. Isso muitas vezes irá mostrar um importante elementos da marca como logotipos e dominar a paleta de cores e materiais de marketing. Se você tiver mais de uma cor primária, o objetivo deve ser usá-las da mesma maneira e usá-las igualmente. Vamos passar para cores neutras. Por definição, cores neutras são aquelas sem cor. São cores que não são representadas na roda de cores, como cinza, branco e cremes. Eu não amo essa definição porque parece um pouco limitante. Sob as circunstâncias certas, os neutros podem ter muita personalidade e muita cor dentro deles. Mas entender a definição básica ajudará você a ver como as usamos no contexto de sua paleta de cores abrangente. As cores neutras têm alguns papéis na sua paleta. Primeiro, se usado intencionalmente, suas cores neutras ajudarão a criar uma sensação de equilíbrio dentro da paleta. Eles ajudam a preencher a lacuna entre suas cores mais dominantes, primárias e secundárias para que o resultado final seja uma paleta que está em harmonia. Os neutros também lhe darão a capacidade de colocar
elementos em camadas ou permitir que o conteúdo se afaste ou se destaque quando necessário e proporcionando-lhe mais possibilidades de criar profundidade dentro de um design. Os neutros desempenharão um papel significativo na sua paleta porque, na maioria das vezes, uma marca exigirá o uso de um neutro para enviar suas mensagens para o mundo. Desde a apresentação de conteúdo até o aterramento de cores primárias, até o fornecimento de um pano de fundo para mensagens significativas, seria
difícil criar uma paleta de marca funcional sem uma cor neutra, porque as marcas precisam confiar neles para muitos coisas. Vamos ser um pouco mais específicos com os neutros escuros e claros. Preto é provavelmente o que vem à mente primeiro quando você pensa em um neutro escuro. Mas há tantas grandes opções para neutros escuros que não são pretos. Cinzentos frios e quentes, taupes escuros, marrons, até mesmo tons escuros de azul, verde ou vermelho podem ser considerados neutros no contexto certo. Essas cores são ótimas para usar para tipos e fundos por trás do tipo de luz ou imagens. Assim como existem muitas opções para neutros escuros, há muitas para luz, incluindo cremes, cinza
claro e até pastéis. Os neutros claros são ótimos para fundos e tipos quando usados em cima de cores escuras e imagens. Em muitos casos, uma marca precisará usar mais de um neutro para fazer o que precisa fazer. Como exemplo simples, eles podem precisar de um neutro escuro para todo o seu texto, mas também precisam de um neutro claro para fundos de imagem. Há um milhão de maneiras diferentes de isso acontecer na prática. Mas isso acontece enquanto muitas vezes optam por incluir um neutro escuro e um neutro claro em uma paleta de marca e, em seguida, usá-los para explicar a paleta ainda mais usando o tempo de cada cor. Como eles geralmente desempenham papéis diferentes, pode ser útil ter um de cada um para trabalhar, mas não é 100% necessário se isso não funcionar para o seu projeto. Por último, vamos falar sobre cores secundárias. A cor ou as cores secundárias na paleta são secundárias e importantes para a cor primária. Veja como uma cor se encaixa nessa categoria. As cores secundárias são importantes, mas não as cores mais importantes na paleta. A cor secundária deve ser reconhecível para sua marca, mas ainda deve permitir que a cor primária se destaque mais. Eles são complementares à cor primária. Muitas vezes, você verá as cores primárias e secundárias usadas em conjunto. Essas cores devem funcionar bem juntas, tanto por conta própria quanto quando vistas dentro do contexto maior de uma paleta mais ampla. A cor secundária às vezes é chamada de cor de destaque. Eu uso esses dois termos de forma intercambiável porque a cor secundária é frequentemente usada para destacar informações ou chamar a atenção para várias coisas. Isso pode incluir itens como botões em uma página da Web ou seu nome em um cartão de visita, ou o título em um folheto impresso. O que isso parece varia muito dependendo dos prós e contras da sua marca e do contexto específico do projeto em que você está trabalhando. Esta categoria é onde há mais liberdade. Enquanto uma cor primária é usada para criar uma forte associação de marca, e o neutro é usado para aterrar toda a sua paleta, o papel específico da sua cor ou cores secundárias desempenharão dentro da sua marca pode mudar drasticamente dependendo do projeto. Normalmente, você deseja ter pelo menos uma cor de realce na paleta. Mas você pode ter quantos forem necessários para sua marca. Não há nenhuma regra rígida e rápida sobre onde limitar o número de cores, desde que haja um propósito específico para cada uma delas. Um exemplo disso remonta ao uso cores
secundárias para destacar e categorizar informações. Por exemplo, talvez você esteja trabalhando com uma linha de produtos de beleza que tem cinco categorias de produtos na linha e seu cliente deseja usar cor para identificar cada produto. Nesse caso, você pode criar sua paleta em torno dessa finalidade e criar uma paleta que inclua cinco cores de destaque. Isso é apenas um exemplo de como poderia funcionar. Se você não está trabalhando com uma situação super específica como a que eu mencionei, o objetivo deve ser apenas começar com uma. Agora que você entende as três categorias de cores que usaremos para construir nossas paletas, vamos revisar e passar por algumas coisas que eu quero que você tenha em mente enquanto avançamos. Primeiro, você quer dar a cada cor um propósito. Quando se trata de cor, pode ser fácil perder de vista o seu objetivo final,
deixando-se levar no processo de criar algo que é apenas esteticamente agradável. Você quer ter sempre em mente que você está construindo esta paleta para ser usado como uma das marcas características distintivas essenciais. Para fazer isso bem, cada cor dentro da paleta tem que ter seu próprio propósito individual. Sua paleta deve ter uma hierarquia. O caminho mais claro para uma paleta de cores que funcionará bem para propósitos de
um cliente e para o seu próprio enquanto você está projetando peças para eles, é garantir que a paleta geral tenha uma hierarquia distintamente definida. Para criar reconhecimento de marca, todas as cores não devem ser iguais. Você também quer se certificar de que você usa todas as três categorias. Para criar uma paleta funcional bem arredondada, você deve sempre ter pelo menos uma cor em cada categoria, a menos que haja uma razão específica para não o fazer. Também pode ajudar a começar pequeno. Se você não está acostumado a trabalhar com cores dessa maneira, comece com apenas alguns. Usar muitas cores pode rapidamente se tornar pesado e muitas cores podem acabar trabalhando contra você e se sentindo como ruído. Isso cobre os prós e contras de como minhas paletas de cores estão estruturadas e o pensamento que impulsiona o processo. Em seguida, eu vou levá-lo através do processo de construção de paletas que eu uso passo a passo.
3. Crie sua história de cores: Olá e bem-vindo à Lição 3; Crie sua história colorida. Nas próximas quatro lições, eu vou levá-lo através de quatro passos simples para construir sua paleta de cores. Eles são: passo 1, criar sua história de cores, passo 2, eliminar e categorizar suas amostras de cores, passo 3, construir suas opções de paleta de cores e passo 4, refinar e finalizar sua paleta de cores. Nesta lição, vamos nos concentrar no primeiro passo: criar sua história colorida. Vamos mergulhar e dar uma olhada no que precisamos para começar. Nós vamos entrar no Illustrator nesta lição enquanto eu o
conduzo pelo processo de construção de uma paleta de cores. Novamente, se você não quiser usar o Illustrator, tudo bem. É o que eu vou usar para levá-lo através dos passos, mas você pode usar qualquer aplicativo que você está confortável com que faz o que precisamos. Se você estiver usando o Illustrator para fazer o trabalho,
vá em frente e baixe o arquivo de modelo de seus recursos, caso ainda não tenha feito isso e abra-o. Vou te mostrar em um minuto. Não importa o aplicativo que você está usando, a primeira coisa que você quer fazer é colocar seu quadro de humor em seu arquivo. Será necessário ter isso acessível para todos os próximos passos. Para levá-lo através dos passos um por um, vou usar uma versão do modelo que eu forneci
junto com o quadro de humor que criei para um cliente inventado, e eu vou falar com você sobre o meu processo enquanto eu for. Mas antes de começarmos, deixe-me explicar o que quero dizer com história colorida neste contexto. Essencialmente, uma história de cores é uma rápida tradução do mundo visual que você criou com seu quadro de humor em um conjunto de amostras de cores que eventualmente serão usadas para construir sua paleta de cores. É um conjunto de amostras que representa toda
a placa de humor sem qualquer estrutura de conjunto ou hierarquia. Deixa-me mostrar-te o que quero dizer. Aqui está um exemplo de um quadro de humor que criei para um antigo cliente meu, CBN.com. Aqui está a história colorida que criei a partir daquele quadro. Vamos dar uma olhada neles lado a lado. Agora você pode ver como os dois se relacionam. Sem analisar a história de cores em detalhes, quando você a vê ao lado do quadro de humor, claro
que as cores se alinham. Este é o resultado final que você obterá desta lição. Voltando para o Illustrator novamente, vamos dar uma olhada no arquivo de modelo e começar. Para esta lição, vamos nos concentrar em duas das pranchetas deste documento. Primeiro, você verá essa prancheta onde coloquei meu quadro de humor no arquivo. O seu ficará em branco por enquanto até colocar o seu quadro de humor lá dentro. Ao lado disso, há uma prancheta com um monte de quadrados
vazios que vamos usar para suas amostras de cores. É aqui que você vai construir sua história colorida. O que vamos fazer nesta etapa é amostras de cores de todo o quadro até termos uma representação abrangente de todas as cores em seu quadro de humor. Isso não significa que você literalmente precisa provar cada cor que você vê, mas queremos extrair exemplos suficientes de cores
que quando você olha para o quadro de humor e história de cores ao lado do outro, eles se sentem semelhantes e completos. Você quer ter certeza de que nada parece estar faltando ou sobre-representado. A propósito, se o número de amostras que criei não funcionar para você, sinta-se à vontade para adicionar mais ou subtrair algumas. Na minha experiência, achei que esse valor um bom equilíbrio entre muito e não o suficiente, mas isso pode não funcionar para você, então está tudo bem. Para fazer a história de cores, o que eu vou fazer é mudar para frente e para trás do Conta-gotas para a ferramenta de seleção direta e começar a preencher todas as amostras com cores. Vou destacar um quadrado, clicar sobre o Conta-gotas aqui, ou você pode usar Olho para o atalho e, em seguida, amostras de cores de todo o quadro. Então eu só vou apertar “A” para chegar à ferramenta de seleção direta, passar o
mouse sobre a próxima amostra, clicar nessa amostra, e depois voltar para o Conta-gotas, e eu vou apenas mover ao redor do tabuleiro para que eu obtendo uma boa representação de todas as cores. Eu vou fazer isso muito rápido no começo só para colocar tudo lá fora e então vamos ver onde estamos no final. Uma coisa a notar é que às vezes eu vou estar tentando provar uma cor específica como esta, azul, por exemplo, e está saindo como uma cor totalmente diferente da que eu estou vendo na tela. Como estou clicando em um pequeno pixel que não é representativo da cor cumulativa que estou vendo, eu vou tentar clicar em um monte de pontos diferentes até obter algo que é mais representativo do que eu estava procurando, que é esta cor, e então eu vou continuar. Este quadro em particular tem um monte de cor para ele, então eu vou tentar e desde o início para não repetir muitas cores porque nós só temos um certo número de amostras e eu realmente não quero
ter uma história de cor com um milhão amostras sobre ele, ele só vai tornar as coisas mais difíceis no final. Como exemplo, há muitas cores nesta imagem de mármore, muitos neutros diferentes e toneladas de tons diferentes de neutro. Na minha primeira passagem, vou tentar obter uma boa representação de todas as cores diferentes que estão aqui, e então isso é algo que eu poderia voltar para refinar. Mesmo com todas essas imagens que são preto e branco e tons de cinza. Você só quer continuar repetindo esse processo até que toda a folha seja preenchida. Novamente, você não precisa ter muito cuidado com as cores que você está selecionando nesta fase. Agora, uma vez que você tenha todas as suas amostras
preenchidas, o próximo passo é dar um passo atrás e avaliar quão bem a história de cores representa o quadro de humor. Como eu mencionei anteriormente, você não quer sentir nada faltando ou sobre-representado. Primeiro, vamos dar uma olhada se minha história inclui ou não cores repetidas. É muito raro que você não tenha nenhum caso disso após sua primeira passagem, mas se você não tiver, não precisa se preocupar com essa etapa. Se você fizer isso, simplesmente identifique onde você vê as repetições
chegando para que você possa tentar substituí-las por outras cores que você possa ter perdido. Como eu estou verificando meu próprio trabalho, eu posso ver que isso é geralmente bastante preciso, mas ele sente que talvez haja muita ênfase sobre os neutros porque as cores se destacam muito mais no meu quadro de humor. Olhando para todos esses cinza quente e bege, eles são bastante semelhantes um ao outro. A próxima coisa que vou fazer é destacar as cores que parecem ser um pouco parecidas demais. Neste ponto, eu vou destacá-los para que eles se destacem um pouco mais da paleta porque nós vamos trabalhar em troca deles em seguida. Você pode fazer isso da maneira que quiser, mas eu gosto de apenas mudar a cor do contorno para destacar as cores específicas que eu preciso trabalhar com. Tudo o que faço é destacar as cores que eu quero trabalhar um pouco mais, e depois mudar a cor do contorno. Eu só vou usar uma magenta para que ela se destaque, mas você pode usar qualquer cor que você quiser que se destaca da sua história. Então nós também temos três negros que são semelhantes, então eu vou mudar o esboço deles também. Também uma coisa a ter em mente, nesta etapa, é que você pode ter cores semelhantes em sua história. Muito desse trabalho, isso é apenas aberto à interpretação. Você realmente só precisa ter certeza de que há diferença suficiente entre cores semelhantes que quando você olha para os dois ao lado do outro, você pode dizer a diferença. Depois de realçar todas as cores que você precisa trocar, você deseja identificar as cores potenciais para substituí-las. Há alguma cor faltando ou o equilíbrio de cores está desligado? Olhando para a minha história, preciso trocar algumas das cores neutras. Quero substituí-los por algumas das cores mais brilhantes do quadro. Se eu olhar para a placa em si, eu acho que há uma quantidade decente de vermelho brilhante representado e também azul claro e verde brilhante. Essas são cores que eu posso dar uma olhada mais de perto e tentar trazer para a história mais. Vamos começar com os negros. Definitivamente não precisamos de tudo isso. Acho que ficamos com apenas um. Uma vez que o conselho inclui um monte de preto sólido verdadeiro, Eu vou manter este aqui mesmo porque ele me parece mais como uma verdadeira cor preta profunda. Este quase parece uma repetição do preto sólido, e este parece um pouco mais silencioso e cinzento. Eu vou remover a cor de destaque deste aqui porque nós vamos mantê-lo, e então eu vou trocar esses dois. Vamos encontrar um vermelho para um substituto. Eu não acho que eu tenho nenhum vermelho daqui de cima e isso é mais como um verdadeiro vermelho cereja, então eu vou tentar encontrar algo que é um pouco mais profundo do que o próximo a ele. Às vezes você só tem que clicar em torno pixels diferentes
para obter algo que parece certo. Vamos com este. Ainda muito perto da amostra que está ao lado, mas é um pouco diferente e eu acho que isso merece mantê-lo. Temos mais um preto para trocar, então vou olhar em volta e ver com que outros vermelhos temos que trabalhar. Este parece bom porque é um pouco mais vermelho alaranjado. É semelhante a este, mas é um pouco mais leve e tem um pouco menos amarelo, então isso funciona. Agora que temos nossos negros cuidando, vamos trabalhar com esses cinzas quentes. Este parece que é uma história de cor um pouco diferente destas, então eu acho que vou manter esta amostra. Estes também sentem que há alguma diferença entre eles. Acho que esses dois são os mais próximos, mas vamos testar isso sobrepondo-os e ver como
eles se parecem quando estão bem em cima um do outro. Você pode ver que há um pouco de diferença aqui. Se eu colocá-lo aqui, há uma quantidade decente de contraste também. O que isso me diz é que eu deveria apenas remover a amostra do meio porque as amostras para a esquerda e para a direita têm contraste
suficiente entre elas que eu não iria considerá-las repetidas. Vou remover os destaques daqueles dois, e depois vou trocar este. Em termos do que eu quero acrescentar aqui, eu acho que azul claro e verde estão muito bem representados no quadro de humor e não necessariamente representados com precisão na história, então eu vou começar tentando encontrar um verde que preencha na lacuna. Eu não acho que nós provamos este verde, então vamos tentar isso para começar. Ótimo. Parece um pouco diferente do resto e acho que funciona muito bem. Com essa adição, sinto que minha história é bastante arredondada e representativa do quadro de humor. Algumas coisas para anotar antes de terminarmos. Primeiro, eu quero salientar que eu tenho essa cor creme que parece muito perto do meu fundo branco. Eu acho que vale a pena manter como parte da paleta de cores porque ainda é um pouco diferente do branco puro, e quando entrarmos no próximo passo, eu definitivamente poderia querer ter algumas opções neutras que não são cinza e não são totalmente brilhante, mas ainda não está aparecendo muito bem. O que eu vou fazer quando eu tenho uma cor clara como esta para trabalhar com, é apenas adicionar um pouco de um esboço preto para ele apenas para que ele não se perca no storyboard cor. Vou fazer isso um pouco mais fino para que seja menos perceptível. Eu sei que pode ser um pouco irritante que isso tenha um esboço e nada mais faz, então se isso incomoda você, eu vou colocar um esboço em torno de todas as amostras, mas eu pessoalmente prefiro tê-lo lá do que que pareça que há uma amostra faltando no quadro. Eu também quero abordar o fato novamente, que você pode ter um par de problemas com um número de amostras que eu lhe dei. Você pode notar que a cor está faltando na sua história, mas não há nada que você queira remover da sua história, então, novamente, basta adicionar mais amostras se precisar delas. Então o último passo é finalizar tudo. Depois de percorrer todas as etapas que acabamos de passar,
e sentir que não tem mais nada para adicionar ou subtrair, você pode chamar sua história colorida completa. Agora você tem o início de uma paleta de cores da marca que
continuará evoluindo ao longo das próximas lições. Se você quiser compartilhar seu trabalho,
vá em frente e publique seu quadro de humor e história de cores para que
possamos ver seu processo e fornecer feedback se você quiser. Estou ansioso para ver o que você inventou. Em seguida, vamos dar uma olhada em como eliminar e categorizar suas amostras. Vejo você na Lição 4.
4. Selecione e classifique suas amostras: Olá e bem-vindos à Lição 4: Categorize suas Amostras. Nesta lição, eu vou orientá-lo através do processo de categorizar as amostras que você criou como parte de sua história de cores, que o levará um passo mais perto de
traduzir seu quadro de humor em uma paleta de cores acabada. Nosso objetivo principal nesta etapa será pegar todas as amostras e agrupá-las nas três categorias que analisamos na Lição 2: primária, secundária e neutra. O processo de organização de suas cores permitirá que você veja as opções que você tem com mais clareza antes de começar a emparelhar cores em paletas reais. Vamos voltar para a nossa paleta para ver o
que vamos focar e usar para esta etapa. Primeiro, você verá que eu tenho meu quadro de humor na minha frente, bem
como minha história de cores completa, e depois abaixo você verá que há três novas placas que são rotuladas por categoria de cores. Estas são as placas em que nos concentraremos nesta lição. Vamos começar. Para começar, vamos dar uma olhada na nossa história de cores. O que queremos fazer é mover cada amostra da história para uma das pranchetas categorizadas, para que tenhamos um pool organizado de potenciais cores primárias,
potenciais cores secundárias e potenciais cores neutras para puxar de quando vamos para criar paletas. Eu provavelmente te dei mais amostras do que você precisa, mas isso só te dá um pouco de espaço para brincar se você precisar. Vamos tentar trabalhar nisso com o meu exemplo. Você move as amostras do jeito que quiser, mas na minha mente, há duas maneiras simples de fazer isso. Você pode arrastar cores para cima
das amostras vazias ou usar o mesmo processo de amostragem de cores que acabamos de fazer com nossa história de cores. Basta selecionar a amostra vazia para a qual deseja mover uma cor, subir para a história de cores, [inaudível] para o conta-gotas e clicar para obter essa cor na amostra. Arrastar é potencialmente um pouco mais rápido e também menos preciso do que usar a ferramenta conta-gotas, então depende apenas da sua preferência. De qualquer forma, você não precisa se preocupar em manter este passo limpo. Suas amostras podem ser confusas e elas não precisam ficar em linhas e colunas
arrumadas, a menos que você queira que elas sejam. O objetivo principal nesta fase é apenas colocar tudo no lugar certo. Este aspecto das coisas é realmente simples. O que pode ser complicado é como você toma as decisões sobre o que ir para onde. O desafio é categorizar cores
no estágio em que você ainda não atribuiu nenhum significado a elas, e por isso você sempre terá cores
que poderiam pertencer a mais de uma categoria. Para começar, você só quer usar o seu melhor julgamento e obter as cores onde você sente que eles pertencem mais. Não se preocupe muito em acertar isso 100 por cento nesta fase. Você sempre pode mover as cores mais tarde quando estiver transformando as amostras em paletas reais. Vamos dar uma olhada no meu exemplo para que eu possa explicar como eu faço isso. Vou começar com cores neutras porque geralmente são muito fáceis de retirar, então a classificação pode ser feita muito rapidamente. Vou passar por cada linha da história e
amostras de cores que parecem que eles se alinham com a categoria neutra. Agora eu estou escolhendo cores que se alinham com a definição de neutro que falamos anteriormente, mas eu ainda estou tendo em mente que algumas dessas podem mudar para o ponto principal na próxima etapa. Categorizar cores secundárias e primárias provavelmente será um pouco mais difícil porque a diferença entre as duas nesta fase é mais difícil de discernir. Não há regras rígidas e rápidas sobre o que deve contar como uma cor primária e o que deve contar como uma cor secundária. Quando eu trabalho no degrau, geralmente
há pelo menos um par de cores que se destacam para mim como sendo corredores da frente e pertencendo em um determinado lugar. Mas não se preocupe se não estiver no mesmo barco. É improvável que você possa visualizar completamente onde deseja levar sua marca no final agora. Neste ponto, você só precisa confiar em seu instinto sobre o que vai para onde e permitir que o processo evolua. Não pense demais. Então também tenha em mente, fazer sua categorização preliminar agora só tornará suas escolhas específicas de paleta um pouco mais claras na próxima etapa. Se voltarmos ao meu exemplo especificamente, um lugar que eu gosto de começar é pensar sobre quais cores estão realmente se destacando para mim do quadro de humor. Essas são as cores que eu gravitaria para cores primárias, e então o resto eu iria relegar para cores secundárias. As coisas podem se mover um pouco, mas acho que é uma boa maneira de começar, especialmente se você está um pouco inseguro sobre a diferença entre primário e secundário dentro do contexto do seu quadro de humor. Como mencionei na última sessão, as cores que se destacam para mim como sendo um pouco mais proeminentes são vermelho, verde e azul claro para alguns dos tons azuis médios. No meu caso, os neutros neste quadro também são muito proeminentes, especialmente negros. Eu colocaria preto aqui como opção primária. Mas, a fim de realmente começar a categorizar, eu vou apenas seguir os mesmos passos que eu fiz isso com os neutros e passar por cada linha para puxar para fora as cores que eu acho que pertencem à placa primária. Vou ficar com o que acabei de mencionar para minhas cores primárias: vermelho, verde e azul. Mesmo que este azul seja bem claro, eu ainda vou incluí-lo aqui porque é tão proeminente no quadro de humor. Como eu disse, também vou incluir preto, mesmo que seja tecnicamente uma cor neutra. Tudo isso parece secundário para mim. Então eu também vou usar este azul médio, e eu também vou usar este vermelho alaranjado, e então este verde, e eu tenho mais um verde aqui. Eu também vou usar este vermelho laranja. Este verde não é bem o que eu estou procurando, mesmo com o azul. Vou parar por aí com as cores primárias o resto dessas cores vá para a categoria secundária. Como passo final, você só quer eliminar todas as cores que você sabe que não quer usar em suas paletas finais. Você já passou pelo processo de limpeza de amostras que pareciam repetições, mas uma vez que você começa a isolar cores mais nesta etapa, você pode achar que existem amostras adicionais que são apenas desnecessárias. Por exemplo, você pode achar que prefere uma nota a outra ou pode identificar uma cor como se inserindo
na categoria principal, mas sabe que ela não será exatamente a certa para sua marca. Neste ponto, você pode remover todas as cores que você sabe que não serão úteis na formação de suas paletas finais. Eu pessoalmente não acabei com nenhuma amostra
que precisasse ser eliminada do meu projeto, mas isso pode não ser o caso para você. Portanto, reserve alguns minutos para revisar tudo o que você colocou em prática e
certifique-se de que deseja todas essas opções com você quando estiver trabalhando em seus paletes na próxima lição. Além disso, você provavelmente vai acabar com
algumas amostras vazias, a menos que você já tenha começado a duplicar cores primárias e secundárias entre placas, ou se você tiver, por exemplo, uma quantidade agressiva de neutros como parte de sua paleta e isso equivaleu a mais amostras do que o que eu lhe dei. Se você tiver amostras vazias, não se preocupe com elas por enquanto, e se precisar de mais, assim como com nossas histórias de cores, basta copiar e colar mais amostras vazias no tabuleiro. Assim que tiver movido todas as amostras da sua história colorida para as diferentes categorias e não
tiver amostras desnecessárias ou não pertencerem, considere esta etapa concluída. Sinta-se livre para adicionar capturas de tela de sua categorização de cores ao seu projeto para que possamos ver seu progresso. Vejo-te na próxima lição.
5. Crie suas opções de paleta de cores: Olá e bem-vindo à Lição 5, crie suas opções de paleta de cores. Nesta lição, vamos nos concentrar na Etapa 3 do nosso processo, construir suas opções de paleta de cores e passar a fazer paletas de cores reais do trabalho que você fez até agora. Passar por esta etapa ajudará você a começar a visualizar com mais precisão como esse bloco de construção essencial da sua marca vai se unir. Ele permitirá que você veja completamente todas as possibilidades
da paleta de cores que podem evoluir do seu quadro de humor. No final, você terá um punhado de paletas distintas para você trabalhar. O número exato com que você terminar dependerá inteiramente do seu ponto de partida, se você preferir trabalhar com mais ou menos opções, e com que facilidade seu tabuleiro se presta a diferentes paletas. Por exemplo, se sua prancha é bastante monocromática, você pode acabar com uma direção que pareça certa. Mas se você tem um tabuleiro realmente colorido como seu ponto de partida, você pode acabar com várias opções. De qualquer forma, você estará totalmente configurado para definir a paleta de assinatura final da
sua marca na próxima etapa. Vamos voltar ao Illustrator e dar uma olhada em como o modelo nos guiará nesta etapa. Temos o nosso quadro de humor, história de cores
acabada, e depois as nossas tábuas de categorização. Eu só vou ir em frente e remover as amostras vazias aqui. Sinta-se livre para fazer isso, se quiser. Só faz com que a prancha se sinta um pouco menos desordenada. Agora você também pode ver que abaixo de seus quadros de arte categorizados, eu criei um par de novas placas com amostras organizadas em paletas claramente definidas. Cada conjunto de amostras vazias inclui um espaço para uma cor de cada categoria como linha de base, mas você pode adicionar amostras facilmente conforme necessário. Deixei espaço suficiente para você fazer isso no mesmo quadro de arte. No geral, o processo que seguiremos para essa etapa consiste simplesmente em mover amostras de seus quadros de arte categorizados para paletas específicas. Como fizemos nas últimas etapas, você pode fazer isso arrastando as amostras para cima do modelo ou usando
a ferramenta conta-gotas para amostra de cor. Você só vai começar a preencher as amostras usando qualquer um dos métodos até ter uma paleta completa com a qual você está feliz. É tão simples assim. Em seguida, você só vai repetir esse processo até que você esteja satisfeito com as opções da paleta de cores. Neste ponto, você pode estar se perguntando como
decidir o que realmente o torna em uma paleta de cores. Quando eu chegar tão longe no processo, eu tendem a ter algumas idéias em mente, então eu geralmente vou começar com elas e brincar com elas para ver o que acontece. Mas também há algumas outras coisas que estou sempre a ter em mente. Um é o propósito de cada cor. Já mencionei isso algumas vezes, mas vale a pena repetir. Você não quer escolher cores apenas por causa de cor, você quer dar a cada cor um trabalho. Certifique-se de que, ao reunir suas paletas, você tenha uma noção do papel que cada um desempenhará na sua marca. Não precisa ser explicitamente delineado ainda, mas você deve ter uma idéia geral de onde você está indo. Outra coisa que estou sempre de olho enquanto trabalho é o contraste. Isso é decididamente subjetivo, mas você sempre quer ter certeza de que há uma quantidade adequada de contraste entre as cores em sua paleta, especialmente entre categorias. O grau disso vai variar muito dependendo do seu projeto específico. Mas você só quer ter certeza de que há contraste suficiente entre suas cores, que será relativamente fácil usar cada uma das cores para seus propósitos, e que cada categoria de cor e cor em si serão facilmente identificáveis. No geral, eu também quero reiterar que, desde que você tenha iniciado esse processo a partir de um quadro de humor que está alinhado com sua marca, e você considera as coisas como estrutura, propósito e contraste, você realmente não pode dar errado. Você pode confiar que você se configurou bem
o suficiente nas etapas anteriores deste processo para que tudo o que sair disso funcione. Essa é a beleza de trabalhar dessa maneira. Vamos voltar ao meu exemplo e dar uma olhada nisso. Vou começar a mover as coisas e ver como elas se moldam. Um que eu sei é que eu realmente quero tentar uma paleta onde o preto é a minha cor primária, já que há tanto preto no meu quadro de humor. Esta vai ser uma situação em que minha cor primária e minha cor neutra vai ser a mesma. Vou começar por aí. Então eu também vou adicionar outra cor neutra para nos dar um pouco mais de profundidade. Vou tentar esta cor creme claro. Como você pode ver, eu pulo um pouco com a maneira como eu estou colocando as cores. Você não precisa ir em uma ordem específica, escolher o primário, depois o secundário,
depois o neutro, você pode trabalhar fluidamente e apenas ver como as coisas tomam forma. Para as cores secundárias desta paleta, eu realmente vou tentar usar um monte de opções
diferentes com uma paleta secundária maior. Quando eu chegar a este passo, eu ainda estou trabalhando a partir da idéia de que primário e secundário pode ser um pouco intercambiável, então eu muitas vezes vou puxar de ambas as categorias para preencher as coisas, especialmente se eu tenho uma idéia na minha cabeça que eu quero trazer à vida. Você já pode ver com a minha categoria de cores. As primárias são muito mais fortes onde como as secundárias são um pouco mais descontraídas. Vou experimentar algumas configurações diferentes para as minhas paletas. Para este primeiro, eu só vou puxar algumas opções diferentes e depois ver onde vamos parar. Uma coisa que eu definitivamente quero ter certeza é que eu estou recebendo algumas das cores primárias no papel secundário, já que eu escolhi preto como meu primário, especialmente porque o azul, verde e vermelho são muito claramente proeminente na placa de humor. Vou começar por aí. Vou escolher um vermelho, um azul e um verde. Vou escolher um vermelho, um azul e um verde. Então eu vou apenas adicionar as amostras aqui. Simplesmente assim. Podemos recentrar isso mais tarde. Vou adicionar um par de outras cores da categoria secundária. Eu vou escolher esta cor citron aqui, e então eu também vou escolher esta cor magenta clara. Estou me sentindo muito bem com isso. Só agora vou agrupar estes e depois centrá-los no quadro de arte. Você pode fazer isso no final. Você não tem que fazer como você vai se você não quiser. Então vamos tentar outra paleta com vermelho como a cor primária. Eu definitivamente gosto da idéia disso. Vamos começar com um vermelho mais escuro em vez do que acabei de usar. Então, para os neutros, eu vou usar preto porque há muito preto no quadro de humor novamente. Mesmo que eu não esteja usando como uma cor primária, eu quero ter certeza de que o preto é representado. Esta é uma situação em que nós faríamos o nosso tipo em preto e talvez usá-lo para fundos em certas situações. Para um neutro mais leve, não
vou repetir o creme novamente. Vamos fazer um cinza quente mais claro para este. Para secundário, eu vou tentar puxar apenas da paleta secundária para ver como isso se parece. Vamos tentar um verde. Então talvez a cor do citron novamente. Então eu gostei da idéia desse rosa de salmão claro. Esta é definitivamente uma paleta estranha, mas pode funcionar. Eu só passar pelo mesmo processo e repeti-lo uma e outra vez até chegar a um ponto onde eu tenho algumas opções que eu estou animado em trabalhar com, ou onde eu posso ver que algo não está certo e que eu preciso reavaliar, ou onde algumas das opções estão
indo em uma boa direção, mas eu só preciso fazer alguns ajustes, e então eu vou voltar e continuar ajustando-os até que tudo se sinta bem. Vamos fazer mais uma paleta antes que eu pare. Eu vou realmente tentar este azul como a minha cor primária aqui. Então eu vou fazer uma mistura de pesquisas
primárias e secundárias para a paleta secundária neste, porque eu quero tentar apenas fazer uma paleta com azul, verde e vermelho como o emparelhamento de cores proeminente. Vou escolher esse vermelho cereja de novo. Então vamos usar este verde mais escuro. Então eu vou parar por aí e ter duas cores secundárias. Então eu vou ficar com o preto para o neutro escuro. Então vamos tentar esta cor base mais clara para a luz neutra. Então esse será o meu ponto de parada. Mas você realmente poderia fazer isso sem parar. Eu poderia criar mais 10 paletas ou 20 mais porque há tantas cores e tantas combinações para escolher e experimentar. Como você decide como parar? Isso realmente depende de você e remonta ao que eu mencionei antes. Depende de coisas como o que você concordou com seu cliente e quão bem seu conselho se presta a várias opções. Continue trabalhando nestas etapas até ter pelo
menos uma paleta de cores com a qual você está realmente feliz. Comece por acertar um primeiro e vá de lá. Não sinta que precisa inventar três ou cinco ou dez, especialmente
desta primeira vez. Não passe para a paleta Número 2, se o Número 1 não se sentir bem. Um é realmente tudo que você precisa, então pegue esse direito e depois siga em frente a partir daí. Para mim, pessoalmente, eu gosto de criar algumas opções para começar, mas eu não definir limites específicos para mim mesmo. Não segue sempre o mesmo caminho. Às vezes vou acabar com mais do que preciso. Mas ainda vejo isso até o fim. Se eu puder ver cinco paletas distintas, tudo
isso poderia funcionar muito bem. Eu vou finalizá-los para que eu possa dar uma olhada em todos eles ao lado do outro e restringir minhas opções dessa maneira quando eu estou trabalhando de um conjunto completo de opções. Outras vezes, uma paleta será super clara para mim como a direção certa, então eu nem vou tentar chegar com várias opções depois disso, se eles não vêm naturalmente. Se você chegar a este ponto e você construir três opções e você realmente sente que uma está se destacando e é perfeita e não precisa de nenhum ajuste, basta parar, não se forçar a passar por um milhão de rodadas diferentes de revisões sem motivo. Se você está um pouco mais inseguro, eu acho que três paletas é um bom objetivo para trabalhar com ele. Ele lhe dará algumas opções para comparar por si mesmo, o que pode ser útil. Mesmo se você só vai mostrar ao seu cliente uma
paleta de cores e uma opção de design e você tecnicamente não precisa de outras opções, eu acho que sempre pode ser útil ter um par de mais em seu bolso traseiro. Então, se você está fazendo isso pela primeira vez e você só quer praticar, eu acho que pode ser realmente útil fazê-lo uma e
outra e outra vez quantas vezes quiser, apenas para o exercício de design. Descobri que se vocês não estão pressionando a fazer as coisas de uma maneira
muito específica ou limitando suas opções, você pode acabar com algumas paletas e combinações de cores que não são exatamente o que você esperaria inventar, o que pode ser uma coisa muito boa. Depois de chegar a este ponto, a três opções ou a um ponto em que você se sinta confortável com as opções
que você tem, você está pronto para parar e passar para o próximo passo, que será finalizar sua paleta na próxima lição. Certifique-se de adicionar o que você criou nesta etapa ao seu projeto para que todos possamos ver como o projeto está evoluindo para você. Vejo-te na próxima lição.
6. Refine e finalize sua paleta de cores: Olá, e bem-vindo à Lição 6, refinar e finalizar sua paleta de cores. Nesta lição, vamos levar todo o trabalho que você fez até
agora e traduzi-lo em sua paleta de cores final. Como este passo final vai depender de algumas coisas para você individualmente. Quantas paletas você quer mostrar ao seu cliente como parte da identidade da marca em que você está trabalhando e quantas paletas você acabou com no final da Lição 5. Vamos começar. Para continuar de onde paramos com nosso projeto de demonstração, aqui está tudo o que terminamos até agora. Temos nosso quadro de humor, nossa história de cores, nossos quadros de três categorias, e nossas três opções de paleta. Abaixo disso, você verá duas pastas com as quais trabalharemos nesta etapa. Você só pode precisar deste próximo quadro que você verá aqui, que contém um conjunto de amostras vazias onde você colocará sua paleta de cores final. Mas como você pode ver, há outro quadro aqui que inclui alguns elementos da marca para o projeto de demonstração com o qual tenho trabalhado ao longo deste curso. Mais sobre isso em um minuto. Por enquanto, tudo o que precisa saber é que estas são
as duas placas com as quais trabalharemos para o nosso último passo. Agora que você se familiarizou com os quadros com os quais vamos trabalhar, vamos entrar em um pouco mais de detalhes sobre o que você estará fazendo nesta etapa. Seu objetivo principal será finalizar
a paleta ou paletas com as quais você vai trabalhar. A primeira coisa que você quer fazer é tomar um minuto para revisitar qual é o seu objetivo final. Você quer ter três paletas para mostrar ao seu cliente ou você está tentando reduzir seu trabalho para uma, por exemplo? Nesse contexto, dê uma olhada em onde você desembarcou depois da nossa última lição. Você já reduziu suas paletas de cores para uma? Você acabou com cinco ou até mais do que isso? Suas respostas a essas duas perguntas irão impulsionar quanto tempo e esforço você precisa colocar nesta parte do projeto. Com isso em mente, basta ter um pouco de tempo para avaliar onde você está. Você pode estar em um lugar onde você pode ver um vencedor claro, ou você pode ser capaz de ver que você precisa experimentar um pouco mais ou talvez você só precisa ajustar algumas coisas como parte de sua paleta. Por exemplo, se você quiser mostrar ao seu cliente três opções de paleta de cores, mas você aterrou em cinco em nossa última lição, então você tem um pouco mais de trabalho a fazer. Mas se você só queria acabar com uma paleta e você já está no momento em que você está realmente confiante, então você já está pronto para ir. Você não precisa fazer mais nenhum trabalho nesta etapa, a menos que queira verificar um
pouco mais seu trabalho para confirmar que suas escolhas são aquelas em que você está confiante. Seja qual for a situação em que você estiver, sua principal tarefa será usar este quadro
aqui para transferir suas amostras finais de paleta de cores. Incluí apenas algumas amostras de espaço reservado para você. Então, se você estiver usando mais cores, você só precisará duplicar os quadrados como fez na última lição. Se você achar que o trabalho que você fez já corresponde ao que você precisa para o seu cliente, então isso é tudo que você precisa fazer. Transfira suas amostras e está feito. Se ainda não chegou lá, tenho mais uma ferramenta que pode ajudá-lo. Mas primeiro vamos revisitar onde eu pousei depois da última lição. Aqui estão as três paletas que acabei com. Quero reduzir essas opções a uma. No geral, eu sinto que a primeira paleta que eu construí é a mais completa e no caminho certo com o que eu estou trabalhando. Eu acho que o preto é um primário com um monte de cores
secundárias vai ser muito divertido de trabalhar com, e eu realmente gosto de como todas as cores secundárias estão trabalhando juntos. Este também seria o momento de fazer alguns ajustes finais de última hora para as cores individuais dentro de sua paleta. Pode haver um tom que você precisa mudar, talvez algo precise ficar um pouco mais leve ou ter um pouco mais preto nele para se sentir mais harmonioso. Basta brincar com todos esses detalhes
neste momento até que você esteja completamente feliz com o resultado. Então vem para a minha paleta, tecnicamente, a direita é um pouco mais brilhante do que o resto das cores secundárias, mas eu estou bem com isso. Não acho que esteja se destacando tanto que pareça fora do lugar. Eu vou tomar a decisão de trabalhar com esta paleta como ela é, e eu vou finalizar essa etapa copiando as amostras para a minha placa de paleta final. Agora, se você não está pronto para tomar uma decisão final ou se você
ainda está lutando para reduzir suas opções finais de paleta, é
aqui que o outro quadro a que eu tenho aludido entra. Vamos dar uma olhada mais de perto e eu vou te mostrar o que você está vendo. Este é basicamente um punhado de elementos de design que eu
juntei como parte desta marca imaginária com a qual estou trabalhando. O quadro de humor que usei para toda esta turma foi criado com esta pequena loja de magia em mente. Você está vendo um logotipo, alguns pedaços do tipo, um padrão, um monte de diferentes elementos de design que podem formar esta marca. O propósito de incluir este quadro é dar a você alguns elementos de design para jogar para que você possa começar a experimentar como sua paleta realmente funcionaria na prática. Ele lhe dará a oportunidade de experimentar diferentes configurações de como as cores são aplicadas para que você possa realmente começar a vê-los em um logotipo ou alguns trechos de tipo em vez de apenas algumas amostras de cores abstratas. Embora provavelmente não tenha nada a ver com o projeto em que você está trabalhando, ajudará a esclarecer o que está funcionando e o que não está funcionando. Você pode duplicar essas placas quantas vezes quiser para comparar e contrastar as diferentes opções ou apenas ter um pouco mais de espaço para brincar. Sinta-se livre para colocar seus próprios elementos de design no modelo para que você possa testar suas cores em elementos de design que serão traduzidos mais diretamente em seu projeto. De qualquer forma, este exercício deve ajudá-lo a
limitar quais opções se sentem adequadas para a sua marca. Se você está lutando em tudo para tomar qualquer decisão sobre sua paleta, isso realmente deve ajudá-lo a superar essa corcunda. Deixe-me mostrar como isso é organizado. Você pode começar a colocar suas próprias cores no tabuleiro. Todos os elementos estão em camadas separadas agrupadas por cor. Você verá que tudo está rotulado claramente. Temos uma camada de cor primária
e, em seguida, 1, 2, 3, 4,
5, 6 camadas de cores secundárias
e, em seguida, uma camada neutra escura e uma camada neutra clara. Incluí várias camadas de cores secundárias
diferentes para que você tenha um pouco mais de flexibilidade, mas é provável que as camadas não se alinhem
perfeitamente com o número de cores em sua paleta. Você pode precisar mexer um pouco com isso para
descobrir quais cores você deseja aplicar a qual camada. Tudo o que faremos para testar as coisas é provar
cores diferentes da nossa paleta em cada uma dessas camadas, assim como fizemos ao longo da lição até agora. Para selecionar tudo em uma camada, basta
clicar neste pequeno círculo aqui no lado direito, que acabou de selecionar tudo na camada primária. Em seguida, você pode experimentar qualquer cor da sua paleta se aplica. Vamos usar o meu trabalho como exemplo. Eu vou seguir em frente e provar esta cor preta aqui com o conta-gotas, e então isso irá preencher todos os elementos rotulados como primários com essa cor. Obviamente, isso realmente não mudou muito a minha placa,
já que eu já estou usando preto para a minha cor primária, mas é assim que você deve começar. Depois continuava a descer a lista, a fazer a mesma coisa, até passar por toda a minha paleta. Para os propósitos desta demonstração, eu só vou para a ordem das cores secundárias que eu criei aqui, mas você pode ser mais intencional sobre o que você quer ir para onde. Basta clicar na camada para ver quais elementos eu atribui a cada categoria de cor. Vamos tentar pôr tudo em ordem e veremos onde isso nos leva. Para o secundário A, vamos começar com o vermelho, e depois B secundário, vamos usar este azul. Para C, usaremos o verde. Para D, vamos com o citron, e então vamos usar a cor rosa para E. que cobre todas as nossas cores secundárias, mas ainda temos uma camada sobrando. Vamos adiar em fazer qualquer coisa com isso por um minuto. Vamos cuidar dos neutros. Para neutro escuro, vamos com preto novamente e para a nossa luz neutra, vamos usar o creme. Uma pequena nota para ter em mente se você está em uma situação de cor semelhante é que quando você
experimenta a cor creme, obviamente vai pegar o contorno, então você só quer ter certeza de ir em frente e remover essa cor. Isso nos deixa com tudo preenchido exceto F
secundário porque não temos uma cor em nossa paleta para isso. Se dermos uma olhada no que está agrupado nessa camada, ele apenas destaca alguns elementos. É o fundo deste pequeno ponto de exclamação
aqui em cima e são alguns dos elementos do padrão aqui em baixo. O que eu vou fazer para os propósitos deste experimento é apenas usar uma das cores secundárias novamente. Desde que eu quero vermelho para ser um pouco mais proeminente, e já é de acordo com o que elementos de design incluem o vermelho até agora, eu vou apenas ir com mais vermelho e ver o que acontece. Agora, eu não amo 100% a repetição no padrão que acontece com mais vermelho, mas isso não importa inteiramente porque o padrão é algo que eu posso refazer mais tarde. Neste ponto, eu só estou tentando determinar se as cores parecem estar no lugar certo, que eu tenho cores suficientes, e que as cores estão funcionando bem juntas. Isto é apenas uma experiência. Se eu fosse mostrar este conselho a um cliente, provavelmente estaria mudando algumas coisas. A configuração do padrão, eu provavelmente adicionaria algumas das cores secundárias, então esses pontos de exclamação, apenas para que a cor seja distribuída mais uniformemente em uma marca já colorida, mas isso realmente não tem nada a ver com o cor em si. Não fique muito preso nos próprios elementos de design neste momento. A idéia é apenas focar em usá-los para reforçar suas escolhas de paleta de cores e fazer quaisquer alterações que você precisa para tornar mais aparentes. Uma vez que você começa a ver as amostras ganharem vida em elementos de design reais, mesmo que esta não seja a sua marca e não tenha nada a ver com a sua marca, ele irá fornecer-lhe um outro nível de orientação para ajudá-lo a decidir quando você acertou. Uma vez que você tenha dado este último passo, você terá uma paleta de cores acabada que evoluiu diretamente do seu quadro de humor, que está pronto para apresentar e pronto para ir. Como eu tenho dito ao longo de todo o curso, seguir este processo construível onde cada passo seguinte se baseia no que você criou na etapa anterior, garante que você vai acabar com um resultado que funciona porque Você tem sido intencional e estratégico a cada passo do caminho. Também torna mais fácil conectar o cliente de volta ao local onde você começou e defender o trabalho que você fez. Em seguida, analisaremos mais alguns exemplos para que você possa ver como os quadros de humor que criei se traduziram em paletas de cores
e, em seguida, em elementos de marca individuais. Isso será útil se você estiver procurando um pouco mais de inspiração. Vejo-te na próxima lição.
7. Mais exemplos e próximos passos: Olá e bem-vindo à Lição 7, mais exemplos e próximos passos. Nesta lição, eu só quero levá-los através de mais alguns projetos finalizados para que você possa ver mais alguns exemplos de como essa parte do meu processo evolui do início ao fim. Vou levá-lo rapidamente através de alguns projetos de clientes e compartilhar o quadro de humor, história de
cores, paleta e alguns elementos da marca de cada um. Vamos mergulhar. Primeiro, vou começar com Grove e Kane, que é um spa aqui na área de Seattle. Este é o quadro de humor que eu inventei para eles. É fresco e leve, mas ainda inclui alguns elementos mais escuros e aterrado. Isso, em seguida, traduzido em sua história de cores. Muitas cores naturais,
azuis, verdes e marrons, que no final foi reduzido a esta paleta de cores, e então eu usei a paleta de cores para criar esses elementos de design. Você pode ver que sua cor primária é o verde, e então nós temos uma cor secundária azul claro, e nós usamos essa cor cremosa como um neutro para suportar alguns dos gráficos mais escuros. Vamos dar uma olhada em tudo isso juntos para que você possa ver a progressão. O próximo projeto que quero levar é para o Rain Market, que é uma linha boutique de cuidados com a pele. Seu quadro de humor também inclui muitos elementos naturais, mas o tom é muito diferente, é mais brilhante e mais ousado. Era assim que a sua história de cores parecia. Muitos azuis e verdes, com alguns pretos e cinzas mais neutros, e um par de tons quentes. Nós experimentamos muito com este, mas no final, esta é a paleta que acabamos com. Nós tiramos os tons mais brilhantes para suas cores secundárias e os aterramos com seu azul primário, que é um pouco mais silencioso. Ainda é uma cor ousada, mas não tão forte quanto as cores secundárias. Aqui estão alguns elementos de design de sua marca para que você possa ver como a cor é aplicada. Você pode ver como o azul é usado de forma mais proeminente, o
que impede que os pops brilhantes da paleta secundária sobrecarreguem qualquer um do design, e então é assim que toda a evolução parece completamente. Passando para o próximo exemplo. Vamos dar uma olhada em Gypset and Pearl, que é uma boutique de estilo de vida localizada na Flórida. A placa de humor é definitivamente adequada para uma boutique de beleza. É brilhante, arejado e feminino, e puxa muitos tons das cores do oceano. Esta é a história de cores que evoluiu de seu quadro de humor. Muitos tons pastéis saturados e cores que você pode associar com o vidro do mar, conchas e areia. Transformamos isso nesta paleta. Acabamos com duas cores primárias. Existem dois tons de coral para esta marca
e, em seguida, um conjunto secundário de cores em uma família semelhante, tons de azul e verde, que são usados de forma intercambiável em toda a marca, e então aqui está como ele traduziu em seus elementos de marca. Aqui está como tudo isso parece. Em seguida é CB and Co, que nós olhamos um pouco antes, que era um moderno restaurante kosher em Nova York que eu trabalhei vários anos atrás. Aqui está o quadro de humor deles, e esta é a cor da história deles. De lá, foi aqui que pousamos para a paleta de cores deles. Esta marca também acabou com duas cores primárias, mas neste caso, tivemos apenas uma cor secundária e um par de neutros. Aqui está uma visão geral de seus elementos de marca. Você pode ver que as duas cores primárias são usadas com mais freqüência e nos elementos mais importantes, como os logotipos,
e, em seguida, as outras cores são todas polvilhadas por toda parte. O vermelho-alaranjado é usado para destacar diferentes coisas e os neutros são usados como cores de suporte. Este quadro mostra alguns exemplos disso no fundo padrão
no canto superior direito e no texto do logotipo de suporte. Por fim, vamos dar uma olhada no Chime On, um aplicativo de podcast player que eu trabalhei no ano passado. Aqui está o quadro de humor com o qual começamos. É um pouco escuro e cinza, mas também há um monte de cores realmente brilhantes e ousadas. Isso virou uma história colorida. Você pode ver que a placa de humor se sente muito mais escura do que esta história de cor, mas continha um monte de preto, e em vez de repetir preto uma e outra vez, Eu escolhi para puxar muitas cores dos detalhes do tabuleiro. Neste caso, se você olhar para os dois ao lado um do outro, à primeira vista, eles podem não sentir que eles estão 100 por cento na linha, mas a história de cores realmente me deu muito mais para trabalhar com o que teria se eu mantivesse a proporção de cores mais exatas. No final, reduzimos isso a esta paleta de cores. Ele realmente usa preto como uma cor primária, semelhante a como meu projeto de demonstração se moldou ao longo deste curso, e então ele puxa para fora todos os tons realmente brilhantes da história para executar esta paleta. Veja como os elementos da marca evoluíram. Você vê principalmente preto, branco e roxo com dicas de todas as cores secundárias ao longo. Preto é usado tanto como cor de fundo para o palato secundário quanto para colorir os elementos mais importantes como os logotipos. Agora, se dermos uma olhada em todas essas coisas juntos, aqui está como cada passo evolui. São todos os exemplos que tive para você. Espero que ver isto na prática tenha reforçado todas as coisas de que falámos até agora, dando-lhes exemplos mais concretos de como tudo se encaixa. Com isso, cobrimos todas
as etapas para criar uma paleta de cores funcional a partir de um quadro de humor, e você está pronto para levar esse processo em seu próprio trabalho e torná-lo seu. Se você ainda não finalizou sua paleta, agora é a hora de fazê-lo. Vamos recapitular os passos muito rapidamente. Primeiro você deseja criar sua história de cores e,
em seguida, você deseja selecionar e categorizar suas amostras de cores. A partir daí, você deseja criar suas opções de paleta de cores
e, finalmente, você deseja refinar e finalizar sua paleta de cores. Por favor, atualize seu projeto e compartilhe conosco para que possamos ver onde você acabou e fornecer feedback se você precisar dele. Mal posso esperar para ver o que você inventou. Muito obrigado por se juntar a mim na aula. Espero vê-lo novamente em breve.