Além do logotipo: criando uma identidade de marca | Courtney Eliseo | Skillshare
Pesquisar

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Além do logotipo: criando uma identidade de marca

teacher avatar Courtney Eliseo, Brand Clarity & Design

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Trailer

      7:18

    • 2.

      Brand Identity Introduction

      7:18

    • 3.

      Creative Brief Overview

      12:35

    • 4.

      Mood Board Overview

      10:36

    • 5.

      Color Overview

      6:40

    • 6.

      Creating Color Palettes

      8:39

    • 7.

      Typography Overview

      13:24

    • 8.

      Choosing Typography

      9:10

    • 9.

      Graphic Language Overview

      6:54

    • 10.

      Designing Graphic Language

      9:28

    • 11.

      Presentation

      10:27

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

26,958

Students

235

Projects

Sobre este curso

Desenvolver uma identidade visual. Seja instantaneamente reconhecível.

Os logotipos são indispensáveis, mas não a a mão em vagos. Aproveite o conhecimento para fazer do seu logotipo a pedra de uma marca totalmente realizada no curso de 90 minutos sobre o logotipo de o que a de marca de marca de o seu novo ano de o de o que Eliseo. Da cor e fontes a padrões e ilustrações, você aprenderá a reconhecer e criar dicas visuais essenciais para transmitir valores de marca e personalidade. Além de dez vídeo curtos, estamos com o prazer de compartilhar 15 páginas de recursos específicos de recursos para download para ajudar você a realizar totalmente a sua visão de projeto. Mostre sua marca toda para o mundo.

Assista a dez videojogos.

  • Noções básicos: o que faz “identidade de marca) e como eles trabalham juntos para apoiar e melhorar seu logotipo?
  • Aplicações: as diferentes considerações para o mundo impressão e mídia digital?
  • Decide passo a passo: vamos abordar como escolher uma paleta de cores coordenadora; como escolher a tipografia complementar e como desenvolver uma biblioteca de elementos gráficos de apoio a outras e mais de , a partir de a logotipos de , as e o a outras
  • Enfim: vamos rever os métodos para organizar esses componentes para um formato adequado para a apresentação de o cliente.

Aprenda fazendo.

No final, você terá um sistema de identidade de marca completo que está pronto para apresentação de clientes e implementação do mundo real. Você vai se expandir de um logotipo de um logotipo de que se a um logotipo de marca (seu próprio ou o seu e o que a a marca e de que você vai começar de o que é de uma a marca de marcas e a de que você vai de padrões de imagens de o o que é de o

______________

RESUMO DO CURSO

  • Introdução a identidade de marca. , o veterano do setor de design Courtney Eliseo ensina além da logo. Neste curso, sua tarefa vai criar sua própria identidade de marca. Com a ajuda de Courtney, você encontrará que logotipos nunca a a de you’ll e criar um logotipo de negócios de design de uma marca que a marca de o seu a que se adapta a tudo a seu a uma marca geral.
  • de resumos criativos. A Courtney começa todos os projetos de logotipo de design gráfico com um resumo criativo. Você aprenderá o que incluir em seu cliente de uma página (ou de pessoal de a pessoal. Courtney leva você a cada seção. Ela começa com os planos de plano de fundo, objetivo e a mensagem. E ela termina com a concorrência, características diferenciadoras, considerações criativas e palavras que a a Essas etapas vão deixar você melhorar a personalidade da marca que você está desenhando.
  • de moodboard. Um moodboard é uma contracção visual para seu a que você vai de novas criatividade. Os dois a a serem os planos do seu projeto de logo, design Courtney vai mostrar três grandes plataformas para criar moodboard: Pinterest, Dropmark e Icebergs. Você também terá a conhecer como pesquisar o seu moodboard e como personalizar seu quadro no Illustrator.
  • A visão de cores. Você pode melhorar uma paleta de cores — considerando quais as as de que você vai usar, quantas cores você precisa e de as preferências de o cliente. Para começar a , Courtney recomendará trabalhar com três cores: sua cor primária, secundária e neutra.
  • Criando paletas de cores. Você aprenderá a criar paletas de cores no Illustrator, com base no seu moodboard e a breve de o cliente. Courtney mostrará como usar a ferramenta de guia de cores no Illustrator, que gera várias paletas de cores de uma só retama. Você pode selecionar essa a amostra do seu moodboard.
  • Visão de tipografia. Ao determinar o que você vai usar em seu projeto, você aprenderá a manter a simples escolhendo dois tipos de tipos diferentes. Courtney mostrará como garantir que esses tipos de fontes oferecem os níveis certos de contraste e similaridade. Você também aprenderá a baixar as fontes de alta qualidade do Google, e explorar diferentes opções de licenciamento para as fontes que são criadas por outros designers e distribuídas online.
  • Como escolher a tipografia. Às vezes, os tipos de fontes do seu design de logotipo personalizado não vai traduzir para o resto dos materiais de brand. Para encontrar as fontes e fontes a certas e a que você a conhecer.
  • Visão de linguagem gráfica. Uma das partes favoritas de Courtney do processo de identidade de marca é linguagem gráfica, que é uma parte integral da teoria do design. Este elemento é de forma especialmente importante quando vem fazer a certeza de que seu logotipo se adapta ao seu sistema de branding geral. Você vai ver como criar um sistema de identidade inteiro puxando elementos de o seu logotipo.
  • Criando linguagem gráfica. No Adobe Illustrator, você verá como a Courtney apresenta sua tipografia e paleta de cores, para criar padrões que vão ser melhor para o sistema de branding. Você pode alcançar este objetivo usando a ferramenta “smart guias”.
  • Apresentação. Por fim, você aprenderá a criar um layout claro dos elementos de identidade de marca que você criou usando slides e colagem de identidade.

Meet Your Teacher

Teacher Profile Image

Courtney Eliseo

Brand Clarity & Design

Teacher

Hello! I'm Courtney Eliseo, a new-ish mom, East Coaster living in the PNW, and the founder of En Route Workshop, where I help service-based businesses connect with more ideal clients through brand clarity and design.

A Bit About Me

Most mornings you can find me on the yoga mat, and most evenings you can find me curled up on the couch with a glass of wine. But as often as possible, I am off exploring somewhere new, breathing in ocean air, and soaking up every bit of the world around me. I have a deep-rooted desire to make things, a boundless sense of curiosity, and love losing myself in stories.

When it comes to design, my goal is to make work that is thoughtful, timeless, and most importantly, authentically aligned with who you are, your plans for the future... See full profile

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

2. Introdução à identidade de marca: Olá a todos, bem-vindos ao Beyond the Logo: Criando uma identidade de marca. Eu sou Courtney Eliseo, e nesta aula eu vou estar te levando através do meu processo pessoal para desenvolver uma identidade de marca para que você possa pegar essas ferramentas e usá-las por conta própria quando estiver trabalhando com seus próprios clientes, ou se você estiver projetando uma identidade de marca para você e para sua própria empresa. Ao longo da aula, eu vou usar uma mistura de slides e alguns casting de tela para que você possa ver com um Illustrator um pouco de como eu mesmo puxar alguns dos elementos juntos. Então vamos começar com uma introdução e vamos direto para isso. Antes de entrarmos em demasiados pormenores, devo dizer que esta é realmente apenas uma forma de fazer as coisas. É um processo que desenvolvi ao longo dos anos, e realmente funcionou para mim, trabalhando com pequenas empresas, mas cada estúdio e designer, tenho certeza que tem uma maneira diferente de fazer as coisas, então sinta livre para substituir partes do processo ou para colocar o seu próprio spin sobre as coisas. Este não é o fim de tudo, ser todo o processo de identidade da marca. Então, só para lhes dar um pouco de conhecimento sobre mim, eu dirijo um estúdio de design com meu marido que é um desenvolvedor web, o nome dele é Bryan e o estúdio é chamado Seamless Creative. Somos especializados na criação de identidades de marca para pequenas empresas. Eu também dirijo um blog de design chamado Design Work Life, que apresenta inspiração em design, e ambas as empresas estão presentes desde 2008. Então esta é apenas uma pequena amostra de alguns dos logotipos que criamos ao longo dos anos, que fazem parte de projetos de identidade de marca maiores. Ao longo das apresentações, eu espalhei parte deste trabalho em cada unidade para que você possa ver em alguns casos como um logotipo se desenvolveu em um sistema de identidade de marca maior, e eu vou apontar isso quando chegarmos lá. Com tudo isso fora do caminho, vamos direto ao assunto. Então, a primeira coisa que quero começar é falar sobre marca versus identidade de marca. Eu acho que no mundo do design, os termos marca e branding são jogados um pouco onde eles não pertencem exatamente, então eu acho que é importante cobrir as definições do que essas duas coisas são, e determinar quais são suas diferenças. diz respeito à marca, há uma definição que eu pessoalmente gosto por Seth Godin, e essa definição é, “Uma marca é o conjunto de expectativas, memórias, histórias e relacionamentos que levam em conta em conjunto a decisão do consumidor de escolher um produto ou serviço em detrimento de outro.” Então, uma marca não é uma coisa tangível que você não pode realmente tocar ou ver. Ele vai além do design, e dentro dessa marca, porém, você encontrará a identidade da marca, que é a representação visual de todos aqueles pensamentos intangíveis, sentimentos e relacionamentos que o consumidor tem com um produto, uma organização ou uma empresa. Eu realmente sinto que essa distinção é importante para fazer, é por isso que eu sou sempre muito específico quando eu falo sobre o trabalho que eu faço ao dizer que é identidade de marca e não branding, porque branding é um tópico enorme e eu realmente se especializam na identidade visual parte disso. Isso é o que você vai estar fazendo também nesta classe, por isso não abrange a prática muito mais ampla de branding, que envolve todos os tipos de disciplinas diferentes e muitas outras pessoas que precisam estar envolvidas na criação de um marca holística. Então, em termos de identidade de marca, na minha prática, há algumas coisas principais que compõem os componentes do que isso é. No seu núcleo está o logotipo para a empresa ou organização, e este pode ser um logotipo singular ou um sistema de coordenação de logotipos, mas de qualquer forma, é sempre o identificador principal para esse negócio. Onde a identidade da marca entra, é que um logotipo nunca é visto ou experimentado isoladamente. Você está sempre vendo isso em algum tipo de contexto, e em algum tipo de ambiente, seja em um site ou em um cartão de visita ou em um outdoor ou algo assim. Todos os elementos que você está montando com o logotipo realmente precisam ser cuidadosamente considerados, porque a maneira como eles se reúnem desempenha um papel muito importante na forma como seu cliente se apresenta ao mundo. Então, no meu processo, existem três componentes principais que se unem para apoiar o logotipo em um projeto de identidade de marca, e esses são cor, tipografia e linguagem gráfica. Nas próximas unidades, vamos entrar em muito mais detalhes sobre cada uma dessas coisas. Então, seguindo em frente para o seu projeto ao longo desta classe, você vai criar sua própria entidade de marca à medida que avançamos, e como eu mencionei na descrição, você pode usar um logotipo que você já tem, seja para você mesmo ou aprovado por um cliente, ou se você não tem um e só quer fazer o exercício, eu fiz um logotipo para você usar. Então este é o logotipo, e alguns de vocês podem reconhecer isso se você gosta de cultura pop. Esta é de uma empresa de um dos meus programas de TV favoritos que agora está fora do ar chamado Party Down. Eles tecnicamente tinham um logotipo se você contar os títulos para o programa de televisão, mas eu resolvo um pouco. Então esta é apenas a versão em preto e branco dele que você tenha uma espécie de lousa limpa para trabalhar com, e eu estou fornecendo alguns outros elementos sobre os quais falarei nos próximos vídeos também. Além disso, à medida que passamos por essa aula, vou mostrar a vocês como desenvolvo uma identidade de marca com um dos logotipos com os quais trabalhei no passado. Então, para o meu projeto, eu vou estar mostrando a vocês a identidade da fotografia de Maggie Harcourt, que é uma fotógrafa de casamento, e cada passo do caminho eu vou mostrar a vocês como a identidade dela se desenvolveu, que você pode ver como eu estou montando algo junto com você montando tudo para si mesmo. Agora, antes de avançarmos, devo dizer que isso também pressupõe que você tem duas peças realmente importantes do quebra-cabeça no lugar, seja, um resumo criativo, e um quadro de humor. Para o meu processo, estes são essenciais, e há dois documentos aos quais vamos nos referir constantemente durante todo o processo, então é algo que você realmente precisa ter, e apenas no caso de estes serem as coisas que você não está familiarizado com e você não fez antes, eu tenho dois vídeos seguindo este que lhe dão uma visão geral sobre ambos para que você possa estabelecê-los por conta própria. Isso geralmente é algo que eu montei antes mesmo de começar em um logotipo. Mas para o propósito desta aula, tudo bem se você tiver que dar um passo atrás e desenvolvê-los com base no logotipo que você já tem. Então é isso para a introdução, e a seguir vamos falar de resumos criativos. 3. Visão geral do resumo criativo: Olá a todos. Bem-vindo à Unidade 1, vídeo 2, onde vamos falar sobre resumos criativos. Escrever resumos é, na verdade, uma prática que aprendi na faculdade, e tem ficado comigo ao longo dos anos na gestão do meu próprio negócio. É algo que uso em todos os projetos que faço. Eu definitivamente sinto que os projetos são muito mais bem sucedidos, e funcionam mais suavemente quando eles começam com um. Eu também tenho que mencionar que eu pedi a alguns de vocês para me enviar suas perguntas antes de começarmos a aula, para ver se eu posso incorporar algumas das respostas a eles no currículo. Muitas das perguntas que você teve podem realmente ser respondidas usando um resumo criativo muito bom em um projeto. Vamos falar sobre isso, e eu vou te dar mais algumas informações à medida que avançarmos. O que é um resumo criativo? É realmente apenas um documento que descreve os parâmetros do projeto de forma clara e concisa. Eu sempre digo aos meus clientes que ele funciona como um plano ou um guia para a direção que o trabalho criativo deve tomar. Ele realmente garante que você e um cliente estão na mesma página, antes de gastar qualquer tempo desenvolvendo o trabalho em si. A forma como costumo reunir informações antes de colocar um resumo, é simplesmente através de conversas com o cliente, seja por telefone ou por e-mail. Eu também costumo montar um questionário que eu personalizo para cada cliente antes de começar o projeto, para obter todas as informações básicas, e para fazer o cliente realmente pensar sobre o projeto por conta própria, antes de Trabalhando comigo. Uma vez que eu tenho todas essas informações, isso me dá uma base realmente boa para o conteúdo no resumo, e me dá conteúdo suficiente geralmente para eu colocar isso juntos por conta própria. Às vezes, um cliente vai me fornecer um breve que eu uso sem ter que mudar nada. Mas isso é muito raro. Eu diria que na maioria das vezes, estou iniciando o processo, e controlando a escrita real do resumo. Este é um exemplo de um dos meus resumos criativos. É para o projeto que vou mostrar a vocês durante toda a aula. O que eu vou fazer neste vídeo, é apenas passar por cada parte do resumo, e explicar para vocês que tipo de informação deve ir lá. Então, no final, eu também incluí um resumo para você baixar, que é para o projeto de amostra que eu lhe dei, para o nosso catering Party Down. Você pode usá-lo se você estiver usando o logotipo Party Down como seu projeto, ou você pode apenas usá-lo como uma referência se você precisar renovar o resumo em que você está trabalhando para seu próprio projeto. Vamos passar por cada um, um por um. A primeira seção é o plano de fundo. A pergunta que você quer responder aqui é, quem é o cliente e qual é a sua situação atual? Apenas uma breve descrição de quem é o cliente e qual é o problema deles agora. Por exemplo, Maggie's é, Maggie Harkov é uma autodidata fotógrafa de casamento baseada na cidade de Nova York. Sua identidade atual da marca não reflete sua perspectiva ou personalidade única. Então, muito simples, você não precisa ser um escritor incrível para escrever um bom breve criativo, você só precisa ser claro, conciso e simples, e não torná-lo muito complicado. A segunda secção é o objectivo. A questão aqui é, o que você está tentando realizar? A resposta para isso não deve ser algo simples como projetar um logotipo. O objetivo deve realmente ser uma resposta para o problema que o cliente está tentando resolver através do projeto, ou o que eles estão tentando alcançar através deste trabalho. Por exemplo, Maggie é, para reposicionar a marca de fotografia Maggie Harkov, que ela reflita com mais precisão a personalidade e a abordagem únicas de Maggie. Ela já tinha um logotipo antes de começarmos a fazer o projeto, mas ela não achou que isso refletia quem ela é. Ela queria tornar essa parte visual de seu negócio mais alinhada com quem ela era como pessoa e fotógrafa, de modo que ela começou a atrair mais do tipo certo de clientes para ela. A terceira seção é o público-alvo. A questão aqui é, quem são os clientes ideais do seu cliente? Isso não precisa necessariamente listar seus clientes agora, se eles estão procurando segmentar um novo público, ele pode ser seu cliente ideal. Ele só precisa se concentrar em quem este projeto em particular está focado. O objetivo aqui é realmente ser o mais específico possível, porque isso só vai ajudá-lo a reduzir e refinar melhor o trabalho à medida que você avança no processo. Por exemplo, o público de Maggie é educado, homens e mulheres profissionais, com idades entre 25 e 35 anos, que apreciam uma atenção aos detalhes, e estão buscando uma experiência de fotografia muito pessoal. Se você cortá-lo na primeira linha, homens e mulheres profissionais educados, com idades entre 25 e 35 anos, é uma audiência reduzida, mas ainda é bastante ampla. Depois de adicionar pessoas que querem uma experiência de fotografia muito pessoal, isso restringe ainda mais, o que é ainda melhor. Você realmente só quer ser o mais específico possível, cobrir tudo, desde idade, sexo, educação, status socioeconômico, crenças culturais, qualquer coisa que você acha que é relevante para o seu cliente. Número 4 é a mensagem. Isso cobre o que seu cliente está tentando dizer? Esta mensagem deve ser muito clara e concisa. Se você pode resumir a uma frase, isso é ideal. Maggie, é claro, é um pouco mais longo do que isso porque ela tinha mais de uma coisa que ela queria dizer. Então, o dela é, com um genuíno apreço pelo amor verdadeiro, Maggie Harkov irá fornecer-lhe mais do que uma experiência de fotografia típica. Ela será uma presença calmante, e trará o conforto de um amigo para o dia do seu casamento. O que eu quero mencionar aqui é que a mensagem deve ser escrita de uma forma que esteja falando diretamente com o público que o cliente está direcionando. Seção 5 é competição. Isso só cobre quem são seus clientes maiores concorrentes? Esta é essencialmente apenas uma lista de quem o cliente compete, quem ele vê como seus concorrentes no mercado. Para Maggie, ela realmente não tinha ninguém específico que ela sentisse que estava fazendo exatamente a mesma coisa, mas ela, é claro, vai estar sempre competindo com outros fotógrafos em sua área. Isso pode ser tão específico ou geral quanto você quiser. Seu cliente pode ter algumas empresas que eles acham que estão sempre no mesmo nível que eles querem listar aqui. Você também pode incluir seus sites se quiser uma referência específica a eles. Mas enquanto houver uma lista geral de quem são essas pessoas, é isso que você está tentando alcançar com essa seção. Número 6 são características distintivas. Esta seção deve apenas cobrir o que torna seu cliente único. Na seção anterior, você listou sua concorrência, nesta seção, você quer pensar sobre como eles se destacam dessa competição. Eu só faço isso como uma lista simples com marcadores, com frases muito breves que destacam essas diferenças. Por exemplo, Maggie deve trazer o toque de um amigo para o dia do seu casamento. Ela quer fazer uma conexão pessoal com você. Ela ama o amor. Estas são as coisas que ambos sentimos que eram um pouco diferentes dos fotógrafos de casamento que estamos vendo lá fora. Essas não são necessariamente coisas que outros fotógrafos usam para se identificarem. Você só quer realmente procurar o que é os elementos mais exclusivos da personalidade do cliente e suas práticas de negócios, porque é isso que você quer ter certeza de que você está destacando quando você faz o trabalho. Número 7 são considerações criativas. A questão aqui é, o cliente tem alguma diretriz específica que deve ser aplicada ao seu trabalho? Eu diria que na maioria das vezes, maioria dos clientes com quem trabalhei tem algo para esta seção. Normalmente, estas são direções visuais realmente específicas. Por exemplo, se um cliente quiser usar uma cor específica, ou quiser evitar uma cor específica, ou se houver um aplicativo específico que você precisa ter em mente. Por exemplo, se um logotipo no final precisa ser impresso em couro, então isso é algo que você precisa ter em mente ao projetar, que os detalhes desse logotipo possam ser reproduzidos com facilidade e sucesso nesse material. Isso é basicamente como esta seção é. Você pode ver como um exemplo da Maggie, ela queria que eu evitasse preto e branco. Ela gostava de verduras, cinzas e cercas. Ela queria que eu experimentasse o logotipo com a etiqueta de fotografia e sem ele, e também tentar algumas opções onde o logotipo estava dentro de um recipiente. Agora, eu gosto de chamar isso de considerações criativas, porque eu gosto de manter esta seção mais aberta, só porque eu quero ter a opção “se”. Quando estou trabalhando no projeto, e avaliando o resumo, quero ser capaz de voltar para o cliente se ele disser, “Eu quero que você use rosa quente.” mas então eu estou fazendo o trabalho e avaliando tudo, e não sinto que rosa quente é o caminho certo a seguir, eu quero que isso seja um pouco mais aberto, que eu possa voltar para eles e dizer, “Eu tentei isso, mas eu realmente não acho que ele funciona por qualquer motivo.” Então o número 8 é tom ou palavras-chaves. A pergunta que você está fazendo aqui é, que personalidade o cliente quer projetar para seu público? Costumo inventar uma lista de 3-5 adjetivos que descrevem o cliente. Quando um cliente está discutindo sobre a personalidade, eu costumo dizer a eles para pensar em seus negócios como uma pessoa, e como eles descreveriam sua personalidade, se esta fosse uma pessoa que eles conheciam na vida real. São sempre adjetivos. Eu também tento tornar as palavras tão específicas e descritivas quanto possível, e evitar palavras genéricas. Por exemplo, eu evito palavras como profissional, porque profissional é uma palavra bastante genérica, e provavelmente deve aplicar-se a todos os projetos que você está fazendo, não apenas a este em particular. Enquanto que se você pensar em romântico e sofisticado, aqueles têm um pouco mais de um visual específico que seria associado a eles. A combinação dessas cinco palavras definitivamente tem um visual específico para elas. Eu definitivamente tento mantê-lo para cinco ou menos porque uma vez que você está entrando em mais palavras do que isso, palavras são apenas muito em todo o lugar para você realmente chegar a qualquer solução que irá satisfazer todos eles. No final, o que eu faço é colocar tudo isso em um documento. Como eu disse, eu gosto de mantê-lo em uma página. Eu costumo compartilhá-lo com os clientes, e depois voltamos um pouco para frente e para trás se eles virem algo que eles querem ser mudado, ou não se sentir certo para o projeto deles. Por exemplo, se eu colocar amigável como uma palavra-chave e eles simplesmente não sentem que isso é inteiramente representativo de quem eles são como um negócio, então vamos trabalhar nisso para mudá-lo. Normalmente, se eu fizer pesquisas suficientes no início e fazer boas notas suficientes quando estou falando com o cliente em suas conversas, e montar um questionário detalhado o suficiente, eu geralmente tenho informações suficientes que eu posso realmente destilar isso na primeira tentativa. Só para trazê-lo de volta ao início, eu só quero mencionar, novamente, que para as perguntas que aqueles de vocês fizeram, um resumo criativo é realmente uma maneira de resolver muitos dos problemas que vocês estão tendo à medida que avançam. Se você está trabalhando em uma remarca, ou se você está fazendo um projeto para si mesmo, um resumo criativo é uma ferramenta realmente útil para usar durante todo o processo. Especialmente quando trabalha para si mesmo, porque sei que é muito difícil projetar para si mesmo. Eu também lutei com isso. Um resumo criativo é um salva-vidas, porque ele força você a se separar um pouco do negócio, e olhar para o projeto como se você estivesse projetando para um cliente. Dessa forma, quando você está projetando seu próprio logotipo pessoal e desenvolvendo a paleta de cores para você mesmo, você tem um documento real para se referir, para colocá-lo em foco, que você possa dizer, “Ok, estou no caminho certo? A cor se encaixa nessas palavras-chave?” , etc Eu acho que é uma ferramenta muito boa. Eu encorajo você a começar a usá-los se você não estiver usando-os agora, em todos os seus projetos avançando. Em seguida, vamos falar sobre quadros de humor, que é outro componente muito importante para o projeto. Te vejo lá. 4. Visão geral do moodboard: Olá a todos. Bem-vindos à Unidade 1, vídeo 3. Na última lição, eu lhe dei uma visão geral do resumo criativo. Agora estamos falando de quadros de humor, que é na verdade o segundo passo no meu processo, em qualquer projeto realmente, mas especialmente com projetos de identidade de marca. Então, o que é um quadro de humor? Se um resumo criativo é um projeto escrito para um projeto, então um quadro de humor é visual. Essencialmente, é uma colagem de imagens que se reúne para evocar o humor que a identidade da marca deve englobar. Esta etapa é importante, pois permite que você e um cliente fiquem visualmente na mesma página, o que também pode economizar tempo durante todo o processo e apenas fazer tudo funcionar mais sem problemas. Nem a definição de negrito ou techie de todos é a mesma quando isso é traduzido para um formato visual. Colocar isso no papel realmente permite que você tenha uma discussão sobre o que essas palavras significam quando são traduzidas em imagens. Aqui está um exemplo de um quadro de humor que fiz. Esta é a minha maneira de juntá-los, mas podes fazer o que quiseres. É muito divertido. Gosto de experimentar. Mas, na maior parte, gosto de criar colagens assimétricas onde as imagens são separadas e se reúnem de maneiras diferentes em diferentes formas e tamanhos. Este é outro exemplo de pranchas de humor que eu queria mostrar a vocês. Estes são feitos por Breanna Rose, que tem um grande blog. Se não a estás a seguir, devias. Ela faz um monte de quadros de humor e colocá-los em seu site. Ela só os mantém um pouco mais compactos do que eu, o que é apenas outra maneira de fazer isso, e eu acho que isso é totalmente bom também. Como eu disse, você pode realmente ser criativo com isso. Esta é uma das partes mais divertidas do processo para mim. O primeiro passo na criação de um quadro de humor é escolher o método. A maneira como você faz e apresenta um quadro de humor é realmente subjetiva. É assim que você quer trabalhar. Eu tenho uma maneira particular de fazer isso. Vou passar por isso e mostrar-vos rapidamente, mas mantenham a mente aberta e sintam-se à vontade para experimentar. Há muitos aplicativos lá fora que são criados especificamente para a coleta de imagens, há toneladas deles agora. Há três sobre as quais vou falar um pouco porque tenho experiência pessoal com eles, mas sei que há um milhão de outros, então esta não é de modo algum uma lista exaustiva. Primeiro é o Pinterest. Eu uso o Pinterest constantemente. Eu sou um usuário muito ávido do Pinterest, mas eu não usá-lo para o trabalho do cliente. Esta é uma maneira de coletar imagens em um quadro para um quadro de humor. Muitas pessoas usam o Pinterest como o fim de tudo para seus quadros de humor. Então eles vão criar um quadro de humor com seus pinos e depois compartilhar isso com um cliente e ir e voltar por ali. Você pode fazer placas privadas no Pinterest agora, o que torna eu acho que um pouco mais viável para o trabalho do cliente. Não há realmente quaisquer desvantagens para este propósito, Eu só prefiro usar o Pinterest para pintar e salvar inspiração e usar outro aplicativo para o meu trabalho cliente real para que eles estão em espaços separados. O segundo aplicativo que eu realmente amo é Dropmark. Eu uso isso muito para reunir imagens para quadros de humor. Na verdade, é basicamente a mesma configuração do Pinterest, onde há um marcador que você usa e você pode coletar imagens dessa forma em uma pasta específica. Você pode simplesmente vê-los assim como uma colagem de imagens e rosa, ou você pode clicar através deles um por um, que é realmente algo que eu não acho que o Pinterest faz. Se eu cliquei nesta primeira imagem fixada no canto superior direito, eu posso, em seguida, percorrer através deles um por um, o que é um recurso pouco agradável. O terceiro aplicativo que eu queria mencionar chama-se Icebergs. É um aplicativo mais novo. Eu o apresentei na vida do trabalho de design um pouco atrás. Mas ainda requer um pedido de convite para entrar nele. Não sei com que frequência ou facilidade eles estão dando isso, mas definitivamente vale a pena um choque. Esse é um ótimo aplicativo. Eu pelo menos entraria na lista de discussão para quando eles tiverem um lançamento mais amplo. Ele funciona muito semelhante aos outros dois aplicativos que eu já mostrei a você. Mas uma das coisas que eu gosto sobre ele é que ele dá a você a capacidade realmente criar notas diretamente dentro de cada pasta. Então eu gosto de escrever muito quando estou pensando em coisas. Isso realmente me ajuda. Você também pode fazer upload de todos os tipos de arquivos diferentes, o que é diferente do Pinterest e de outros aplicativos como esse, onde ele é realmente baseado em imagem. Como eu disse, esta é realmente apenas a dica com os aplicativos que estão disponíveis para você. Você também pode parar aqui. Você poderia parar aqui e ter um quadro de humor completo digitalmente que você pode compartilhar com um cliente e discutir dessa maneira. Pessoalmente, gosto de dar um passo mais longe. Eu gosto de, uma vez que eu tenho tudo reunido em uma pasta, baixar todas as imagens para o meu computador e realmente ir para o Illustrator e criar um quadro de humor plano fora de algumas das imagens e colá-los juntos. Esse é apenas um processo que eu gosto mais de trabalhar, e esses são os resultados visuais que eu gosto mais. Eu gosto de ter as imagens mais ao lado do outro sem a separação dos detalhes da tela do aplicativo, eu gosto de ver como eles interagem com diferentes formas e tamanhos. Mas como eu disse, isso depende de você. Depois de escolher seu método para criar o quadro de humor, é hora de começar e começar a pesquisar imagens visuais para incluir no quadro. Neste ponto, você deve ter uma idéia aproximada de onde o caminho visual do quadro de humor deve ir, porque você tem o breve criativo em sua cabeça que você acabou de desenvolver. Tendo isso em mente, é hora de fazer o máximo de pesquisa possível e reunir tantas imagens quanto você achar adequadas para o quadro. Eu costumo juntar uma tonelada de coisas e depois refiná-lo mais tarde. Se você não tem certeza por onde começar, o Google Images é um ótimo lugar. Tenho tendência a começar com coisas como as palavras-chave do resumo. Se tropical como uma palavra-chave, por exemplo, comece com a pesquisa de imagem do Google para tropical e veja o que aparece. Você pode encontrar algumas imagens que são boas para o quadro e podem desencadear uma ideia para outra coisa para pesquisar. Eu realmente fazendo essa pesquisa de imagem outro dia, notei que eles agora têm uma categoria padrão às vezes no topo, que eu acho incrível. Como alguém que usa padrões muito, que oferece uma tonelada de possibilidades para gráficos na placa de humor. Eu também procuro no Pinterest uma tonelada, porque há tantas imagens lá, e eu também realmente uso inspiração design, eles são outro bom site para procurar informações e visuais especificamente relacionados ao design . Pinterest tem tantos tópicos diferentes para cobrir de modo que é ótimo, porque ele vai lhe dar resultados que cobrem um monte de coisas diferentes. Então, vai te dar muito para tirar. O objetivo aqui é apenas para realmente passar e pesquisar o máximo que você puder e reunir o máximo que você puder, que você tenha um grande número de imagens para trabalhar com o quadro de humor. Então, uma vez que você tem um grande número de imagens para trabalhar, o próximo passo é apenas refiná-lo, chamá-lo para baixo para que imagem você acha que representa o breve da melhor maneira possível e a direção visual que a marca deve entrar. Rapidamente, eu vou te mostrar, eu fiz um quadro de humor também para o projeto da festa para baixo se você está trabalhando com isso. Isso estará disponível para download no final desta unidade. Isto é o que parece com base no relatório que lhe dei. Você pode pegar as duas coisas e compará-las e ver como elas se encaixam. A outra coisa é que tudo isto está realmente aberto à interpretação. Outra pessoa poderia ter pego meu relatório e inventado um quadro de humor completamente diferente do que eu fiz. Isso é o que eu gosto neste processo, é muito divertido e você pode realmente ser criativo. Então só para mostrar meu quadro de humor, este é o quadro de humor para o projeto da Maggie que eu estarei trabalhando durante todo o processo. Eu acho que é bom para você ter essas duas coisas em mente enquanto estou mostrando o trabalho que eu faço e como eu vim com essas soluções. Coisas que você quer considerar enquanto você está refinando e fervendo tudo é cor e tom. Eu não acho que a cor precisa estar exatamente onde você está indo com a marca, mas eu acho que deve ser um pouco semelhante. Por exemplo, se você tem uma marca que é descrita como feminina, talvez você queira ter mais cores femininas no quadro, você não quer que seja um super masculino olhando entediado. Outra coisa a fazer é olhar para fora da indústria. Eu acho que, às vezes, os clientes têm dificuldades com placas se eles estão vendo logotipos e outras peças de design de alguém que está em sua mesma indústria. É muito fácil se distrair com essa imagem específica. Eu gostaria de tentar puxar coisas que estão fora do que a empresa está realmente fazendo até certo ponto. O número 3 é mantê-lo solto. O que isso significa é que você deve apenas ter em mente e ter certeza que o cliente entende que nada do que está no quadro deve ser levado literalmente. Por exemplo, a parte de baixo bordo onde havia uma fotografia de palmeiras, isso não significa que a identidade vai automaticamente incluir palmeiras ou uma fotografia de palmeiras. Eu acho que é apenas importante reforçar que esta é apenas uma interpretação visual solta do caminho que a identidade da marca deve seguir. Então pergunte a si mesmo no final, está alinhado? Você pode olhar para o quadro de humor no breve ao lado um do outro e eles se encaixam? Todas as palavras-chave que você incluiu no breve coincidem com o quadro? Caso contrário, você definitivamente precisa mudar algo, se isso é realmente mudar uma palavra no resumo e voltar e refinar essa parte do projeto, ou remover algumas imagens que você tem do quadro e substituindo-os por outros que fazem mais sentido. Isso é tudo para as pranchas de humor, e você termina esta unidade. Por favor, avise-me se tiver alguma dúvida na sala de aula. certifique-se de baixar os arquivos que eu forneci e, em seguida, na próxima unidade, vamos falar sobre cor. 5. Visão geral das cores: Olá a todos. Bem-vindos à Unidade 2 onde vamos falar de cor. Antes de entrar nos detalhes, eu só quero mencionar que uma vez que esta é uma classe intermediária, eu não vou ficar muito teoria de cores ou noções básicas de cores. Isso vai ser mais sobre como desenvolver sua paleta de cores com base no fato de que você já tem esse conhecimento. Mas se isso é algo que você quer aprender mais sobre ou você não sente que você é forte em, eu vou fornecer uma lista de alguns recursos realmente bons no final da unidade que você pode baixar e explorar mais em seu próprio como você está montando seu projeto juntos. A escolha das cores em um sistema de identidade é realmente muito subjetiva. Teoria das cores definitivamente deve entrar em jogo. Você deve ter esse conhecimento em mente, mas há um monte de outras coisas que vão levar em conta uma forma mais óbvia tanto quanto o breve que você desenvolveu e o quadro de humor que você desenvolveu, todas essas coisas já estabeleceram alguma diretriz de cor de classificação. Antes de começar, algumas coisas a ter em mente, a mídia que será usada, quantas cores você realmente precisa, e quais são as preferências do cliente. Considere a mídia que será usada. Obviamente, aqui está uma visão geral do formato básico de cores que você usará em uma identidade de marca. O Pantone Matching System para impressão, CMYK para impressão, RGB para trabalho de tela e valores HEX para trabalho de tela. Esta é uma situação em que você não precisa considerar tudo em termos de quebras de cores muito específicas nesta fase, já que você está essencialmente indo para escolher cores na tela, mas é algo que você quer manter em mente . Por exemplo, se você souber que seu cliente só tem um orçamento para impressão digital, você não poderá replicar uma cor Pantone que seja metálica ou néon na impressão digital. Isso é algo que você quer ter em mente. Se o cliente só vai ter um site e nunca vai ter nenhum material impresso, então isso é outra coisa a ter em mente. Metallics também não pode realmente ser muito bem reproduzido na web, de modo que pode ser algo que você quer evitar em termos de cores planas para a marca. Agora apenas uma menção rápida de valores RGB versus HEX. Tanto quanto eu entendo pela maneira que eu os usei, eles são bastante intercambiáveis. Os valores HEX que a maioria das pessoas tendem a pensar que são mais comumente usados porque eles são realmente apenas mais práticos. Eles são séries de números e letras todos em uma linha em vez de RGB que tem três entradas separadas para os valores de cor. É mais fácil copiar e colar de um programa para outro se você estiver usando HEX. A segunda coisa a ter em mente é, quantas cores você precisa? Acho que um bom caminho é começar com três ou menos. Se você sabe que seu cliente realmente quer um olhar preto e branco, então tudo bem. Não há necessidade de adicionar uma terceira cor. Mas ao invés de enlouquecer e ter uma paleta de sete cores, acho que começar menor é melhor e mais fácil de trabalhar. À medida que você começa a praticar e criar mais identidades de marca, você ficará mais confortável com a forma como as cores serão usadas e quantas você realmente precisa para cada projeto específico. Mas eu costumo começar com três e eu sempre tendem a usar uma cor primária, uma cor secundária, e uma cor neutra. Na maioria das vezes, é necessário ter uma cor neutra para coisas como texto, quando você está usando texto em um site ou em um cartão de visita. Isso não é 100% o caso o tempo todo, mas essa é uma regra geral e geralmente dá uma base para começar. Estas são apenas algumas seleções de paletas de cores aleatórias que se encaixam nesse sistema. Então, quais são as preferências do cliente? Estas coisas deveriam ter sido abordadas com as considerações criativas sobre o resumo. Se houver alguma preferência específica do cliente sobre cor, isso é algo que você deve saber imediatamente, então se eles odeiam laranja e eles não querem incluir laranja, isso já economiza tempo porque essa não é uma cor que você deveria ser explorando. Há poucas coisas que eu faço para começar. A primeira coisa é se referir ao quadro de humor e breve. Como eu disse, aqueles se você fez um trabalho completo o suficiente com eles já deve começar a informar onde a paleta de cores deve ir, por isso deve dar-lhe uma idéia geral do que você está procurando. Neste caso, com a placa de humor de Maggie, a cliente me deu alguma direção de cor específica em termos de uso de verduras e cercas, e ela também aprovou este quadro que explorou algumas outras cores. Definitivamente me dá vários pontos de salto para começar. A segunda coisa é olhar para a competição. Estes são alguns dos concorrentes da Maggie e neste caso, você realmente não vê uma grande tendência em cores além de um forte uso de preto, cinza, branco, que Maggie também me disse para evitar de qualquer maneira. Às vezes, apenas fazer uma análise visual da competição realmente ajuda a guiá-lo em termos de cor. Às vezes você vai fazer isso e ver, oh uau, todos os concorrentes do cliente usam verde e esse é um bom lugar para dizer, ok, eu não vou usar verde, eu vou usar uma cor diferente porque isso vai fazer eles se destacarem ainda mais . Então a última coisa é apenas experimentar e ter um pouco de diversão com ele. Há uma tonelada de ferramentas online que você pode usar para criar esquemas de cores e algumas ferramentas com um ilustrador que eu vou mostrar quando chegarmos ao próximo vídeo. As cores são realmente populares vídeo online e eu também vou incluir isso no meu documento de recursos no final desta unidade. No final, apenas algumas perguntas para se fazer uma vez que você terminar com a paleta de cores. É apropriado? Dois, faz sentido para o público? Faz sentido para o cliente? Faz sentido para a indústria? Será que ele atende as necessidades do breve? Isso se encaixa com o quadro de humor? No final, todo o trabalho que você está criando deve, número 1, responder ao resumo e satisfazer todas as perguntas, e também deve se encaixar no quadro de humor. Se você copiar e colar esse logotipo ou sistema de identidade no quadro de humor, ele deve parecer que ele se encaixa lá em algum grau. É isso para a visão geral de cores e, em seguida, vou ilustrar um pouco e mostrar a vocês como desenvolvo minhas paletas de cores. 6. Criando paletas de cores: Agora que falamos um pouco sobre cores, vou mostrar a vocês como crio paletas de cores no Illustrator. Então vamos ao Illustrator. Aqui você pode ver que eu tenho o quadro de humor dos projetos de Maggie. Então eu tenho um par de pequenos arquivos de amostras configurados aqui. Já provei um em verde do quadro de humor. Esse é geralmente o primeiro lugar que eu gostaria de começar, é apenas tentar provar algumas cores do quadro de humor e brincar com eles para ver como eles funcionam. Eu também trabalho com amostras quadradas, no meu documento que parece o mais fácil para mim ver as cores desta forma e também corresponde apenas à paleta de amostras do Illustrator muito facilmente. A primeira coisa que faço, como disse, são amostras de cores. Eu já sei que Maggie quer uma combinação de verduras, cercas e cinzas. Então eu quero ficar nessa área. Basicamente, vou começar a experimentar. Eu realmente gosto deste verde, eu quero construir as paletas fora deste verde. Esta é uma cor que eu já decidi fazer parte da identidade. Mas eu quero construir algumas paletas diferentes que eu possa comparar e escolher a melhor. Eu realmente gosto dessa imagem. Tem um monte de cores cercadas que ela quer. Então eu vou ver como isso se parece, o que eu realmente gosto dessa combinação. Então preciso de uma cor neutra. Então eu vou provar esta cor daqui. Eu realmente gosto dessa opção. Este neutro pode não funcionar no final, porque é muito leve e eu posso precisar de uma cor adicional, bem como isso. Mas eu realmente gosto desta paleta como uma opção, então eu vou me agarrar a isso. Então eu vou criar outro. Quero mostrar-vos uma viagem diferente, por isso vou livrar-me dessas duas cores. Ainda quero começar com este verde. Então eu fiz outra aula de Skillshare de Brad Woodard recentemente, e eu vou te dar um link para isso no final. Ele me ensinou uma nova ferramenta aqui que eu não sabia, e é o guia de cores. É realmente realmente incrível e eu não posso acreditar que eu não usei até agora. É muito bom se você tem uma cor para começar. Vou fazer disto uma amostra aqui e arrastá-lo para dentro. Ou, caso você não saiba como fazer amostras, você também pode editar e criar uma nova amostra aqui. Então eu estou selecionando a amostra e então eu vou para o Guia de cores. Basicamente, esta é apenas uma ferramenta muito agradável para ajudá-lo a criar paletas de cores. Isto dá-lhe algumas opções aqui, como você pode ver quando eu cliquei nele já estava definido para silenciado e vívido, então ele está mostrando um intervalo baseado nesta cor que se encaixa nessas duas categorias. Você pode mudar isso neste pequeno menu suspenso aqui para mostrar tons e tons, ou quente e legal, e você pode apenas brincar com essas coisas diferentes. Mas a parte boa disso é que se você clicar neste pequeno ícone do arco-íris aqui, ele irá trazê-lo para esta ferramenta de tipo gerador de paleta. Se você entrar em Editar aqui, você pode mudar todos os tipos de coisas.Você pode olhar para isso em um formato de barra, que eu acho que é muito bom porque você tem uma grande amostra de suas cores. Você também pode fazê-lo com as rodas de cores de duas maneiras diferentes, se você preferir olhar para ele dessa forma. Como você pode ver, eu já comecei a configurar esta cor aqui. Se eu olhar para isso com as barras aqui nesta lista suspensa, você pode ver todos os tipos de diferentes paletas construídas a partir desta cor partir de cores complementares com apenas duas a uma segunda paleta complementar. Essas são todas as paletas que o Illustrator gerou automaticamente para mim com base nessa cor, o que é incrível. Então eu vou escolher essa cor complementar e apenas brincar com ela um pouco. Não, eu não quero roxos, mas isso pode me dar outro verde que eu gostaria de usar. Então essas pequenas ferramentas que você pode brincar com a saturação de matiz e brilho e alterar esses níveis, que lhe dará paletas totalmente diferentes aqui, que também é incrível. Você pode ver à medida que você percorre, isso lhe dá idéias de paleta muito legais e interessantes que você pode não ter apenas vir acima com em seu próprio país. Você pode ver isso mudá-lo também. Então você começa a ver o brilho. Você pode realmente brincar com isso sem parar. Quando você estiver satisfeito com a paleta, tudo o que você precisa fazer é criar um novo grupo de cores aqui. Basta pressionar o novo grupo de cores, este botão com o sinal de adição aqui e ele aparece neste lado da janela, e então ele também aparecerá em sua paleta de amostras aqui. Ele tem sua própria pasta, o que é ótimo. Isto criou este novo verde para mim enquanto eu estava brincando com ele. Uma coisa que eu não apontei enquanto eu estava usando é que, como você está rolando através desses números diferentes, a amostra em que você está destacado vai realmente mudar. Você pode ver como ele está afetando qualquer amostra ilustração ou padrão que você está usando na tela real enquanto você joga com as cores. Eu vou ir em frente e usar esta tela para também adicionar o verde original. Então eu tenho dois verdes diferentes para trabalhar. Também preciso de um neutro. Eu acho que eu quero uma cor diferente para isso, talvez um pouco de uma cor mais quente. Esta é mais uma cor creme do que um cinza. Mas como eu disse quando eu estava explicando com breve criativo, eu sinto que é importante manter as coisas abertas nesta fase e brincar e chegar a algo que você acha que parece certo e também realmente se encaixa no breve. Então eu não estou realmente amando este verde aqui, eu acho que é um pouco brilhante demais. Eu só vou entrar nesta paleta de cores aqui e escolher algo que é um pouco mais escuro, algo que é mais parecido com isso. Acho que essas duas coisas combinam um pouco melhor. Então eu vou em frente e criar três paletas. Este aqui, vou tentar provar mais um pouco daqui. Esta paleta tem outro bom cerco, é um pouco mais leve que eu também gosto. Então eu não usei nenhum tipo de neutro mais escuro. Vou tentar encontrar um neutro mais escuro nesta paleta. Há um pouco de pasto aqui que eu acho que pode ser bom. Oh sim, isso é um ótimo, bom cinza médio. Agora eu tenho três paletas e eu posso misturar e combinar estes um pouco e brincar com eles até eu ter algo que eu acho que parece certo. Olhando para isso, há algumas cores que se destacam para mim e é o verde original, que eu realmente gosto, este novo verde e o cinza mais escuro. Eu acho que essas três cores realmente representam Maggie o melhor que eu acho que eles podem, e eles também se encaixam em suas diretrizes que ela sugeriu no resumo. Acho que juntar estes dois, com este neutro, vai ser o caminho a seguir. Como você pode ver, vamos clicar sobre a final, e esta é a paleta de cores, eu ligeiramente reorganizou as coisas um pouco. Eu usei esse cinza neutro escuro, mas também adicionei um mais leve à paleta. Como eu disse, eu costumo começar com três, mas, em seguida, se diferentes necessidades surgem com base no breve ou com base em qualquer que o cliente está preferindo no momento, eu vou adicionar cores se eu precisar delas. Então eu adicionei um cinza mais claro porque eu acho que em certas aplicações o cinza escuro vai ser um pouco duro demais, e eu quero ter a capacidade de ter alguns contrastes lá em diferentes peças. Eu acho que esta paleta de quatro cores é essencialmente tudo o que vamos precisar e isso é algo que podemos definitivamente trabalhar com, ele definitivamente se encaixa com a placa de humor e definitivamente se encaixa no breve. Então este é o caminho que eu vou seguir para todos os outros elementos também. Isso é tudo para a cor e você tem algumas tarefas a fazer. Como sempre, faz-me algumas perguntas se tiveres alguma na sala de aula. Na próxima unidade, vamos entrar na tipografia. 7. Visão geral da tipografia: Bem-vindo à unidade 3, vídeo 1. Este é o início da nossa seção de tipografia. Tal como acontece com a última seção de cores, eu só quero dizer rapidamente que porque esta é uma classe intermediária, eu não vou entrar em muito do básico de tipografia, mas eu vou fornecer um monte de recursos para você se você quiser aprender mais sobre o seu após a aula terminar ou depois de completar a unidade e antes de começar o seu trabalho. Essencialmente, o que estamos tentando fazer na tipografia para uma identidade de marca é desenvolver um sistema que uma vez no lugar pode ser usado em uma variedade de aplicações diferentes, de um site a um cartão de visita, e pode ser usado de forma consistente e também têm flexibilidade suficiente para que, se surgirem novas aplicações, você tenha todas as ferramentas necessárias para projetar essas peças. Antes de começar, algumas perguntas para fazer a si mesmo. Número 1, de quantos tipos você precisa? Segundo, onde será usado o tipo? Três, que tipos de informações você precisará expressar? De quantas fontes você precisa? Eu costumo tentar mantê-lo o mais simples possível e mantê-lo em dois tipos de letra. Isso nem sempre é o caso porque existem algumas identidades que se prestam à mistura de tipografia maneiras diferentes e acaba sendo um múltiplo tipos que são usados de maneiras diferentes em diferentes aplicações. Mas normalmente, eu tento manter isso em dois e geralmente é um sans-serif e um serif que elogiam um ao outro de alguma forma. Um é usado para manchetes e o outro é usado para cópia corporal, por exemplo, cada um tem papéis diferentes. A próxima coisa é onde o tipo será usado? Estas são apenas algumas amostras do nosso trabalho para mostrar-lhe diferentes aplicações. Uma embalagem de cartão postal, um aplicativo para iPad, um site, um folheto. Você precisa pensar sobre quais materiais seu cliente está produzindo e onde eles serão vistos porque cada um tem requisitos diferentes para a tipografia que eles precisarão usar. Então, por último, que tipo de informação você precisa expressar? Eles vão estar escrevendo muitos artigos então você precisa de um tipo que vai ser muito legível on-line? Eles produzem muitas embalagens? Eles produzem muitos infográficos? Você precisa pensar sobre o que será esse conteúdo e, em seguida, determinar o melhor tipo de letra para cada um desses usos. Uma vez que você tem isso determinado, é tudo sobre tentar encontrar o tipo que você precisa. O primeiro lugar que procuro é o meu próprio computador. Desde que eu tenho trabalhado tanto tempo quanto eu tenho, eu estabeleci uma biblioteca muito grande de tipografia, e eu as mantenho no FontExplorer, que é o que eu uso para gerenciar minhas fontes. Vou te dar um link para isso no final. É uma ótima aplicação. Há outros, mas não tentei muitos outros porque descobri que isto se adequa a todas as minhas necessidades. A primeira coisa que eu faço é olhar através de tudo que eu tenho nesta pequena área caixa de mensagens onde você vê a raposa marrom rápida salta sobre um cão preguiçoso. Vou colocar alguma tipografia nele que vai ser usado para o cliente para que eu possa percorrer todos os tipos de letra que eu tenho e ver essa linguagem que é específica para o cliente em todos os tipos de letra que eu tenho e obter apenas um olhar rápido para a variedade eo número de escolhas e tentar reduzir para algumas coisas que eu acho que poderia potencialmente funcionar. Se por alguma razão eu precisar de outra coisa ou se eu não achar que algo que eu tenho vai funcionar, eu vou procurar online. Agora, há alguns lugares que eu vou muitas vezes e há algumas fundições que eu vou muitas vezes e algumas lojas que tipo celular de muitas fundições diferentes. Este slide é representativo de algumas fundições que são alguns dos meus favoritos. Hoefler & Frere-Jones, Commercial Type, Village e Lost Type Co-op são realmente grandes fundições. Village realmente oferece tipografia de outras fundições, bem como, mas eles têm suas próprias fontes que eles produzem. Estes são lugares onde você sempre vai encontrar um tipo de qualidade realmente boa. Isso me leva ao meu próximo ponto, escolher o tipo de qualidade. Isso geralmente não significa livre. Fontes livres, na maioria das vezes não serão quase tão de alta qualidade quanto fontes que você paga, e é exatamente o mesmo que você recebe o que você paga por teoria que se aplica a qualquer outra coisa que você compra na vida. Na maioria das vezes, a quantidade de trabalho que é colocado em uma fonte livre é muito menor do que o tempo que é colocado em um que você tem que comprar uma licença para. O que significa que você vai ter muitas mais opções no tipo de letra, ele só vai ser de alta qualidade geral. Eu sempre recomendo tipo de compra, se você puder. As pessoas que o criam passam muito tempo a criá-lo e definitivamente merecem ser pagas pelo seu trabalho. Há algumas exceções para isso que eu estou pessoalmente bem com. O primeiro é no myFonts, eles têm uma pesquisa de $0. Se você entrar na Pesquisa Avançada e selecionar preço e selecionar US $0, há toneladas de tipos de alta qualidade que apenas oferecem uma semana gratuitamente. Eu acho que essa é uma boa maneira de baixar algumas fontes de alta qualidade e começar a experimentar com elas, e isso permite que você tome a decisão de se o tipo é certo para o projeto ou não. Nesses casos, você pode conseguir que o cliente compre esse tipo de letra para você com antecedência se você não tiver o orçamento por conta própria para comprá-lo para concluir o trabalho. Em seguida, Lost Type Co-op também é configurado em um pagamento que você quer modelo. Isso é ótimo se você quiser testar fontes e deseja baixá-lo gratuitamente. Muitas das fontes têm diferentes tipos de licença, onde se você pagar até um determinado valor, ele só pode ser usado para uso pessoal sem fins lucrativos e é obrigado a pagar acima de um determinado valor para ter uma licença profissional. Preste atenção a isso quando você está navegando as fontes, e eu sempre tento pagar por qualquer uma dessas fontes independentemente dos requisitos de licença, porque eu acho que as pessoas que gastaram o tempo fazendo isso merecem obter compensação. Isso é o que eu recomendo se você está procurando fontes com um orçamento apertado. Agora, para começar, três passos fáceis. Comece com o logotipo. Comece com o logotipo. Você já escolheu o tipo que acompanha o logotipo com base no breve e na placa do motor. É um bom ponto de partida. Normalmente, você usará pelo menos um tipo de letra do logotipo como fonte principal da marca. É uma maneira muito clara de associar os dois juntos, e faz sentido fazer isso. Este logótipo tem três tipos diferentes. O G e o M no topo, ou um terceiro tipo de letra. Essa é uma situação em que eu poderia apenas manter aqueles, que G e aquele M tipografia no logotipo e usar os outros dois tipos de letra nos diferentes materiais enquanto eu vou. Mas esse é um bom lugar para começar e lhe dá uma base para seguir em frente. Em seguida, consulte o quadro de humor e o resumo. Você sempre quer manter essas duas coisas em mente enquanto está trabalhando. O quadro de humor pode lhe dar algumas idéias para tipos diferentes se você quiser adicionar um pouco mais de interesse à identidade além do logotipo. Por exemplo, este quadro de humor tem todos os tipos de scrips nele, algumas letras de mão. Talvez isso te dê uma idéia, “Oh, eu quero tentar desenhar um script para algum tipo de exibição.” Esta é apenas uma ótima maneira de despertar ideias. Então a terceira coisa a fazer é quando você tipo de emparelhamento, é uma arte aprendida e na seção de recursos, eu vou fornecer mais alguns artigos sobre isso. FontShop em particular tem uma série de artigos realmente grande sobre tipo de emparelhamento que eu acho que seria muito útil se é algo que você precisa de um pouco mais de trabalho. As duas coisas a serem realmente consideradas quando você está emparelhando tipos são contraste e similaridade, e você quer ter certeza de que há o suficiente de ambos para que eles sejam um par certo. Nesta página, estou olhando para Elena à esquerda e Clavo à direita. Neste caso, não há contraste suficiente. Você não iria emparelhar essas duas fontes juntas porque elas são diferentes se você olhar para os pequenos detalhes, mas eles são muito semelhantes para colocar no mesmo contexto. Não permite distinguir informações de forma alguma, e será confuso usar dois tipos de letra como essa. Este é um exemplo de muito contraste. Estes tipos de letra não combinam nada. Eles são definitivamente diferentes, então você obtém contraste suficiente, mas, no lado da semelhança, não há semelhança suficiente. Você tem uma fonte curva, bulbosa, larga e arredondada à esquerda e uma fonte muito vertical e angular à direita. Na maioria das vezes, essas coisas nunca vão ficar juntas. Há exceções a isso, é claro, se você estiver usando uma fonte altamente exibida, isso pode ser algo onde não há problema em ter uma tonelada de contraste porque ele vai ser usado com moderação. Mas aqui estamos essencialmente olhando para uma manchete e uma cópia corporal, que é uma prática muito comum com a qual você precisará se sentir confortável quando estiver escolhendo o tipo. Este é um exemplo de tipos de letra sendo apenas certo para emparelhar juntos. Neste caso, esses dois tipos de letra são feitos pela mesma fundição. Esse é outro bom lugar para procurar se você está lutando com um par, muitas fundições fazem famílias de tipo que têm um sans-serif e um serif que combinam muito bem. Estes não são tecnicamente uma família, mas eles combinam muito bem porque eles são projetados essencialmente na mesma linha. Uma maneira de verificar a semelhança é medir a altura X. Se a altura X das letras é bastante semelhante, eles provavelmente vão se misturar muito bem. Aqui você pode ver que eu os medi e a altura X não é exata, mas é muito semelhante. Isso é algo que vai permitir que os dois tipos de letra trabalhem juntos de forma mais harmoniosa quando você está emparelhando-os em diferentes situações. Mas então, como você pode ver, há também um monte de contraste aqui porque um tem serifas e o outro é totalmente sem. Ele permite que os dois tipos de letra se destacem quando eles são emparelhados para que você possa chamar diferentes tipos de informação. Agora, vamos entrar brevemente na tipografia da web. Este é um assunto gigantesco que eu não posso cobrir tudo envolvido nesta aula, mas eu queria mencioná-lo porque eu acho que é uma consideração importante quando você está desenvolvendo um sistema de identidade. Neste ponto, a tecnologia de tipografia web realmente avançou ao ponto em que não faz sentido ignorá-la. Se o seu cliente vai ter um site ou um site é uma parte importante de sua identidade de marca, isso é algo para definitivamente considerar e escolher o tipo que tem um componente de tipografia web. Há um monte de lugares para obter tipo web. O Google Fonts é muito popular e eles são gratuitos lá, o que é ótimo. Você também pode baixar versões de área de trabalho dessas fontes para que você possa brincar com elas em seus arquivos de web design e ver como elas ficam antes que elas estejam on-line. Em seguida, também as mesmas fundições que eu mencionei antes todas oferecem um monte de opções de tipografia web. myFonts tem especialmente uma tonelada de opções de tipos de letra que oferecem versões desktop e web. seu licenciamento é diferente dependendo da fonte e é definitivamente diferente da web para desktop. É importante revisar essas informações antes de recomendar qualquer coisa aos seus clientes para que eles entendam como os preços funcionarão. Mas há tantas opções agora que você pode usar para impressão e web que faz sentido se você vai ter qualquer tipo de componente web, que você está escolhendo tipografia que está disponível para uso web. Se por algum motivo você não encontrar, se você encontrar um tipo de letra que realmente funcione para a identidade que não tem um componente web, eu acho que o Google Fonts é um ótimo lugar para ir para uma fonte especificamente para uso na web, para encontrar um par bom o suficiente, algo que corresponda muito bem. Há tantas opções no Google agora que você geralmente pode encontrar algo que é relativamente semelhante ao visual que você está procurando e que pode ser usado na web. No final, você só quer fazer as mesmas perguntas depois de ter emparelhado o tipo. É apropriado? Será que ele atende as necessidades do breve? Ele se encaixa com a prancha de humor. Em seguida, vou mostrar a vocês um pouco de desenvolvimento do sistema de tipografia no Illustrator. 8. Escolhendo a tipografia: Bem-vindos à Unidade 3, Vídeo 2, isto é escolher a tipografia. Vou mostrar-vos rapidamente como inventei família tipográfica para a identidade da Maggie. Vamos ao Illustrator. Este é o arquivo com o qual comecei. Eu novamente, tenho meu quadro de humor, eu tenho minha nova paleta de cores, e eu estou essencialmente apenas construindo continuamente fora do arquivo inicial que eu comecei. Você verá no final que meus arquivos do Illustrator tendem a ficar muito confusos, mas prefiro trabalhar dessa maneira e ter tudo em um só lugar. Como você pode ver, eu também apliquei minha nova paleta de cores ao logotipo, você pode ver como isso funciona aqui, e eu estou começando a organizar a tipografia. Eu já tirei os dois tipos do logotipo que estão aqui. Este Herr Von Muellerhoff e Trump Gothic. Isto é o que a fotografia está listada aqui, e isto é o que a Maggie Harkov está nele. Agora, ambos, eu sei que não posso usar em todos os lados. Esta fonte Herr Von Muellerhoff é muito uma fonte de exibição. Não vai ser legível em longos blocos de texto, claramente eu sei que eu quero usá-lo com muita moderação. Trump Gothic, Eu apenas pessoalmente realmente gosto em maiúsculas, mas eu não gosto desta fonte muito condensada para ser usado no caso de título com em blocos longos de cópias. Sei que só vou usar isso em situações muito específicas. Sei que preciso de outras fontes. Preciso de algo que possa usar para correr e copiar. Ela tem um livreto que ela dá a todos os seus novos clientes que descreve todos os seus processos, e sobre ela, e os pacotes que ela oferece. Eu sei que vou precisar escrever um texto lá. Então, eu também estou pensando sobre a sensação moderna vintage que ela quer, o que requer esta mistura de tipografia. Então eu quero um pouco mais de contraste do que o que eu tenho agora, e eu quero uma fonte serif também trouxe na mistura. No começo, eu já sei que estou procurando por essas duas coisas. Uma fonte serif para usar provavelmente a partir de nossos propósitos de exibição, e um sans serif para usar para cópia de corpo. O que eu gosto de fazer é configurar espécimes tipo e começar a brincar com tipos de letra que eu acho que podem funcionar. Eu configurou isso com um parágrafo, e então eu sempre configurou alfabeto em maiúsculas, minúsculas em números, só para que eu possa ter uma visão geral muito rápida de como cada formulário de letra se parece nessa fonte. Um pequeno truque, tenho esta ferramenta aqui em cima. Chama-se Lorem Ipsum. É um ótimo aplicativo pequeno se você quiser usar Lorem Ipsum em seus projetos, e ele só permite que você clique no número de palavras, linhas ou parágrafos, e você basta clicar em uma cópia e você pode colá-lo diretamente em seu documento. Só um pequeno truque. O que eu faço é, eu já tenho algumas fontes ativadas pelo explorador apaixonado. Isto é apenas uma antena agora. A primeira coisa que eu vou fazer é apenas começar a ativar algum texto aqui com fontes diferentes e apenas jogar e ver como ele parece. Como eu disse, eu já passei pelo piso fonético e escolhi um monte de coisas que eu pensei poderia ser compatível com essa identidade. Vou começar a destacá-los. Brandon grotesco, isso pode ser uma boa opção para o sans-serif que eu quero. Vou escolher normal para isso, só para ter uma idéia geral de como esse tipo de letra se parece, e vou me livrar do rastreamento aqui. Lá vamos nós. Eu tenho um abatido, então vamos montar alguns outros e dar uma olhada neles. Eu vou procurar o sans-serif primeiro, e eu sei que um outro que eu gosto é Sweet-sans, que eu só tenho um par de pesos como este. Eu vou com a luz. Já você pode ver que estes são semelhantes, mas diferentes na medida em que a altura X é maior, especialmente neste, mas ambos têm uma aparência bastante arredondada. Isto é definitivamente mais amplo, Sweet-sans, mas dá-me uma boa comparação nestas duas coisas. Vamos ver algumas serifas. Eu sei que o objetivo aqui é melhorar este visual moderno vintage, então eu quero obter algo que pareça bastante clássico. Um tipo que me sinto como é Craw Modern. Tenho duas versões disto, mas vou começar com isto. Esta é uma fonte muito grande e grande. Mas eu acho que isso poderia potencialmente correr muito bem. Eu vou mudar o tamanho disso um pouco só porque ele está sobrecarregando os outros que eu tenho aqui, para que eu possa ter um olhar melhor. Isso é bom o suficiente por enquanto. Vamos checar mais um. Vamos ver a Elena. Este é definitivamente um serif clássico. Tenho quatro tipos para olhar e comparar. Normalmente, às vezes vou olhar para uma tonelada de tipos diferentes. Eu vou olhar para 20, eu vou olhar para 30 e apenas comparar isso. Mas agora eu já tenho uma idéia muito clara das coisas que eu estou procurando, modo que me permite limitar minhas opções desde o início e economizar algum tempo. Já olhando para eles, sei que quero eliminar Elena. É um tipo muito bonito, mas ele simplesmente não funciona com a sensação moderna vintage e não funciona com os outros tipos de letra que eu já escolhi para trabalhar aqui. Eu só vou me livrar disso. Acho que este Crow é o melhor serif para trabalhar. Ele realmente complementa esses dois tipos de exibição bem, e eu sei que eu não amo como ele parece em um parágrafo. O espaço entre as palavras é um pouco estranho porque é muito largo e o tipo em si é tão largo que não se adequa realmente a longos blocos de cópias. Este vai ser outro tipo de letra que é usado em mais de situações de exibição. Ótimo, vou querer isso. Agora é hora de comparar os sans-serifs, e eu realmente gosto de ambos. Acho que ambos podem funcionar. Mas já que já tenho três tipos escolhidos, é essencialmente qual combina melhor com os que escolhemos. Agora, se você olhar para estes ao lado do outro, você pode ver que Sweet Sans e Crow, mesmo que estes sejam tamanhos diferentes no momento, têm proporções mais semelhantes, do que Brand e Grotesque tem. Ambos são redondos. Se você olhar para os Os, seus Os largos, arredondados quase esmagados porque eles são tão largos, e assim isso apenas me faz ver automaticamente uma conexão entre os dois e perceber que estes iria realmente emparelhar muito bem juntos e trabalhar realmente Bem. Isso me deixa com quatro tipos de letra, o que eu disse é mais do que você quer começar. Você quer começar com dois. Este logotipo é definitivamente uma exceção como eu estou usando apenas dois logotipos para começar, e alguns dos detalhes sobre o breve apenas realmente se prestam a usar mais. Foi aqui que acabei e isto dá-me os blocos de construção do sistema de tipografia. Agora eu tenho todos esses tipos diferentes para escolher quando eu realmente começar a construir as peças estacionárias e outros materiais da marca que ela precisa usar. Então eu posso decidir sobre circunstâncias específicas para cada tipo de letra e descobrir como eles serão usados nessa fase. Mas agora, eu sei que tenho fontes diferentes suficientes que cobrem todas essas necessidades diferentes, todo o tipo de informação que ela precisa exibir, e todos os aplicativos onde sua identidade será vista. Aí está você. Em seguida, vamos passar por cima da linguagem gráfica, e apenas falar sobre esses elementos. Como acabamos de terminar uma unidade, não se esqueça de me informar se você tiver alguma dúvida enquanto você começar a trabalhar no seu sistema de digitação. 9. Visão geral da linguagem gráfica: Olá a todos, bem-vindos à Unidade 4, Vídeo 1. Este é o início da nossa unidade de linguagem gráfica, e esta é a apresentação geral. Esta é uma das minhas partes favoritas do processo de identidade da marca porque você pode realmente ser criativo aqui e você também vai começar a ver tudo se juntar em um pacote de identidade. Então, apenas para dar uma breve visão geral do que são as linguagens gráficas, ele apenas se refere a uma ampla gama de elementos visuais que suportarão o logotipo no sistema. Isso poderia realmente incluir tantas coisas diferentes de padrões que eu pessoalmente uso o tempo todo, para fotografia, ilustrações, texturas, ícones, realmente pode ser qualquer coisa que você pode pensar que ajuda a apoiar o logotipo e trazer que identidade juntos. Então, antes de começar, você quer ter as mesmas considerações que você teve em todas as outras etapas do projeto, onde os elementos serão usados, como eles trabalharão juntos e o que é apropriado? Então, se você está projetando um padrão, você deve ter em sua mente, ele não precisa ser definido porque você vai brincar um pouco quando você chegar a esse estágio, mas você deve ter em sua mente, como poderia este padrão trabalhar com isso ir no site ou isso seria apenas restrito a materiais de impressão, etc Essas são apenas algumas coisas que você quer ter em mente antes de começar. Vamos mergulhar. Então, há quatro passos que considero para começar. Se um não funciona para você, outro pode esperar acelerar a sua criatividade e levá-lo para cima com algumas idéias divertidas. Então o primeiro passo é olhar para trás para o logotipo, que é a peça central de toda a identidade. Aqui está um exemplo de um dos nossos sistemas de logótipos. Isto foi para uma empresa que pode criar produtos para crianças e pais. Isto tinha um sistema real onde o logotipo mudou e eles superaram uma ilustração diferente dependendo de onde foi usado. Como você pode ver, há um espaço de círculo claro, eu já tenho essas ilustrações aqui, já que já há muitos elementos que podem ser usados em padrões e outros elementos gráficos em toda a identidade. Este é o sistema de identidade deles que criamos. Então nós temos este grande sistema de cores que vem diretamente do logotipo, dois tipos de letra, e esta série de padrões, que é a forma oval específica do logotipo manchado, e então também, é claro, vem com uma série de ícones que apresentamos no logotipo e podem ser retirados. Então, quando você olha para isso, é realmente muito simples. Há muitas cores aqui. Mas tudo o que eu fiz foi retirar elementos exatamente do logotipo e apenas reorganizá-los de uma maneira ligeiramente diferente. A segunda coisa que você pode fazer é olhar para trás para o quadro de humor. O quadro de humor tem tantas pistas visuais nele que se você está tentando encontrar uma idéia para algo, provavelmente há algum tipo lá que pode desencadear alguma coisa. Por exemplo, neste quadro de humor, eu voltei e particularmente eu notei esse corredor de olhar listrado no canto inferior direito, e essas coisas de pinwheel ao vivo colorido anúncio Kate Spade pareciam um pouco como confetes para mim, e há um monte de realmente ótimos padrões e visuais aqui. Então esta é a identidade que deriva disso. Como você pode ver, a escada de listra um são transformados em um padrão de listra dupla legal, e que Kate Spade anúncio se transformou neste padrão de confetes, e alguns do estilo de fotografia da placa de humor real também misturado com essa identidade. Usamos essas imagens quentes e brilhantes da luz do sol de famílias e pessoas se divertindo, e você viu um pouco disso nos quadros de humor, então trouxemos para cá. Então considere o conceito. Então W&T Seafood, é um fabricante de frutos do mar, e estas podem ser conexões óbvias para fazer, mas fazê-las de uma forma divertida e diferente é uma boa maneira de criar uma identidade única. Então estamos usando essas ilustrações vintage de peixes e vida marinha ao longo de sua identidade, mas estamos usando em cores divertidas e brilhantes, como este verde brilhante, que faz parte de seu sistema de identidade. Então isso só faz com que seja um pouco mais original. Então também estamos usando um padrão de onda no fundo, o que apenas dá uma referência visual óbvia ao oceano, mas é feito de uma forma mais abstrata para que não fique por cima. Então a quarta coisa a fazer é apenas experimentar. Como você pode ver eu mencionei antes que meus documentos ilustrador ficar muito confuso, e este é um exemplo de uma captura de tela de um deles. Eu só vou por todo o lugar em um milhão de direções diferentes, e apenas ver o que fica, o que eu acabo pensando no final se encaixa o melhor para o breve e a marca em geral, e apenas ir a partir daí. Então, uma vez que você tenha feito todas essas coisas ou qualquer combinação dessas coisas e sentir que você tem coisas suficientes para trabalhar, a tarefa é refiná-la. Então, por exemplo, esta é a nossa identidade para Kanopi Health, e nós já temos alguns dos elementos considerados. É claro que já estabelecemos a paleta de cores e algumas da tipografia, então você verá essas aqui. Mas você também verá alguns experimentos diferentes com padrões e usando o logotipo em cima da fotografia e coisas assim. Então eu vou de um documento muito confuso do Illustrator para este, onde ele é refinado, e novamente, como eu faço com as placas de humor, isso é um pouco de uma colagem dos elementos de identidade, que eu Vou explicar um pouco mais tarde na próxima unidade. Então você realmente quer um sistema compacto aqui que faça sentido para os aplicativos em que você vai usá-lo, e apenas faça sentido para a marca. Então, novamente, logo após cada passo, certifique-se de que você está se perguntando as mesmas perguntas, é apropriado, ele atende às necessidades do breve e se encaixa com o quadro de humor? Esses elementos de identidade, assim como com o logotipo, a paleta de cores e a tipografia, devem ser todos capazes de ser apenas copiados e colados no quadro de humor e parecer que eles se encaixam. Então essa é apenas uma boa diretriz para comprar. Então, em seguida, vamos para o Illustrator e eu vou dar a vocês um pouco de uma visão geral de como eu desenvolvi algumas das linguagens gráficas para a identidade da revista. 10. Criando uma linguagem gráfica: Bem-vindo à Unidade 4, vídeo 2: Designing Graphic Language. Vamos mergulhar no Illustrator e rever tudo lá. Como pode ver no meu arquivo, acabei de construir sobre o que tinha na última unidade. Eu ainda tenho meu logotipo e paleta de cores aqui e eu também coloquei minha tipografia para que ele seja um pouco mais finalizado. Como pode ver, tenho aqui um espécime para areias doces. Vou usar isso em blocos de cópias. É por isso que eu tenho isso planejado dessa maneira. Então eu reduzi apenas os números. Essa é a minha parte favorita do tipo. Eu provavelmente vou usá-lo principalmente dessa maneira. Este é o meu ponto de partida. Para mim, quando começo a desenvolver sistemas de linguagem gráfica, eles quase sempre incluem um padrão ou dois. Isso é apenas algo que é muito particular para o meu estilo, é algo que é muito confortável para mim. Não sou um grande ilustrador, embora seja algo em que estou tentando melhorar. Mas então eu realmente não vou nessa direção e eu uso fotografia às vezes, mas os padrões parecem combinar com praticamente todos os projetos em que trabalhei de alguma forma. É por aí que gosto de começar. Eu só gosto de começar a brincar, e experimentar, e ver onde eu acabo no final. Meu primeiro passo quando eu tenho um logotipo que é tão detalhado como Maggie é, para olhar para isso e descobrir onde eu posso criar alguns padrões a partir desses elementos. Há muitas opções aqui. Vou começar com uma bem simples. Vou usar este pequeno formato de diamante que está ao lado da fotografia. Acho que esse é um padrão que pode ser um fundo muito neutro para muitas coisas diferentes, e poderíamos usá-lo com todas as cores, e de muitas maneiras diferentes. Vou mostrar-vos como fazer um padrão, e vamos usar o meu pequeno formato de diamante aqui em cima. Isto é na cor verde escura. Deixe-me apenas dizer, como um pequeno aviso de isenção de responsabilidade, há um milhão de maneiras de fazer isso, e é assim que eu faço. É muito rápido e fácil criar um padrão de uma forma geométrica como esta. Vou mostrar-te rapidamente como fazer um. Essencialmente, com uma forma como esta, tudo o que você realmente precisa fazer para criar uma amostra é ter certeza de que ela corresponde em todos os lados. Você só precisa usar uma forma repetível como seu terreno para o padrão. Neste caso, é um quadrado ou um retângulo. Para esta forma em particular, vou usar mais de um retângulo. Eu só prefiro a maneira que isso vai colocar para fora em vez de um quadrado com este diamante. Eu só vou criar meu pequeno retângulo e eu realmente não estou medindo nada. É aqui que eu só brinco com ele e vejo como as coisas funcionam. Eu tiro a cor disso. Eu vou alinhar estes para que eles estejam centrados. Então, como você deve ter notado, eu tenho os guias inteligentes ativados aqui que você começa na paleta View. Então é Comando, U. Isso costumava me irritar, mas eles são muito úteis em fazer padrões. Desde que me acostumei com eles, eu os uso o tempo todo. Se você realçar a forma, o que farei a seguir é configurar guias para corresponder à forma. Este é também o lugar onde os guias inteligentes incrivelmente úteis porque tudo simplesmente se encaixa diretamente no caminho. Isso basicamente o que eu preciso fazer é apenas ter certeza todos os cantos combinam para que esta amostra possa ser repetida, já que este é apenas um padrão muito básico. Vou pegar o diamante, vou fazer outra cópia dele e alinhá-lo aqui. Como você pode ver, outra coisa incrível sobre os guias inteligentes é que isso está me dizendo exatamente onde essa forma se cruza com esses dois guias. Não há dúvida se isso está alinhado ou não. Vou fazer a mesma coisa em todas as quatro esquinas. Você pode realmente senti-lo encaixar com os guias, mesmo que você não possa vê-lo particularmente. Agora, eu tenho todas as minhas peças no lugar e eu basicamente só preciso cortar esta obra de arte fora das bordas da forma. Vou trazer este quadrado para a frente, que eu montei inicialmente, e então ele vai destacar tanto essa forma quanto os quatro diamantes na borda. Então eu vou passar por cima da ferramenta Pathfinder e apertar “Cortar”. Então isso se livra de tudo fora daquela caixa, super fácil. Então isso deixa um espaço e um negativo. Vou apagar isso só para que não estrague nada ou fique confuso quando você está enchendo coisas. Então eu basicamente tenho uma amostra de pais. Destaquei todas estas formas. Então eu vou subir para “Editar”, “Definir Padrão”. Então vamos dar um nome a isto. Vou dar o nome a este Diamonds 1. Dê o nome que quiser. Então vamos testar nosso padrão. Deixe-me desenhar uma forma maior e tentar preenchê-la com esse padrão. Lá vai você. Você tem um bom padrão repetível. Você pode alterar o tamanho disso. Dependendo de suas configurações, o padrão crescerá quando você alterar a forma. Se ele fizer isso e você não estiver satisfeito com ele, basta clicar nele novamente e ele será redefinido. Então, se você quiser fazer um com uma cor diferente, mas por algum motivo você se livrar desta obra de arte, também é muito fácil. Basta pegar essa amostra da paleta de amostras e arrastá-la para a sua prancha. Então tenha em mente que isso acontece quando cria uma amostra, nos faz moldar fora dos limites dela, então você precisa excluir isso. Então você pode preenchê-los com a cor que você quiser. Vamos fazê-los verde mais brilhante e, em seguida, tomar os mesmos passos, “Editar”, “Definir padrão”, Diamonds 2. Então temos duas versões dele. Às vezes, eu acho que você não está vendo isso realmente aqui, mas você verá no Illustrator que parece que há algum espaço aqui, mas eles geralmente desaparecem quando você aumenta o zoom. É só uma coisa estranha com a exibição do Illustrator. Você quer verificar novamente isso e certificar-se de que ele está realmente repetindo. Se você não sabe dizer, tente imprimi-lo e isso lhe dará uma imagem clara de como ele funciona. Mas é basicamente isso. O que eu costumo fazer é apenas fazer uma tonelada dessas, e brincar com elas, e ver o que eu acho que fica melhor. Eu acabo com algo assim, outro arquivo do Illustrator coberto de todas as coisas. Eu vou te mostrar. Eu fiz um monte desses padrões de diamante em diferentes combinações de cores. Então eu também tenho vontade esta banda dupla aqui. Eu tentei apenas uma faixa plana, eu tentei uma combinação de listras com a banda externa curva, a faixa plana reta, e depois os ziguezagues. Está um pouco modificado porque não é tão apertado. Então eu fiz um padrão com apenas aquelas curvas externas. Então eu vim aqui e expandi as curvas em uma forma mais vintagey que realmente se afasta um pouco do logotipo. Então também fizemos este padrão XO divertido com cultura e um pouco de coração que é realmente adequado para a personalidade de Maggie. Com tudo isso, eu tenho essa grande variedade de elementos, mas eu não preciso de tantos padrões, é um pouco demais. Eu só brinco com as coisas e elimino até acabar com isso. O que temos é uma biblioteca desses padrões de diamante. Obviamente, esses não serão todos usados de uma só vez, mas é bom ter diferentes opções de cores para alterá-lo. Então temos este padrão alinhado para uso em várias situações. O padrão XO é muito adequado para ela, para Maggie, para não usarmos. Definitivamente vamos usar isso. Então também, como você pode ver, como eu tenho construído, eu tenho algumas outras versões de logotipo que eu trabalhei durante este graficamente e em qual seção, e uma coisa era que ela precisava de uma marca d'água para suas fotos. Nós criamos uma versão simplificada do logotipo para isso. Então também, nós poderíamos apenas criar uma versão simples do script a partir de seu logotipo que pode ser usado em situações onde este enorme círculo detalhado não é apropriado. Foi aí que acabei. Esses são os elementos com os quais tenho que trabalhar. Em seguida, eu vou mostrar a vocês como pegar tudo que você tem e você construiu uma identidade e juntar tudo em uma apresentação que você pode mostrar para seus clientes e apenas dar-lhe um pouco de uma visão geral sobre a melhor maneira tudo deve ser configurado. 11. Apresentação: Ei, todo mundo. Bem-vindos à Unidade 5, a última unidade da turma. Vamos falar sobre apresentação, e vou passar por como apresento uma identidade de marca aos meus clientes. Então vamos começar. Começando com os elementos de identidade. Todas as coisas que você desenvolveu até este ponto. Isso deve parecer algo assim para você. Você deve ter um documento do Illustrator que tenha todos os elementos reunidos de uma forma bastante desorganizada e que eles precisam ser colocados em um formato que o cliente possa digerir facilmente, e espero que dê a você positivo feedback. Começo com tudo o que tenho aqui e, na verdade, uso o InDesign para criar minha apresentação específica, mas você também pode fazer isso no Illustrator. Se você criar várias pranchetas do tamanho de sua apresentação, você pode simplesmente salvá-las como um PDF facilmente a partir daí. Uso o InDesign só porque gosto da configuração deles em termos de definição da biografia do tipo, configurações e folhas de estilo, e coisas assim. Funciona um pouco melhor no Illustrator para mim. A primeira coisa que faço é criar um novo documento do InDesign, que você pode ver aqui. Comece com uma página de título, e então eu apenas, no início da apresentação, percorrer todos os elementos que criamos até agora individualmente. Primeiro eu começo com um quadro de humor, e então eu separo todos os elementos que você acabou de ver naquela página em suas próprias páginas separadas. Eu acho que isso só ajuda para o cliente ver tudo por conta própria e julgar tudo individualmente sem ficar muito sobrecarregado. Eu sempre começo com um logotipo e então essencialmente me movo na mesma ordem em que realmente desenvolvemos o sistema. Então, de logotipos para paleta de cores. Como você pode ver aqui, eu também listei as quebras para cada cor nos diferentes formatos de cores. Isso não é totalmente necessário fazer agora, você pode fazer isso no guia de estilo mais tarde em seu processo. Mas é algo a ter em mente, não faz mal incluí-lo. Depois tipografia. Todas essas coisas podem ser divididas ainda mais se você quiser apenas incluir um rosto de fita por página, isso é totalmente bom também. Eu uso os mesmos espécimes aqui mesmo que eu não vou estar usando todos eles desta maneira, ele apenas dá ao cliente e visão geral da tipografia que vai ser usado. Em seguida, os padrões, e novamente, estes podem ser separados em suas próprias páginas, se você preferir assim. Próxima parte, vamos voltar para o Illustrator 4. A próxima coisa que eu gosto de incluir na apresentação é o que eu chamo de colagem de identidade. Isso é muito semelhante ao quadro de humor, apenas usando todos os elementos que você criou para o sistema. Isso realmente dá ao cliente um instantâneo de todos os elementos em um só lugar depois de vê-los em suas próprias páginas separadas. Então, levo-os todos para o Illustrator. Meus documentos pela metade por 11 para combinar com minha apresentação do InDesign. Esse é o tamanho que eu sempre uso só porque é muito mais fácil para os clientes se eles quiserem imprimi-lo por conta própria. É apenas uma situação prática. Tudo o que eu começo a fazer com esses elementos é organizá-los na página, e eu apenas começar a brincar com como eles podem trabalhar juntos assim. Eu só vou mexer com eles em um formato de colagem como eu faço com o quadro de humor até eu conseguir algo que eu gosto. Geralmente é um layout semelhante a um quadro de humor onde é uma colagem abstrata com alguns elementos maiores do que o outro. Então, para este em particular, aqui que eu acabei. Então eu pego essa coisa toda e copio e colo no meu documento, o que você pode ver aqui. Eu só acho que é importante para eles verem tudo juntos. Mas para a próxima parte, ao mesmo tempo, embora seja bom ver tudo juntos assim, isso não é na realidade como tudo vai parecer. Todos os aplicativos que eles têm nunca vão ter todas essas peças em um único lugar ao mesmo tempo. Então é um pouco irrealista. A próxima coisa que eu gosto de fazer são alguns slides de identidade, e eu vou voltar para o Illustrator para mostrar isso a vocês. Começando com todos os elementos da minha colagem, o que eu faço é basicamente criar uma série de slides e eu costumo fazer três, mas você pode fazer quantos quiser que são apenas layouts ásperos de como os elementos podem ser usados juntos. Eles nem precisam ser para nada em particular. Eles não precisam ser representativos de um aplicativo específico, mas é apenas uma boa maneira de mostrar ao cliente como alguns dos elementos podem trabalhar juntos uma vez que você começa a desenvolver coisas como seus estacionários, seus sites e todos os esses outros elementos. Criei três pranchetas em um documento do Illustrator que têm o tamanho correto da apresentação para que eu possa simplesmente copiá-las e colá-las diretamente no InDesign. Basicamente, começo a brincar com as coisas aqui até conseguir algo de que gosto. Vou levar-te para as minhas provas finais. Então aqui está o que eu inventei. Eu geralmente gosto de começar o primeiro slide para fora com algo que apresenta proeminentemente o logotipo. Uma vez que é a peça central de todo o sistema, eu só acho que é uma boa introdução para os slides. Ao longo dos slides, eu quero ter certeza de que eu estou mostrando o maior número de elementos diferentes que eu puder sem sobrecarregar qualquer um slide e usar dois elementos ao mesmo tempo. Começou com um logotipo e apenas mostrando simplesmente como isso poderia interagir com um padrão, e, em seguida, para o meu segundo slide, eu tentei mostrar alguns elementos diferentes. Estou mostrando este outro padrão XOXO e mais algumas das cores em um formato sólido que nós realmente não vimos ainda. Então eu queria mostrar um pouco mais da tipografia que não está no logotipo, então eu apenas adicionei este pedaço de texto aqui que apenas mostra os locais que ela serve e apenas saiu com esse layout. Para o terceiro, eu queria ter certeza que eu tinha algumas fotos da Maggie aqui, e isso é especialmente porque nós temos outro logotipo para usar como marca d'água. Então ainda temos outros padrões que achei que poderiam ser bons para mostrar, incluindo as listras e estamos mostrando os diamantes novamente. Isso é apenas bom porque ele também mostra como dois padrões podem interagir juntos, e apenas lhe dá outro campo com a fotografia. Então, tudo o que faço é copiar cada um deles diretamente no meu documento do InDesign, que mostrarei a vocês agora. Eu coloco isso diretamente após a colagem, e você vai notar que eu tiro todas as informações no topo da tela para que você possa apenas focar nesses elementos e não há distrações. Então, basta ir um após o outro, e é isso. Esse é o fim da apresentação. Só para voltar ao início rapidamente, eu só queria mencionar que uma coisa que eu realmente não falei é que eu sempre incluo alguns dados no topo da tela, que apenas identifica qual seção da apresentação você está em e o general. O projeto, a data, coisas assim. Eu acho que torna mais fácil para o cliente se referir de volta quando ele está revisando por conta própria, e também às vezes eu incluo algumas informações de fundo do resumo, e notas que eu tenho sobre cada peça do quebra-cabeça. Isso não era necessário nesta situação só por causa de onde eu estava no projeto com Maggie quando eu enviei isso para ela, mas isso é definitivamente algo para ter em mente dependendo de como seu cliente está. Se eles estão melhor revisando as coisas por conta própria em vez de discutir com você, talvez seja melhor para eles terem todas essas notas para se referir depois do fato. Então isso pode ser algo a incluir. Vou apenas clicar em tudo mais uma vez rapidamente para você ver como tudo se juntou. Tenho o meu slide de introdução, depois o quadro de humor, logotipo primário, o logotipo secundário, a marca d'água, a paleta de cores, tipografia, padrões, a colagem de identidade e os slides de identidade. É isso. Então isso conclui todas as apresentações para a aula. Agora é hora de você reunir tudo o que você trabalhou em cada uma das unidades e juntar sua apresentação e compartilhar conosco para que possamos fornecer feedback e aprender com os projetos uns dos outros. Por favor, me avise se tiver alguma dúvida. Obrigado. Ei, todo mundo. Gostaria de dar um minuto para apresentar o patrocinador oficial desta turma, Squarespace. Agora que você concluiu seu projeto de identidade de marca, um dos próximos passos lógicos será colocá-lo em prática em um site. Nem todos nós somos qualificados em web design ou temos acesso a um desenvolvedor. Nesse caso, o Squarespace é realmente uma excelente opção. O Squarespace fornece uma plataforma tudo-em-um para criar um site de forma rápida e fácil com modelos responsivos de aparência profissional para escolher e suporte 24 horas por dia, 7 dias por semana, por meio de bate-papo e e-mail ao vivo. Você pode dar uma chance ao Squarespace inscrevendo-se em testes. Não é necessário cartão de crédito e comece imediatamente. O que é ainda melhor é que, como aluno desta turma, você pode obter 10% de desconto quando se inscrever. Basta ir para o URL que você vê em sua tela, squarespace.com/courtney, digite o código de oferta SKILL6. Muito obrigado por apoiar esta aula e obrigado novamente ao Squarespace. Uma web melhor começa com o seu site.