Seguindo as regras do jogo: crie um guia de estilo para sua marca | Courtney Eliseo | Skillshare

Velocidade de reprodução


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

Seguindo as regras do jogo: crie um guia de estilo para sua 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

9 aulas (1 h 32 min)
    • 1. Introdução

      19:02
    • 2. Conteúdo do guia de estilo

      7:23
    • 3. Design do guia de estilo

      13:15
    • 4. Uso do logotipo

      7:59
    • 5. Cor

      6:57
    • 6. tipografia

      4:33
    • 7. Elementos gráficos

      5:52
    • 8. Conteúdo opcional

      12:02
    • 9. Detalhes finais

      15:22
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

3.645

Estudantes

13

Projetos

Sobre este curso

18385a70

Você passou um pouco de tempo e energia em desenvolvimento de uma marca que você e o seu cliente adore. Então, depois que deixar suas mãos, como você garantir que a identidade seja implementada de uma forma que a justiça da marca? A resposta simples é desenvolver um guia de estilo.

Se você está trabalhando com a identidade para o cliente ou para seu próprio negócio, um guia de estilo é uma ferramenta incrivelmente útil. Ele garante que a imagem que você apresenta para o mundo seja consistente em todos os meios de e não importa quem está fazendo o trabalho. E se sua marca é grande ou de pequeno a , ela pode simplificar muito o processo de design e produção.

O que você vai aprender

Neste curso, vamos abordar:

  • Diferentes tipos de guias de estilo, desde o mínimo para complexas.
  • Os componentes essenciais de um estilo e como você deve implementá-los.
  • Alguns componentes de estilo opcional que você pode querer implementar.
  • Como aplicar a identidade da sua marca no design de guia de estilo.

de 1bdbbb

Projeto do curso

Para o projeto do curso, você vai fazer uma identidade de marca existente e a traduzir um guia de estilo de estilo de cliente (ou seu uso pessoal) No final, você terá um livro de guia de estilo em PDF de um estilo de o que a sua marca quer que a que está pronta para compartilhar e colocar a uso.

dc47a8c5

Para quem este curso é indicado?

Se você já acabou de concluir um design de identidade de marca, mas não o sabe para onde ir ou se estiver atingindo as pontas na estrada durante a implementação, este curso é especialmente para você. Este curso também é ótimo para quem está interessado em brand, para ter uma compreensão de como o processo se desfecha.

Conheça seu professor

Teacher Profile Image

Courtney Eliseo

Brand Clarity & Design

Top 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... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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

1. Introdução: Olá a todos. Bem-vindo ao By The Book: Crie um guia de estilo para sua marca. Nesta aula, vou essencialmente continuar de onde parei na minha classe de identidade de marca anterior. Se não frequentaste a aula, não te preocupes com isso. Por um lado, você ainda pode se inscrever e ter acesso vitalício se achar que o conteúdo pode ser benéfico para você. Mas caso contrário, realmente tudo o que você precisa é de um sistema de identidade de marca completo que está pronto para ser colocado em uso. No final da aula, vou mostrar como traduzir esses elementos de identidade em um guia de estilo real que você pode compartilhar com seus clientes e fornecedores externos para que a identidade seja implementada de forma consistente e da maneira que você imaginou isso em toda a linha, independentemente da mídia com que você esteja trabalhando. Este vídeo é apenas essencialmente vai ser uma introdução aos próprios guias de estilo. Vou apenas rever brevemente o básico e mostrar alguns exemplos, e a partir daí, nos vídeos futuros, vamos mergulhar um pouco mais fundo em cada um desses tópicos específicos. Para fazer backup um pouco, eu só quero lhe dar um pouco de informação sobre o meu passado apenas para que você entenda o quadro de referência que eu tenho quando estou trabalhando neste tipo de projeto. Sei que muitos de vocês já fizeram minha aula de identidade de marca, então não vou entrar em detalhes demais. Mas só para lhes dar uma visão geral, dirijo um pequeno estúdio de design chamado Seamless Creative com o meu marido, Brian. Eu principalmente faço todo o trabalho de design e executar o dia-a-dia e ele é um desenvolvedor da Web, então ele trabalha comigo em todos os meus projetos relacionados à web e, em seguida, também trabalha comigo muito nos bastidores e faz um monte de então ele trabalha comigo em todos os meus projetos relacionados à web e, em seguida, também trabalha comigo muito nos bastidores e faz um monte de conceituando etapas de projetos comigo. Trabalhamos principalmente com pequenas empresas. Quando digo pequeno negócio, quero dizer muito pequeno. A maioria das empresas com as quais trabalhamos tem 1 a 5 funcionários e geralmente trabalhamos diretamente com proprietários de empresas, que é definitivamente como preferimos trabalhar. À medida que passamos pelos vídeos, vocês verão que minha perspectiva de fazer esse tipo de trabalho é muito através da lente de alguém que trabalha com empresas muito pequenas e apertadas em vez de alguém que trabalha com grandes corporações e está completando enormes, envolvidos, guias de estilo complexos em uma base regular. Brevemente, Design Work Life é o meu outro projeto principal em que trabalho, que é um blog de inspiração de design, onde apresento todos os trabalhos relacionados ao design, produtos e aplicativos e coisas assim diariamente. Na verdade, estamos apenas como um aparte, vamos relançar os dois sites nos próximos meses com novo design, novo conteúdo, novos contribuidores para o blog. Se você não tem acompanhado até este ponto, agora pode ser uma boa hora para verificar isso só porque estamos realmente reformulando as coisas e você pode encontrar alguma informação lá que seria benéfica para você. Aqui está apenas uma amostra muito pequena de algumas das identidades de marca que criamos para pequenas empresas nos últimos anos. Alguns destes que você está vendo aqui, Eu criei guias de estilo para, mas eu vou realmente levá-lo através de guia de estilo para uma marca que você não vê aqui. Vou usar isso ao longo dos vídeos para nos guiar pelo processo. Como mencionei anteriormente, minha formação centra-se principalmente no trabalho com pequenas empresas. Isso realmente informa o meu processo e abordagem para o desenvolvimento de guia de estilo em geral. Embora eu tenha projetado guias de estilo que abrangem diferentes tipos de conteúdo e variam em seu comprimento e seu nível de detalhe, eu não trabalhei em um guia para uma grande marca ou uma grande corporação, que tende a ser muito extenso e envolvidos. Eu definitivamente encontrei alguns exemplos destes que eu vou compartilhar com vocês ao longo das lições apenas para que você possa comparar. Mas, principalmente, meu trabalho é em uma escala menor. Vou mostrar-vos o processo com exemplos do meu trabalho pessoal. Isso vai ser apenas um ponto de partida para você. Você pode simplesmente tirar as lições básicas que serão mostradas e incorporar seu conteúdo com base no que sua marca precisa. Eu só quero mencionar rapidamente que esta é uma classe intermediária, então eu não vou estar indo em muita profundidade sobre o básico de design que você vai precisar saber para configurar um documento como este. Vou tocar brevemente em algumas delas. Mas como é intermediário, não vou te dar muitas lições de design. Eu vou, porém, como fiz na minha última aula, fornecer-lhe um monte de links diferentes para tutoriais e recursos de aprendizagem nos PDFs de recursos que estarão ao lado de cada unidade. Dessa forma, se você sentir que precisa de ajuda em uma determinada área, então você pode em seu tempo livre apenas olhar para isso e tentar se educar mais sobre o assunto antes prosseguir com as etapas do projeto para esta aula. Agora que toda essa limpeza está fora do caminho, vamos direto para o conteúdo. Vamos começar com uma definição muito básica do que um guia de estilo realmente é. Primeiro, deixe-me mencionar que às vezes isso é referido como um livro de marca ou diretrizes de marca. O nome realmente não importa, é essencialmente apenas um documento que fornece diretrizes para implementar uma identidade de marca. Todos eles significam a mesma coisa e você pode usar o que você preferir. Minha preferência é apenas chamá-lo de guia de estilo, essencialmente por razões estéticas. Uma vez que uma identidade de marca sai de suas mãos, você se depara com a questão de garantir que ela é implementada da maneira que deveria ser, com cuidado e consistência em toda a mídia e por pessoas diferentes, o que pode realmente seria um grande desafio. Para muitos designers, a solução ideal pode ser apenas projetar tudo sozinho e saber que eu caí nessa armadilha antes, mas realmente não é uma solução realista muitas vezes. Um guia de estilo realmente ajuda a garantir que sua visão seja executada corretamente, independentemente de quem esteja realmente trabalhando na marca. Há realmente um amplo espectro de como isso se parece na prática. Como você pode ver aqui, são apenas alguns layouts de página de um dos guias de estilo que eu fiz para uma das pequenas empresas com quem trabalhei. Eu vou mostrar algumas páginas a partir disso em uma visão mais próxima à medida que passamos pelos vídeos, mas eu só queria dar-lhe uma visão geral de como alguns dos meus guias de estilo se parecem aqui. Como eu mencionei, há realmente um amplo espectro de como isso se parece. Normalmente, o cara vem em formato PDF. Eu diria que é sempre pelo menos um tipo de arquivo que ele vem como. Hoje em dia, as pessoas não estão imprimindo coisas assim tanto, eles preferem ter apenas uma referência na tela enquanto eles estão projetando. Mas muitas empresas querem uma cópia impressa real. Quando eu estou projetando um documento como este, eu tendem a ter certeza de que o documento é formatado para ambos para que ele possa ser facilmente visualizado na tela, e, em seguida, ele também pode ser impresso se o cliente optar por fazê-lo. Então, além do layout, o conteúdo também pode ser instrutivo ou pode ser mais conceitual. Meus projetos definitivamente caem no final mais instrutivo, mas eu vou mostrar a vocês um exemplo de design conceitual bem, apenas para que você possa ver quais são essas opções. Agora, um guia instrucional fornece instruções mais regimentadas sobre como implementar as porcas e parafusos da marca, enquanto um guia conceitual fornece mais um humor abstrato para a marca. Claro, seu design e conteúdo podem cair em algum lugar no meio, isso realmente depende de quais são as necessidades de sua marca. No geral, um guia de estilo definitivamente não é o projeto mais criativo de sempre, mas a abordagem que você toma para o próprio design e entrega do conteúdo é onde você pode realmente tirar alguma licença criativa. Eu só vou passar por alguns exemplos com você e mostrar-lhe alguns exemplos fora do meu trabalho agora de instrução versus conceitual sobre como um guia de estilo pode ser parecido. Este é o livro de marcas Foursquare. By the way, também nos PDFs de recursos, eu vou fornecer links para todos esses documentos para que você possa baixá-los e folheá-los por si mesmos e usá-los como referência ao longo da criação de seu pessoal projeto. Como a maioria dos meus homens, isso tem um índice. Você não tem absolutamente que usar um índice, mas isso depende do que seu conteúdo permite. Eu diria que se você está indo para fazer algo sobre oito páginas, que a maioria de vocês provavelmente vai, eu iria incluir um índice porque ele apenas permite alguém muito facilmente virar para a seção que é mais necessário para eles. Foursquare tem uma introdução aqui, que é algo um pouco opcional, [inaudível] rever conteúdo opcional e conteúdo essencial em vídeos futuros. O uso do logotipo é uma das peças essenciais de conteúdo que eu recomendo. Então eles começam com isso. Eles também têm uso de ícones, paleta de cores, cópia e tom de voz, tipografia. Eles têm todo um guia de estilo que está envolvido depois disso, mas eu vou apenas parar aqui e passar para um exemplo concecional. Como eu disse, este link estará no PDF do recurso se você quiser olhar através de toda a coisa. Este é um exemplo de um livro de marca ou guia de estilo mais conceitual. Esta é de I Am Always Hungry para a marca Jack Daniels. Como você pode ver aqui, seus layouts de página inteira estão em camadas com fotografia e tipografia e gráficos diferentes, mas não há um monte de conteúdo instrutivo como este é como você usa o logotipo, etc. Estes spreads realmente evocam mais de um humor da marca e o que os diferentes gráficos devem transmitir. Essa é apenas mais uma abordagem que você pode tomar. Agora, vou mostrar algumas páginas das diretrizes “I Love New York”. Eu também devo mencionar que muitos desses exemplos de diretrizes que eu vou mostrar que você tem um par de anos de idade, então eles podem não ser 100% precisos hoje, mas eu acho que eles são bons exemplos ainda para olhar para ver como diferentes marcas executam este tipo de projeto. Isso realmente começa identificando o público deles. Eles tomam uma abordagem interessante para o design aqui, não é tão simples quanto o que eu costumo usar, mas também não é super conceitual. Eles passam por muitas explicações sobre seu conceito, seu tom de voz e diferentes partes da marca. Esta é uma coisa que eu realmente gosto sobre este guia, é que eles fazem seus espécimes tipo de uma maneira muito divertida e interessante. Criando a estrutura e mostrando o tipo que é usado em tantos formatos diferentes que realmente dá um designer, ou alguém que está olhando para esta grande perspectiva em todas as diferentes maneiras que esta tipografia pode ser usada. Eles fazem isso com todos os tipos de letra, se devo dizer. Em seguida, eles entram em um pouco de sua campanha impressa, a qual vamos falar como sendo opcional. Pedaço de conteúdo um pouco mais tarde. Aqui estão alguns exemplos diferentes. Agora, vou passar a mostrar-vos mais dois exemplos, maneiras diferentes de criar um guia. Este é o livro de marcas da Cisco. Este é um exemplo realmente incrível, eu acho que para uma marca muito grande, que faz o design eo conteúdo de uma forma realmente apenas lindamente projetado. Eu definitivamente recomendo folhear este em sua totalidade, apenas para obter um bom exemplo de uma maneira que uma marca maior faz um guia de uma maneira não chata, que eu acho que eles podem tendem a ser quando você está lidando com grandes corporações. Eu só vou rolar rapidamente através da Seção 2, que está começando com um sistema de identidade de marca. Eles têm uma pequena introdução a cada seção. Eles fazem uma página de visão geral que eu realmente gosto. Eu não vi isso feito com muita frequência, mas eu gosto da idéia de mostrar uma visão geral de todos os diferentes elementos em uma página e colá-los juntos para que o usuário tenha uma idéia do que os elementos gerais da marca são supostamente parecidos quando eles estão emparelhados. Faço isso um pouco mais quando estou trabalhando em um projeto de identidade de marca e apresentando um conjunto completo de elementos de identidade para um cliente. Mas eu não costumo fazer isso no guia de estilo, então eu realmente gosto de ver essa idéia aqui. Então eles vão para a paleta da marca, e você pode ver que isso é bastante extenso. Não é o seu sistema de identidade de marca simples de três cores, isso tem muitos componentes para ele. Eles o dividem com um índice adicional no início de cada seção. vez, eles têm uma introdução, que eu acho bom ter mais algumas informações de fundo. Em seguida, eles vão para os elementos do logotipo, de todas as maneiras diferentes. Nós vamos entrar um pouco mais sobre esses pedaços específicos de conteúdo um pouco mais tarde. Então eles estão mostrando o logotipo em uso aqui maneiras diferentes que eu acho que é interessante também. Então estamos entrando em cores, mesma coisa com a descrição no início da seção. Uma visão geral das cores e uma descrição de como elas devem ser usadas e, em seguida, quebrando ainda mais as cores. Eles têm, como eu disse, um sistema bastante complexo de cores e paletas diferentes, e como as paletas funcionam juntas em várias situações, o que eu acho realmente interessante de ver. Em seguida, também mostrando a cor em uso. Isso é outra coisa que eu não vejo muitas vezes, mas eu realmente gosto de como eles fizeram isso aqui. Então a tipografia é toda configurada exatamente da mesma forma com uma introdução começando, e depois uma visão geral, e um pouco mais de detalhes. Eu gosto que eles estão sendo um pouco mais brincalhão aqui com um pouco da tipografia. Em seguida, eles ficam realmente específicos com liderança e rastreamento, e hierarquia, e uso de cores, e o tipo, que eu acho que é realmente importante para uma marca tão grande. Vai produzir tantas peças que produzirão em tantas mídias diferentes. Estas são coisas específicas que realmente garantirão que a marca seja o mais consistente possível em todas essas coisas diferentes. Então, novamente, mostrando tipografia em uso. Eu realmente gosto da idéia disso. Ele reforça todo o conteúdo e as informações que você tem nas páginas anteriores e mostra como reuni-los. Mais um exemplo guia para você. Este é o guia para um Barbican, que foi realmente re-feito recentemente. Eu acho que este é um bom exemplo de um guia que se enquadra entre instrucional e conceitual. Um pouco mais para o lado instrutivo, mas eu acho que é bom mostrar um pouco de um alcance para que você possa ter uma idéia das diferentes possibilidades que você tem quando você está configurando este projeto. Novamente, índice, eles simplificam isso uma tonelada. Apenas para dividi-lo em três seções em vez mostrar onde tudo está especificamente em cada página. Eles definitivamente são muito brincalhão com a forma como eles usam design no guia, então você vai ver que como eu folhear através. Aqui, eles estão mostrando imagens e coisas que são muito conceituais sobre quem é a marca. Mais uma vez aqui. Em seguida, começando nesta próxima seção que eles chamam de regras e ferramentas, é onde eles entram em um pouco mais do lado instrutivo das coisas. Começando com o Wordmark, e entrando em como ele é usado, tipografia, e apenas folheando por aqui mais. Eles apenas entram em detalhes sobre como os diferentes elementos de sua identidade devem ser usados. Então, é interessante, eu acho, ver como eles misturaram os dois estilos conceituais e instrucionais, mantendo-os em seções separadas, mas eles ainda incorporaram ambos. Então eu acho que isso é definitivamente algo para pensar enquanto você trabalha em seus projetos, se isso é algo que seria benéfico para sua marca. Essa é uma boa visão geral, eu acho, dos diferentes tipos de guias de estilo que você pode criar quando estiver trabalhando em seu projeto. Depende realmente da marca com a qual você está trabalhando, e quais são suas necessidades, que tipo de peças eles vão produzir, e que tipo de marca é. É uma marca corporativa abotoada? É uma marca mais criativa? Essas são coisas que você deve começar a pensar, e isso vai realmente informar a direção em que você vai. Próxima etapa, vamos passar pelo Conteúdo do Guia de Estilo. 2. Conteúdo do guia de estilo: - Oi, todo mundo. - Bem-vindo Teoh Unit One vídeo para onde vamos falar sobre o conteúdo do guia de estilo. - Há vários itens que considero essenciais para incluir em um guia de estilo, - mas também há muitos pedaços de conteúdo que devem ou não ser incluídos, - dependendo da marca que você desenvolveu, bem como as necessidades de seu cliente. - Então o que vamos fazer nesta lição é passar rapidamente pelo conteúdo essencial e opcional. - Para começar, - caras que você pode começar a pensar sobre o que você vai precisar para se juntar para o seu próprio projeto. E então, na Unidade 3, vou examinar cada seção com mais detalhes, então 3. Design do guia de estilo: Olá a todos, bem-vindos à Unidade 2, onde vamos falar sobre design de guias de estilo. Agora que você tem um contorno de conteúdo determinado, este é o próximo passo. Ao longo deste vídeo, eu vou essencialmente percorrer as etapas do projeto que vêm junto com esta seção, e mostrar-lhe como eu mesmo passei por eles ou o guia de estilo que eu já criei para um cliente, e dar-lhe algumas dicas de como fazer isso. Como eu mencionei antes, eu não vou entrar em uma tonelada de detalhes sobre como usar esses programas e conceitos básicos de design, mas eu vou fornecer alguns recursos para você no PDF se você sentir que você precisa obter mais aprendendo sob seu cinto para qualquer uma dessas coisas específicas. Como eu mencionei antes, projetar um guia de estilo não é o projeto mais emocionante de sempre, mas é aqui que você tem a chance de ser um pouco criativo. Em termos de design geral, o que eu faço é pegar os elementos da identidade da marca com a qual estou trabalhando e usá-los para estabelecer o design do livro. Isso lhe dá a oportunidade de realmente pegar esses elementos e aplicá-los a uma peça projetada aqui. O livro em si torna-se um exemplo de como implementar a identidade. Vamos começar a percorrer os passos. O primeiro passo é criar um esboço de layout de página. O que eu fiz aqui foi pegar o esboço do conteúdo que eu configurei na rodada anterior e realmente colocar esse conteúdo em termos de páginas reais para que eu possa determinar quantos spreads são necessários para o livro. Isso é algo que você precisa saber antes de configurar o arquivo do InDesign. Acho mais fácil fazer isso visualmente para ter uma idéia para onde as coisas vão ir e em que ordem elas estão indo. Você pode pular isso se você não precisar, mas eu definitivamente acho útil para visualizar as coisas dessa maneira. Uma coisa a lembrar aqui é que, se você estiver indo para imprimir o documento ou se você quiser configurar isso para garantir que a impressão é possível em uma data futura, você quer ter certeza de que você mantém as páginas em um múltiplo de quatro. Isso só vai ser um PDF e se espalha. Múltiplos de dois são totalmente bem, mas eu sempre tendem a mantê-lo para quatro apenas no caso de o cliente decidir que eles querem uma cópia impressa na estrada, então você não tem que fazer backup e fazer qualquer trabalho de design adicional naquele ponto. Agora você pode fazer isso no Illustrator ou diretamente no InDesign, ou pode fazer apenas um esboço rápido manualmente no livro de esboços. É totalmente com você. Eu escolhi fazer isso no Illustrator só porque essa é a minha preferência. Começo com este guia muito básico. Então eu realmente passar por cada página e escrever na página que conteúdo vai para lá. Essa é a primeira coisa que você quer fazer apenas para obter uma ordem muito sucinta das páginas e, em seguida, isso lhe dá uma visão realmente grande de como seu guia vai ser organizado, e como o conteúdo vai fluir. A próxima etapa é configurar o arquivo do InDesign. Vou apenas levá-lo ao InDesign rapidamente para mostrar como o novo documento é criado. Esta é a minha configuração do InDesign. O seu pode parecer muito diferente deste. Eu tendem a mudar isso muitas vezes dependendo de como eu estou trabalhando no momento. Não se preocupe se o seu não parecer exatamente assim. Obviamente Arquivo, Novo. Então eu só queria mostrar isso brevemente para que, se você não estiver muito familiarizado com o InDesign, você possa ver como funciona a configuração dos novos documentos. Aqui você escolhe o tamanho da sua página, você pode colocar o número de páginas aqui imediatamente. Em seguida, se você quiser páginas ou páginas espelhadas opostas, você pode marcar isso imediatamente para que o documento seja configurado dessa forma para você. Você também pode configurar suas margens, calhas e colunas aqui. Eu nem sempre faço isso. Eu definitivamente geralmente configurar margens, modo que essas são configuradas para mim, mas eu tendem a obter a configuração do arquivo e, em seguida, trabalhar na grade um pouco mais tarde. Eu tenho tendência a ignorar isso e eu sempre tenho uma coluna aqui, mas sabendo que eu posso mudar isso mais tarde. Você também pode clicar nesta seção mais Opções e que lhe dá ainda mais. Isso permite que você coloque uma sangria, que é útil se você estiver projetando algo para impressão, então você já tem essa configuração para que você não precise se preocupar em adicioná-lo mais tarde. O próximo passo é estabelecer sua grade. Vou levá-lo ao InDesign para mostrar como fazer isso também. Agora eu acabei de criar um documento rápido de 24 páginas com páginas opostas. Como você pode ver aqui na paleta de páginas, você pode percorrer e ver como a configuração da página espelhada aqui. By the way, como um lado, às vezes eu realmente colocar o layout da página que eu desenhei que eu fiz. Na verdade, coloco as palavras que descrevem o conteúdo que vai para cada página do meu documento real. Às vezes, essa é apenas uma maneira muito útil de ser capaz de percorrer rapidamente o documento e saber qual conteúdo está indo para onde, para que você não precise necessariamente virar para trás e para frente do documento do InDesign para o conteúdo Esboço. Para determinar a grade, basta ir para Layout, Margens e Colunas. Como eu disse, não vou entrar super em detalhes sobre coisas como grades. Há tanta teoria e conhecimento envolvidos em como montar uma grade que eu simplesmente não poderia cobrir tudo nesta classe curta. Vou fornecer recursos no PDF anexado a esta unidade, que lhe fornecerá mais orientações sobre grades e como configurá-las corretamente. Nesta seção, nesta caixa, você pode realmente alterar as margens se achar que não configurou o tamanho correto. Apenas a maioria de vocês deve saber disso, mas se você clicar fora deste bloqueio que separa a margem para que eles não estejam amarrados juntos, então você pode alterá-los para tamanhos diferentes desta maneira. Caso contrário, se estiver trancada, ficam todos iguais. Agora é aqui que você pode mudar sua grade real. Tendem a fazer sempre pelo menos uma grade de quatro colunas. Normalmente, na verdade, mais do que isso para que o conteúdo possa ser dividido de mais maneiras, para que você possa fazer uma coluna de cinco e uma coluna de três aqui quando você trabalha com oito colunas, você pode fazer duas ou quatro larguras de coluna. Há muitas opções diferentes. Eu costumo fazer oito ou 12 colunas, pelo menos. Então a sarjeta realmente depende da preferência pessoal. Você quer ter certeza de que está permitindo espaço suficiente entre colunas para que haja espaço entre tipos ou imagens dependendo de como você vai configurar suas páginas reais. Em seguida, o próximo passo é projetar seus layouts de página. Agora eu tendem a projetar meus layouts de página antes das minhas capas. Parece que acho isso mais fácil. Mas se você quiser projetar a capa primeiro, tudo bem. Vou passar rapidamente para o InDesign. Aqui você pode ver o guia de estilo que eu vou mostrar a vocês como um exemplo durante toda a classe. O que eu faço primeiro antes de eu realmente projetar qualquer coisa é determinar os diferentes tipos de página ou spread que eu preciso. Como você pode ver aqui, temos este um spread de introdução onde temos a capa de fonte interior que não vai ter qualquer conteúdo sobre ele ao lado do índice. Então temos um spread de introdução que vai ser uma introdução a uma seção. Em seguida, temos uma página de conteúdo onde há conteúdo real dentro dessa seção. Você pode ver todos eles se repetem. Então percorra. Isso significa essencialmente que eu tenho três tipos diferentes de spread que eu quero projetar. Agora, como você vai sobre o design é completamente com você. Só queria mostrar-lhe um exemplo do que fiz aqui. Agora o que eu faço é, novamente, pegar os elementos dessa marca, e descobrir como aplicá-los ao próprio design. Eu costumo passar por um monte de revisões diferentes com isso até eu chegar a algo que eu gosto. O que você está vendo aqui são os layouts finais que eu escolhi. O que eu faço uma vez que eu vir acima com o design que eu gosto é criá-los como páginas-mestre, porque isso permite que você copie esse estilo de página várias vezes, quantas vezes você precisa realmente de forma rápida e fácil. Se você não está familiarizado com isso, eu vou te mostrar como fazer isso muito rapidamente. Na paleta Páginas, você pode ir para Novo Mestre e criar quantos deles forem necessários. Você pode alterar o prefixo e o nome aqui, se quiser. Vou deixá-la lá por enquanto. O número de páginas se aplica aqui. Se você estiver fazendo páginas espelhadas e tiver elementos de página-mestre que você vai aplicar a ambas as páginas, certifique-se de colocar dois aqui. Caso contrário, você pode apenas fazer um. Em seguida, você verá uma página espelhada aqui na parte superior da paleta do Pages. Então eu tenho esta tela em branco aqui. Vou mostrar-te com uma das páginas que já preparei. Agora você pode copiar isso do InDesign ou criar uma página espelhada diretamente na página mestre. Cabe inteiramente a você, o processo que você faz para configurar isso. Como eu estou apenas mostrando isso como um exemplo, eu colei isso do documento no lugar na página-mestre. Agora isso funcionaria como um modelo essencialmente para os spreads de introdução. Se eu ir em frente e adicionar mais páginas no final do meu documento, fazer Inserir páginas, eu adicionar dois após página 35 para que eles vêm logo antes da capa final. Então eu tenho duas páginas em branco aqui, mas eles estão agora rotulados página-mestre. Esse é o padrão, já que essa é a página principal aqui. Vou aplicar o Master no Pages e escolher C. Então isso aparece aqui. Agora, tudo o que você coloca em uma página-mestre é bloqueado quando você a aplica a páginas. Você pode ver que o que eu fiz foi em minhas diferentes seções Eu coloquei eles de forma diferente para separá-los um pouco eles e editá-los então. Isto é para colocar o cursor sobre o elemento que você está tentando alterar e fazer o comando shift, clique em. Então isso destrava nossa peça em particular. Agora eu posso entrar aqui e mudar o texto se eu quiser. Então você só repete isso com quaisquer outros elementos que você quer mudar, caso contrário, todos eles ficam trancados e você nem precisa se preocupar com eles. Apenas uma breve visão geral de como eu configurei as páginas. Novamente, este é o lugar onde você pode ser realmente criativo e pegar a marca que você criá-la, e realmente aplicá-la a algo. É sua primeira chance realmente boa de fazer isso em uma camada um pouco grande. Como mencionei, faço minhas capas depois de projetar meus layouts de página. Eu só acho mais fácil chegar a um design de capa que resume todo o livro uma vez que eu sei como o interior vai se parecer. É por isso que eu faço as coisas nessa ordem, mas você não tem que fazer dessa maneira. Eu configurei estes da mesma forma que eu apenas mostrei para as páginas interiores onde eu faço uma página-mestre, e, em seguida, aplicá-lo para as capas frontal e traseira, contanto que eles são semelhantes, e, em seguida, apenas editar quaisquer elementos que eu preciso editar. Caso contrário, se eles são muito diferentes, eu apenas faço páginas-mestre separadas para eles. Então, se você quiser alterar qualquer elemento, tudo que você precisa fazer é ir para a página-mestre e editar o conteúdo lá. Dessa forma, ele será aplicado de forma rápida e fácil a qualquer página espelhada que tenha o link da página-mestre para ele. Agora, quando você está fazendo este design e você está criando as páginas, a principal coisa que você quer lembrar é que o conteúdo realmente vem primeiro aqui. O objetivo principal desta peça é que ela seja usada por várias pessoas diferentes, em múltiplas situações de uma forma muito rápida e facilmente digerível. Quando você está chegando com o design das páginas, você quer ter certeza de que uma, sim, você está refletindo a marca nos próprios elementos de design, mas eles também estão permitindo espaço suficiente para fornecer o conteúdo que é necessário para o usuário. Certifique-se de que você está mantendo isso em mente ao projetar. Em seguida, vamos começar a entrar nos detalhes reais do conteúdo essencial para um guia de estilo e vamos começar com o uso do logotipo. 4. Uso do logotipo: Ei, todo mundo. Bem-vindo ao início da Unidade 3, onde vamos entrar em um pouco mais de detalhes discutindo os diferentes componentes essenciais e opcionais para o guia de estilo, começando com o uso do logotipo. A primeira peça de conteúdo que você deseja incluir como uma visão geral dos tipos de logotipo, então esta deve ser apenas uma página simples que dá ao usuário uma visão muito básica sobre os diferentes tipos de logotipos que estão disponíveis para sua marca. Como você pode ver para Sloan Taylor, este é um logotipo muito simples baseado em texto. Esta é realmente a única opção disponível. Para minha visão geral, é extremamente simples, que, como vocês verão, é a abordagem que eu realmente tomo em toda a linha. Toda a minha visão geral realmente diz é que este é o logotipo, este é o logotipo principal, isso é o que você deseja usar na maior parte do tempo, e que quaisquer variações deste logotipo estão disponíveis nos vários formatos que você pode Necessidade. Agora, esta marca em particular tem um slogan que é projetado de uma forma muito específica e definido em uma paleta de cores específica, então esses detalhes realmente garantem sua própria página separada e descrição e no guia, para que você possa ver como eu dividi Isso aqui fora. Na descrição, que novamente é muito curta, estou lhe dando uma visão geral do que este slogan significa e de onde ele vem, e, em seguida, também entrar em um pouco mais de detalhes sobre os detalhes. Neste caso específico que é identificar qual tipo de letra é usado aqui e expressar que obras de arte disponíveis em diferentes formatos e em um par de opções de cores diferentes. Esta é a terceira página que eu incluí na categoria de uso do logotipo, e isso apenas dá uma visão geral das diferentes opções de cores que estão disponíveis para o logotipo. Embora esta marca tenha um logotipo tipográfico associado a ela, ela está disponível em três variações de cores diferentes. A primeira é esta cor azul primária, que também é traduzida para CMYK, como você pode ver à direita, e então também está disponível nocauteado em preto. A descrição à esquerda simplesmente vai sobre isso muito brevemente e explica qual formato deve ser usado onde e quando. A segunda seção que vai dentro do uso do logotipo é um requisito de tamanho. Isso realmente é algo que pode ser determinado de algumas maneiras diferentes, mas essencialmente você realmente só precisa fazer alguns experimentos com diferentes aplicações. Se você ainda não os estabeleceu até o momento em que você está colocando o guia estelar juntos, é algo que você pode querer tomar tempo para fazer um exercício rápido e testar as coisas. As principais coisas que você quer mostrar aqui são o tamanho máximo em que o logotipo pode ser usado se houver essa regra, o tamanho mínimo que o logotipo pode ser usado, e outra coisa que eu incluo é a escala. Aqui, o que eu fiz para o tamanho máximo é o tamanho máximo que o logotipo pode ser usado em uma folha de papel 8,5 por 11 , uma vez que é a peça impressa mais comum que vai ser distribuída ou criada por qualquer pessoa usando o guia, Queria ter certeza de que dei essa diretriz. Em seguida, o tamanho mínimo é o menor tamanho do logotipo pode ser usado e ainda ser legível em várias aplicações. Então também o que eu estou fazendo aqui para a escala é mostrar como o logotipo seria se ele é dimensionado corretamente para uma folha de papel 8,5 por 11, e então eu mencionei aqui que isso é mostrado em 40 por cento escala, modo que dá ao usuário um perspectiva de como isso poderia realmente dimensionar até o tamanho real de 8,5 por 11 folha de papel. Em seguida, a visão geral do lado esquerdo, eu descrevi que o logotipo geralmente deve ser tamanho para cerca de 20 por cento do tamanho do documento que você está trabalhando com, e eu definitivamente mencionei que isso é uma questão de julgamento baseada em uma determinada peça, mas dessa forma, pelo menos, dá ao usuário um ponto de partida e algo para trabalhar quando ele está configurando um novo documento. Em seguida, a próxima seção é área de isolamento. Isso é realmente importante porque você quer ter certeza de que o logotipo se destaca em qualquer aplicativo em que está sendo visto, e uma maneira de realmente garantir que isso é feito é que há espaço em branco suficiente em torno do logotipo em si. Isso não é algo que necessariamente funciona para cada marca, mas eu diria que a grande maioria tem algum exemplo onde isso se aplica. Novamente, a maneira que você determina o espaçamento está aberta à interpretação, e eu acho que fazer alguma experimentação com diferentes aplicações é uma maneira de solidificar as medidas para você, mas o que eu faço é sempre tirar algo do e usar isso como o formato de medição que eu então apliquei a toda a área de isolamento. Neste caso, eu usei o s minúsculo, e então criei apenas um diagrama muito simples que mostra uma altura do s em torno de cada lado do logotipo e como isso funciona. Isso dá a você uma visão geral de como o espaço deve ser quando ele é colocado corretamente com as medidas corretas, e, em seguida, apenas um detalhe de qual é essa unidade de medida específica. Então a última coisa que incluo é o uso incorreto, com o qual você pode se divertir um pouco. Você pode se surpreender com as diferentes maneiras pelas quais um cliente usará o logotipo quando não receber regras sobre como ele se destina a ser usado. Aqui está uma oportunidade divertida de fazer todas as coisas que você nunca quer que o cliente faça para o logotipo para mostrar-lhes que estes não são como usá-lo. Estes são apenas os básicos que eu sempre incluo, mas você pode enlouquecer com isso se quiser. Só para rever rapidamente o que eu incluo aqui. Não estique o logotipo desproporcionalmente, você realmente ficaria surpreso com quantas pessoas esticam um logotipo em uma direção ou outra sem manter as proporções consistentes e distorcer totalmente a aparência do logotipo. Então não preencha o logotipo com cores não-marca, não digite o logotipo em outras fontes, não descreva o logotipo, isso pode ser algo que não se aplica a você ou à sua marca, mas isso é algo que eu encontrei importante aqui. Não coloque o logotipo em uma forma, outra coisa que pode não se aplicar a você, mas achei importante incluir aqui. Não diminua a opacidade do logotipo, isso é algo que você definitivamente quer pensar. Se você não quer que seu logotipo seja matizado ou transparente de qualquer maneira, isso é algo que eu absolutamente apontaria aqui porque é uma coisa fácil para alguém executar sem entender que esse é um olhar que eles devem evitar. Em seguida, não colorir o logotipo com outras cores da marca. Neste caso específico, o logotipo em si só deve ser preenchido com a cor principal da marca, e nós temos uma paleta de cores muito maior, que eu vou mostrar a vocês em breve, que não deve se aplicar ao logotipo, eles só devem se aplicar a diferentes elementos da marca, então isso é uma coisa que eu queria apontar. Então não use mais de um logotipo em uma superfície visual, isso é algo que é importante, eu acho, quando as pessoas estão projetando documentos diferentes ou até mesmo t-shirt ou algo assim. Eu não queria que o logotipo fosse ao mar e aparecesse muitas vezes. Vou apenas mostrar um exemplo muito simples aqui de um item de tamanho de cartão de visita com dois logotipos sobre ele para mostrar que ele realmente deve ter apenas um. Isso realmente cobre todos os componentes básicos de uso do logotipo. Em seguida, vamos mergulhar na cor. 5. Cor: Bem-vindos à Unidade 3, Vídeo 2, onde vamos falar de cor. Tal como acontece com o uso do logotipo, existem alguns componentes essenciais da seção de cores que eu sempre incluo. Então, eu só vou ver esses um por um e dar a vocês um pouco mais de detalhes sobre como eu os preparei. Geralmente, eu mantenho minha paleta de cores muito simples. Esta é uma área onde você definitivamente pode elaborar se você acha que isso é necessário. Depende realmente de qual é a sua paleta de cores específica e como ela é usada, como você decidiu configurar esse tipo de página para cima. A primeira coisa que fornecemos é uma visão geral. Neste caso, eu tenho na verdade uma paleta de cores completa que é dividida em três seções. A cor principal primária, uma paleta secundária, que é usada com mais freqüência em combinação com a cor primária, e tem paleta terciária, que é usada raramente em certas situações. O que eu estou fazendo no lado esquerdo aqui é apenas dar uma visão geral dos três paladares diferentes e como eles são usados. Por exemplo, na seção primária, eu apenas digo que esta é a assinatura Sloan Taylor cor azul e que deve aparecer em cada peça e menos restrições exigem impressão na escala de cinza. Então eu entro no mesmo nível de detalhe para cada uma das diferentes seções de cores. Então algumas outras coisas que eu acho que valem a pena mencionar aqui é que, em termos de uso, eu expliquei que sempre que possível a cor PMS deve ser usada para impressão e que o RDB deve ser usado apenas para on-line ou na tela aplicações. Essas são coisas que eu quero garantir que as pessoas entendam enquanto estão usando o guia. As cores PMS, estamos sempre indo para obter a melhor correspondência com as cores que inicialmente pretendemos. Então eu quero ter certeza de que se essa é uma opção, essa é a opção que eles tomam. Então eu também mencionei tingimento. Tinting é algo que eu sinto que é feito muitas vezes quando não deveria ser, e essas cores, especialmente para esta marca, deve sempre ser usado força total. Então eu quero ter certeza de que isso é soletrado, que ele não deve ser matizado em tudo exceto por esta cor cinza que atua como um neutro. Agora, o uso de cores, só para ampliar a mesma página, um pouco mais, é apenas algo que você quer pensar é, você tem variações diferentes em sua paleta de cores? Você tem seções diferentes que precisam ser divididas ainda mais, e existem instruções especiais que vêm com as cores, como tingimento? Outra coisa que eu incluo aqui é branco. Isso entra em jogo para várias marcas que eu fiz, mas especialmente para este. Eu divido isso em uma seção diferente do meu livro, mas eu quero incluí-lo aqui apenas para mostrar como eu lidar com isso, já que tecnicamente faz parte do Guia de Cores. O objetivo principal aqui é apenas apontar que a inclusão do branco é essencial para a marca, e embora não seja dividida como uma cor real na paleta, é importante que cada peça inclua alguma área de branco para fornecer alívio para o espectador e criar equilíbrio com as diferentes paletes de cores em cada peça, e que você deve usar o seu julgamento em termos de quanto você deve usar de peça em peça. Em seguida, a cor se quebra. Mais uma vez, mantenho estes muito simples. Eu uso a cor PMS. Em alguns casos, você deseja incluir codificado e não codificado. Para mim, todas as cores codificadas e não codificadas traduzidas bem o suficiente aqui que você não precisa usar cores diferentes, isso nem sempre é o caso. Se houver situações como essa, você quer ter certeza de que está ouvindo ambos. Eu também tenho a quebra CMYK, a quebra RGB, e a quebra de valor HEX. Agora, eu quero falar um pouco sobre traduções de cores porque eu sei que essa é uma questão que muitas pessoas têm tido especialmente na classe de identidade de marca. Embora eu não seja um especialista nisso, eu só queria lhe dar algumas informações sobre o processo que eu passo para criar as traduções e apenas dar-lhe um ponto de salto para esse processo. Agora, só para recuar um pouco, e quando eu expliquei que eu ainda, não importa o projeto, traduza essas quatro quebras de cor. Eu não acho que eles são sempre 100% necessários para cada marca. Por exemplo, eu não me lembro da última vez que eu imprimi algo CMYK offset, apenas ficando cada vez menos comum com o trabalho que eu estou fazendo, mas ainda meu sentimento geral é que é melhor prevenir do que remediar. Então eu tendem a criar todas essas quebras de cores diferentes apenas que eles estejam lá no caso de alguém precisar deles, e então dessa forma você não tem que voltar e fazer trabalho extra na estrada quando um problema surgir. Eu descrevi isso um pouco na minha classe de identidade de marca, mas apenas para passar por isso novamente, meu processo pessoal quando estou fazendo um sistema de identidade é que eu sempre começo com cores na tela. Claro, a tela não é 100% confiável em termos de tradução de cores, porque os monitores diferem muito de tela para tela. Isso sempre deixa muito claro para meus clientes nos estágios iniciais de identidade da marca que a cor não é 100% precisa, e se eles são muito específicos ou detalhados orientados sobre esse aspecto do processo, eu apenas ajusto meu processo um pouco. Nesse caso, eu poderia voltar para os chips Pantone e realmente enviar o cliente que chips para escolher as cores dessa maneira e, em seguida, trabalhar um pouco para trás. Mas geralmente, na tela funciona para mim como um primeiro passo. Então, uma vez que essa cor é aprovada e eu estou me preparando para preparar meu guia, isso é ou imprimir algo, que vier primeiro, é quando eu vou para PMS. O que eu faço lá é que eu tenho um conjunto real de chips que eu puxar de e eu apenas combinar fichas o melhor que eu posso quanto às cores para que eu estou vendo na tela, e ir a partir daí. Eu sei que todos nem sempre podem ter suas mãos em um chip real, porque eles são muito caros, então eu encontrei alguns recursos que podem dar transições de tom panorâmico, que eu vou fornecer no PDF de recursos. Eu não chamaria isso de 100% de precisão, mas eu acho que provavelmente é um bom começo se você não pode colocar suas mãos em chips. A partir daí, eu também traduzo para HEX, que é muito fácil de RGB, e eu traduzo para CMYK. Eu faço todas essas coisas no Illustrator, geralmente no seletor de cores, e essas coisas nem sempre são 100% precisas, então você definitivamente precisa fazer alguns testes. Mas eu sempre acho que este é um bom ponto de partida para começar. Então é assim que eu traduzo todas as minhas cores. É isso para a visão geral e cor e, em seguida, vamos falar sobre tipografia. 6. tipografia: Bem-vindo à Unidade 3/ Vídeo 3 onde vamos falar um pouco mais sobre tipografia. Só para dar certo, tipografia é realmente uma seção bem simples em comparação com alguns dos outros. Isso depende da quantidade de tipografia que você realmente tem como parte de seu sistema, onde você tem diferentes variações em tipos de letra, se quantas fontes você realmente está incluindo, etc. Pode ser maior do que o que eu estou mostrando a você dependendo sobre o que sua marca exige. A primeira seção que incluo é uma visão geral da tipografia que faz parte da marca. Como você pode ver esta marca em particular tem dois tipos que são usados principalmente, um é um Sans-Serif e o outro é um Serif. Aqui eu sempre configurar um par de espécimes muito simples que mostram o tipo de letra para usar de tantas maneiras diferentes como ele pode ver, usado com a marca. Eu sempre crio um espécime com uma manchete, um parágrafo, e depois divido os diferentes formulários de letras em maiúsculas, minúsculas e números apenas para que você tenha uma visão geral muito rápida de como eles se parecem. Em seguida, esta marca em particular também tem um tipo de exibição que é usado em muito mais em casos frequentes. Novamente, eu quebrei isso aqui e eu também acabei de criar um espécime muito simples. Este tipo de letra, na verdade, uma vez que é display tem muito menos opções de uso do que as fontes primárias fazer, então este espécime é ainda mais símbolo. Eu quero salientar que esta é uma área onde você pode ser um pouco mais criativo. Como eu mencionei antes eu tento ficar mais instrutivo e simples com os gráficos que eu estou usando. Mas, por exemplo, se você pensar de volta para o PDF I Love New York que eu mostrei a vocês na Unidade 1 usa os espécimes de tipo instrucional, mas faz isso de uma maneira um pouco mais interessante e mostra muito mais variações que eu estou mostrando aqui. Você pode fazer algo assim desde que tenha em mente que o principal motivo pelo qual você está dividindo esse conteúdo é mostrar à pessoa que usa o livro que tantas opções de uso estão disponíveis para cada tipo de rosto para que eles obtenham o maior entendimento possível de como eles podem colocar esse tipo para uso. A segunda coisa que você deseja explicar nesta parte do guia é a maneira como a tipografia pode ser usada. Eu simplesmente faço isso no parágrafo do texto no lado esquerdo da página. vez, mantenho isto muito breve, umavez, mantenho isto muito breve, mas há algumas coisas que quero salientar. Um é o tipo funciona para, e dois é o peso real do tipo a ser usado. Por exemplo, a primeira fonte que estou mostrando aqui é Eames Century Modern, e eu expliquei no lado esquerdo nessa seção que isso funciona especialmente bem com a cópia corporal e, em seguida, em chamadas. Isso não diz que funciona exclusivamente nessas situações, mas enfatiza os tipos de situações para as quais eu quero que essa tipografia seja usada. Em seguida, o segundo parágrafo também explica que este tipo de letra deve ser sempre usado em letras maiúsculas ou minúsculas e nunca em todas as letras maiúsculas ou minúsculas. Isso é algo que você definitivamente quer delinear em suas instruções se essas são restrições que você tem, porque fazer algo vogal realmente mudar a aparência de uma peça. Se não for o que você pretendia, vai prejudicar definitivamente a consistência que você tem na marca em diferentes mídias, então isso é algo para definitivamente ter em mente. Mesmo com o display, Eu estou apenas fazendo exatamente a mesma coisa aqui onde eu digo que este visor de rosto é usado em aplicações limitadas, e que ele só deve ser usado para títulos curtos e frases e nunca definir longas seções de corpo cópia e, em seguida, também delineando que este tipo de letra nunca deve ser usado em todas as maiúsculas. Isso é algo que eu quero ter cuidado porque esta é uma fase de exibição especialmente. Eu quero ter certeza de que ele é sempre legível, e há apenas certas instâncias em que ele pode ser usado para maximizar essa legibilidade. É isso para a tipografia, tipografia é uma seção muito simples de montar dependendo dos elementos que fazem parte da sua marca. Em seguida, vamos entrar em elementos gráficos. 7. Elementos gráficos: Bem-vindo à Unidade 3, Vídeo 4, onde vamos rever a seção de elementos gráficos do seu guia de estilo. Como eu mencionei antes, assim como com a identidade da sua marca, a seção de elementos gráficos vai diferir dependendo do conteúdo com que você tem que trabalhar. Vou mostrar-te a secção de elementos gráficos deste tipo em particular que tenho estado a mostrar-te para o Sloan Taylor e mostrar-te como eu montei isso neste caso. Mas esta é uma seção que definitivamente vai diferir muito dependendo dos componentes que sua identidade inclui. Esta marca em particular, como já mencionei antes, tem um monte de padrão envolvido. O que eu faço é começar com uma página de visão geral do padrão e apenas usar uma amostra muito pequena de alguns dos padrões aqui para dar ao usuário uma visão geral do tipo de padrões que eles têm que trabalhar com e, em seguida, na descrição, basta explicar que cada padrão está disponível em certas maneiras de cores, mas pode ser adaptado para combinações de cores ilimitadas e que também eu incluir a regra de que apenas um padrão deve ser usado por peça, que é muito importante aqui porque enquanto o é padrão pesado, ele também requer um equilíbrio de cor e espaço em branco e se você começou a misturar muitos desses padrões, ele poderia ficar louco muito rapidamente. Isso é algo que eu quero ter certeza de que eu aponto. Então, enquanto eu me movia através, eu mostro algumas versões maiores dos padrões e eu realmente dividi-los em categorias menores. O primeiro com o qual estou começando aqui é o padrão de logotipo, que eles têm em duas opções, a opção de cores completas e a opção com o azul primário. Novamente, eu estou apenas incluindo uma descrição muito simples aqui que inclui apenas as informações que eles precisam saber para a implementação. A única coisa que é realmente importante saber aqui é que outras variações de cor podem ser desenvolvidas neste padrão. A única orientação que existe é que o azul Sloan Taylor é a cor dominante? Então eu estou mostrando este padrão de faixa de assinatura, que eu diria que tecnicamente é o padrão principal da marca. Só há um deles. Não há múltiplas variações, é por isso que usei uma amostra tão grande aqui. Novamente, eu só estou delineando na descrição que outras variações podem ser desenvolvidas, desde que o azul Sloan Taylor seja uma cor dominante. Então eu tenho padrões de pontos espalhados. Como você pode ver, eu separei esses números inteiros diferentes categorias agrupando padrões juntos, então cada padrão não precisa necessariamente de sua própria página. Esta seção mostra apenas três variações diferentes no padrão de pontos, que pode ser adaptado a qualquer combinação de cores e é isso que eu configurei lá na descrição. Então eu também mencionei que amostras de padrões foram criadas nessas três maneiras de cores que você pode ver para começar. Em seguida, esta marca também apresenta como parte de um elementos gráficos várias colaborações ilustrativas. Isso é algo que se destina a evoluir ao longo tempo e mudar dependendo dos projetos em que este cliente estava realmente trabalhando. O que eu fiz aqui foi apenas pegar alguns exemplos de ilustradores com os quais eles estavam indo trabalhar naquele momento e incluiu alguns exemplos de seu trabalho apenas como uma diretriz para que o usuário possa começar a ver os diferentes estilos com os quais a marca irá trabalhar. Agora eu estou pulando para um cara diferente que eu fiz aqui só para mostrar a vocês outro exemplo de um elemento gráfico que faz parte de uma marca. Neste caso, isso é para uma empresa chamada Canopy Health e o uso de fotografia de estoque era muito importante para eles. O que eu fiz aqui é uma página de visão geral que mostra um exemplo de uma fotografia que realmente obtém o ponto através do estilo da fotografia que deve ser usado e na descrição eu apenas explicar que o propósito do é para adicionar calor à marca e que as imagens devem ser escolhidas que apresentam crianças e suas famílias aproveitando seu tempo juntos e um ambiente ensolarado ao ar livre é preferido. Isso deixa as coisas abertas e leva para que o usuário possa fazer sua própria pesquisa e direção de arte, mas dá algumas diretrizes claras para que eles tenham uma estrutura para trabalhar com eles. Então eu também incluo uma segunda página que apenas é essencialmente uma folha de contato de um monte de fotos diferentes que todos se encaixam, que se encaixam nessas diretrizes para que esta seja outra referência que o usuário pode voltar para ver se as fotos e imagens que estão escolhendo se encaixam com a intenção das marcas. Então pulando para outro guia. Isto é para W&T Seafood, que é um pequeno distribuidor de frutos do mar. Eles têm um monte de ilustrações, ilustrações vintage que fazem parte de sua marca que todos apresentam imagens relacionadas com frutos do mar. Esta é uma página realmente simples que apenas mostra uma visão geral de quatro das ilustrações mais comuns e coloridas da maneira que geralmente tendem a colorí-los. A discrição real não é muito específica porque este é um componente bastante aberto da marca. Não há diretrizes rígidas quanto ao dimensionamento ou como eles são usados. Toda a explicação que eu dei aqui é apenas que essas ilustrações são usadas para adicionar um toque de capricho a peças colaterais. Isso é tudo o que você realmente precisa saber no que diz respeito a esta marca. Isso também dá a você uma idéia de ser aberto versus ser super instrutivo quando se trata de elementos gráficos como estes. Isso lhe dá uma visão geral de como os elementos gráficos podem ser incorporados ao guia. Em seguida, o próximo vídeo vamos falar sobre conteúdo opcional. 8. Conteúdo opcional: Neste, vamos rever algumas opções diferentes que você tem para conteúdo que você deseja incluir sobre os componentes essenciais. Isso só lhe dará um ponto de salto para que você possa expandir sobre ele por conta própria, dependendo do que seu cliente realmente precisa. Para começar, o que eu vou fazer é passar pelos componentes opcionais que eu incluí no meu guia de amostra Sloan Taylor. Começando com um quadro de humor, como eu mencionei no início, eu acho que isso é algo que se você criou pode ser bom para incluir, definitivamente não é necessário, mas eu gosto da idéia de que isso dá a qualquer usuário uma visão ampla do visual visual e sentir que você está indo para com a marca. Neste caso, esta marca é muito visual e muito colorido e muito design pesado, então eu pensei que a placa de humor realmente não faz sentido incluir. Então a segunda coisa é a essência da marca. Como mencionei anteriormente, isso pode tomar forma de muitas maneiras diferentes. Eu acho que há muitas definições diferentes lá fora para o que a essência da marca realmente é, mas como ela se manifestou neste caso é em duas coisas específicas. A primeira são as crenças da Sloan Taylor, e isso é algo em que o cliente e eu colaboramos juntos. São apenas várias frases curtas que realmente chegam ao coração do que a marca acredita. Eu acho que isso é definitivamente algo que se você desenvolveu é realmente útil para incluir, mesmo que isso não é nada que você desenvolveu por conta própria para a marca, mas se é algo que o cliente já tem e fornecido a você como um ponto de partida para o seu trabalho sobre a identidade, Eu acho que isso é definitivamente inestimável e dá ao usuário uma base realmente boa para trabalhar em termos dos componentes emocionais e intelectuais reais que compõem o própria marca. Você vai vê-lo em algumas das aplicações que eu mostro um pouco mais ao longo. Mas aqui está uma página de linguagem muito simples que você pode entrar em muito mais detalhes sobre isso dependendo do que você desenvolveu ou do que você tem do cliente que está existente. Mas para nós, estabelecemos uma certa maneira de falar com o público através de nossos aplicativos que são alegres, acolhedores e conversacionais, e descrevemos isso aqui enquanto falamos com nosso cliente como faríamos para um amigo querido ou acarinhada hóspede. Esta página fornece apenas alguns exemplos de manchetes de conversação que podemos usar em diferentes instâncias em todos os aplicativos. Mas ao invés de ser diretivas específicas, eu acho que isso apenas dá uma boa visão geral do tipo de estilo de linguagem que estamos indo para. Em seguida, a quarta seção que eu usei aqui que eu acho que é realmente comumente visto como uma inclusão opcional, é aplicações, não super específicas. Só estou dando exemplos visualmente das coisas que projetamos. Eles não são realmente fotografias, são apenas layouts, porque havia coisas que não foram produzidas naquela fase. Mas eu não estou dando detalhes em termos de tamanho ou medidas ou qualquer coisa assim, ou fornecendo modelos que algumas marcas fazem. Isto é apenas para dar ao usuário uma idéia de, você acabou de olhar através de todos os diferentes componentes que compõem a identidade, e aqui está um exemplo de como você pode realmente colocá-lo para uso. Este é um exemplo de cartões de visita. Depois alguns cartões de notas. Estes são cartões de notas de conversação. Você notará que o idioma de uma das páginas anteriores é incorporado literalmente aqui. Em seguida, uma etiqueta de correspondência, um envelope e forro, e selo de envelope. Isso pode incluir tantas peças como você tem, ou pode ser realmente simples. O que fiz aqui foi mostrar tanta variedade quanto tínhamos para as peças que já desenvolvemos. A intenção é que possamos sempre adicionar mais coisas abaixo da linha à medida que as desenvolvemos se sentirmos que elas eram importantes para o guia mostrar. Eu só quero ver alguns exemplos de marcas externas, que você possa ver algum outro conteúdo que você possa querer incluir se ele funcionar para sua marca. A primeira é a Pfizer. Eu só vou passar por isso rapidamente e novamente, eu vou dar-lhe um link para este e o PDF para que você possa baixar e virar este guia você mesmo se você quiser dar uma olhada mais de perto. Claro, a Pfizer é uma marca enorme. Suas diretrizes de marca são muito detalhadas e muito complexas. Este é quase o extremo oposto do espectro do tipo de trabalho que eu geralmente estou fazendo, que é, especialmente, por isso que eu queria mostrar a vocês. Esta página é apenas a arquitetura da marca deles. É uma descrição de alto nível da maneira como sua marca trabalha em conjunto, em termos de suas divisões, programas e produtos, e como eles se encaixam nesse sistema arquitetônico. Então eles entram em ainda mais detalhes sobre a estrutura arquitetônica aqui. Isso realmente quebra todas as cores de sua marca e mostra as diferentes porcentagens disponíveis, especificamente para uso em gráficos de informação. Em seguida, esta página realmente mostra como configurar uma grade. O que eles fizeram aqui, foi muito em detalhes para qualquer um configurar qualquer tipo de documento para eles. Eles fornecem medidas decimais muito específicas para o tipo de tamanho de página que você está usando, qual margem deve ser usada e, em seguida, qual grade deve ser usada, quantas colunas, qual o tamanho da calha deve ser e, em seguida, o grelha tipográfica da linha de base. Então eles também vão para o PowerPoint, que é realmente um aplicativo comum para muitas empresas agora. Se isso é algo que é usado com frequência, que pode ser um aplicativo que você deseja incluir, convém mostrar as diretrizes de como uma apresentação deve ser configurada. Agora eu vou pular as diretrizes de Jamie Oliver, que é definitivamente um pouco diferente, mas ele também inclui algumas coisas aqui que ainda não vimos. Uma grande parte do que a identidade de Jamie Oliver precisa se aplicar é a embalagem. Este guia específico detalha as embalagens em termos de diferentes públicos-alvo, mas é usado para e como o design muda com base nesse público-alvo e aplicativo. Isso apenas dá alguns exemplos diferentes de tamanhos que seriam usados, e também mostra algumas regras que estão associadas a cada um. Então eles seguiram isso mostrando “não”. Assim como fizemos com o uso do logotipo, isso é algo que você também pode incluir se você acha que seria útil em termos de seus aplicativos ou qualquer outra seção do seu guia, realmente, onde você está mostrando o que não fazer para que o usuário se certifique de evitar vários aplicativos ou execuções dos diferentes elementos que você definitivamente não quer fazer parte da marca. Novamente, isso está entrando em um pouco mais de detalhes da configuração da embalagem em termos de exceções permitidas. Outra variação na embalagem em que está falando sobre centralizar o logotipo e quando isso é apropriado e quando não é, e agora isso está focando na parte de trás do pacote com exceções. Isso está focando na parte de trás do pacote quando é um pacote de alimentos e entra em muitos detalhes sobre como isso deve ser definido, e os diferentes tipos de tamanhos que devem ser usados, e os diferentes tipos de pesos que devem ser usados ser usado. Então agora vou pular para a mídia da Demand. Esta página é algo que eu não costumo fazer, mas eu acho que poderia ser muito útil se você tiver um monte de ativos diferentes com os quais você está trabalhando. Esta é uma visão geral dos diferentes formatos de arquivo para os logotipos. À esquerda, dá-lhes significado chave, que eu definitivamente acho que poderia ser útil, especialmente para pessoas que não estão necessariamente acostumadas a trabalhar com arquivos de design e não sabem o que procurar, que poderia ser um guia realmente útil para alguém ter. Em seguida, ele realmente mostra onde cada um desses logotipos estão localizados na estrutura de pastas que é fornecida. Agora isso é mais detalhes sobre os logotipos, que é um componente essencial, mas esse uso específico nem sempre é necessário ou aplicável. Aqui eles têm um logotipo que eles estão chamando de um crachá de atribuição. Isto tem de ser sempre colocado e utilizado de uma forma específica. Estão a mostrá-los separados. Em seguida, também realmente colocado em uma página e como isso iria funcionar. Eles também mostraram uma preferência de colocação primária e secundária. Então aqui eles estão apenas mostrando exemplos de uso final, o que eu sempre acho que é uma ótima idéia. Em seguida, esta marca tem estes elementos gráficos de ponta de seta que eles usam, que são destacados grande aqui, e, em seguida, mostrado em várias aplicações como eles podem ser usados, que eu acho que é realmente grande outra mostrando de tantas maneiras diferentes. Então este é outro elemento gráfico que é muito específico para a marca. É esse uso de alinhamento de tipos e ângulos e fica bastante específico sobre como isso deve ser usado, e os ângulos e as diferentes porcentagens que você deve estar usando em termos de espaçamento. Então aqui está outra seção de fazer e não fazer que eu acho que pode ser útil em certas situações. Este é um exemplo de muitos aplicativos diferentes onde o uso de cores está correto. Eles também têm uma página de cúpula, mas eu não estou incluindo-os aqui, então você pode verificar isso em um PDF se você quiser ver mais de perto. Isso também mostra as setas aplicadas à fotografia. Em seguida, eles também têm uma seção de comunicação digital. Isto é realmente como você iria configurar uma assinatura de e-mail, e ele fornece todos esses detalhes diferentes sobre a cor e o tamanho e o espaçamento entre linhas que você deve estar usando. Eles também têm algumas diretrizes para sites. Agora, eu não entrei em diretrizes da Web, principalmente porque esta é uma classe que está realmente focada em uma diretriz de identidade de marca. Mas, obviamente, os sites são extremamente importantes para as marcas nos dias de hoje e diretrizes são realmente necessárias se você tiver um site maior em que várias pessoas vão estar trabalhando. Além disso, por que eu não entrei neles aqui, é porque ele requer um conjunto inteiro de regras em cima do que eu já falei para identidade e pode realmente ser um conjunto completo de diretrizes por conta própria. Vou incluir um par de links no PDF, se você definitivamente precisa incluir diretrizes do site que lhe darão um pouco de orientação sobre como fazer isso também. Isso cobre todos os detalhes do conteúdo que vamos revisar. Em seguida, vou rever os detalhes finais para montar o seu guia. 9. Detalhes finais: Ei, todo mundo. Bem-vindo ao vídeo final da aula, onde eu vou passar por todos os detalhes que você precisa saber para apenas obter seus livros polidos e terminar. Eu vou levá-lo através de algumas dicas sobre a configuração de fonte e abotoar o design que eu acho que seria útil apenas para colocar os retoques finais em seus guias. Então eu vou levá-los através da final Sloan Taylor, pessoal. Você pode ver como tudo se juntou no final. Além disso, basta fornecer um pouco de informações sobre os tipos de arquivos e como configurá-los para uso do cliente. Então vamos mergulhar. Até agora você deve ter um guia de estilo totalmente completo com todas as suas páginas projetadas e todo o conteúdo incluído. Antes de terminá-lo completamente e enviá-lo para o cliente, há algumas coisas que eu recomendo fazer, e a primeira coisa é verificar seu conteúdo. Verifico a ortografia duas vezes. Eu sempre passo duas vezes porque eu costumo correr por ele. Se não as duas vezes, então definitivamente a primeira vez que eu apresso através dele e eu sempre tendem a perder uma coisa aqui ou ali. Então eu acho que é importante passar por isso com cuidado. Em seguida, você também quer ler o conteúdo para maior clareza, certifique-se de que tudo faz todo o sentido e sair um pouco do quadro de referência do seu design e certifique-se de que todas as instruções que você está dar faria sentido para alguém que não está tão familiarizado com a marca. Então, por fim, apenas certifique-se de que você incluiu todas as informações necessárias. Volte e compare o guia com o contorno de conteúdo original que você criou e certifique-se de que você incluiu todos os detalhes necessários. Agora configuração básica. Meu primeiro trabalho fora da faculdade, acabei trabalhando muito em relatórios anuais. Então eu aprendi muito sobre tipografia que eu definitivamente não aprendi na faculdade. Todos esses pequenos detalhes que é meticuloso e às vezes frustrante como eles são para realmente executar realmente ajudar a polir um documento e fazê-los parecer super profissional no final. Então esta aula é definitivamente muito curta e simples para eu entrar nela em detalhes extremos. Mas eu pensei que eu iria pelo menos passar por alguns conceitos básicos para você começar e apenas fornecer alguns recursos adicionais no PDF. Então eu vou passar por cinco coisas que eu acho que são as ferramentas de configuração de fonte mais importantes que você deve usar. Primeiro, é encontrar um substituir espaços duplos. Ainda há um pequeno debate por aí sobre isso. Mas na comunidade de design em toda a linha, você deve usar apenas um espaço após uma frase. Sei que não nos ensinaram assim. Eu definitivamente fui ensinado na escola a digitar dois espaços depois de um período. Mas quando se trata de tipografia, isso é incorreto. Ele permite uma experiência de leitura muito mais agradável quando você não tem esses grandes blocos de branco entre cada frase que quebram seu padrão de leitura. Portanto, certifique-se sempre de que há um e você pode apenas fazer uma busca e substituição muito rápidas no InDesign para se livrar deles. Eu realmente sempre faço isso duas vezes bem porque você nunca sabe às vezes se três espaços poderiam aparecer e, nesse caso, fazer a substituição final uma vez só cuidaria de um desses espaços e então você ainda ficaria com o duplo espaço. Então, sempre passe por isso duas vezes. A próxima coisa é ter certeza de que você está usando aspas inteligentes, você definitivamente não quer usar marcas int que você vê à esquerda. As aspas inteligentes à direita são aspas curvadas. Esses são o glifo tipográfico apropriado para usar. Usá-los é uma configuração muito simples em suas preferências. Portanto, veja suas preferências na seção tipográfica e você encontrará uma caixa de seleção lá. Normalmente, isso diz apenas Usar Cotações Inteligentes. Então, certifique-se sempre de que está marcado. Eu costumo passar e apenas verificar duas vezes, digitalizar todo o texto para qualquer instância de aspas e certifique-se de que eles são aspas inteligentes e você pode alterá-los manualmente se, por algum motivo, essa configuração não está se aplicando a todos de seus glifos. Em terceiro lugar, é remover todos os órfãos e viúvas. Então, se você não está familiarizado com isso, um órfão é uma única palavra ou um agrupamento de duas palavras muito curtas que caem de uma coluna para a próxima coluna e aterrissa no topo da coluna por conta própria. Então uma viúva é também uma pequena palavra ou um par de palavras muito curtas que cai no final de um parágrafo. Novamente, como acontece com os espaços duplos, isso evita uma experiência de leitura muito suave e limpa. Isso é algo que você definitivamente quer evitar e certifique-se de que você está se livrando deles através do ajuste do rastreamento e ajuste da hifenização, que eu também vou chegar no próximo par de dicas para fazer certeza de que nenhum deles existe em seu conteúdo. Agora a próxima coisa que você quer fazer é ajustar o pano do seu texto. Isso pode não ser necessário se você não estiver usando parágrafos longos de texto no guia. Se você tem apenas uma ou duas frases de uma descrição, isso não é algo que você precisa se preocupar por um longo tempo, mas se você tem uma cópia extensa, isso é algo que você quer ter certeza de que você está prestando um pouco de atenção. Como você pode ver à esquerda, este é um exemplo incorreto onde o pano está realmente fazendo uma forma de onda no lado direito dele. É uma leitura muito agitada quando algo parece assim. Então, o que você quer apontar é algo mais parecido com o que você vê à direita, onde você tem um ritmo muito uniforme de linhas de textos e não há uma forma distinta que realmente está distraindo você e se você piscar os olhos, você realmente consegue uma grande cor muito consistente com todo o texto. Isso também é algo que você deseja ajustar com rastreamento e hifenização. Isso também é algo como eu disse, que eu não vou me meter super agora, mas eu vou ter certeza de que você tem os recursos para aprender mais sobre isso mais tarde. A última coisa que você quer fazer é limpar a hifenização. Como você pode ver à esquerda, este parágrafo tem uma tonelada de hifenização, que geralmente no InDesign é o que acontece quando você usa as configurações padrão. Então você quer evitar algumas coisas aqui. Você quer evitar muitos hífens seguidos. Você pode ver ao olhar para baixo no final do primeiro parágrafo, há três hífens seguidos. É definitivamente demais. Eu nem teria dois seguidos, se possível. Então a outra coisa aqui é que você tem duas da mesma palavra hifenizadas. Isso é algo que você absolutamente quer evitar. Assim, tudo isso pode ser ajustado através do uso de rastreamento e as configurações de hifenização. Uma coisa que eu sempre uso é o ajuste de linha única em oposição ao parágrafo. Isso é algo que permite que você realmente ajuste cada linha de texto por conta própria em termos de rastreamento e espaçamento para que ele não redesenhe o parágrafo toda vez que você faz um ajuste. Eu sempre acho que isso se presta a resultados muito melhores quando você está escrevendo um parágrafo. Em seguida, apenas pequenos ajustes de design que você deseja passar e fazer. Basta ligar suas linhas de grade e certifique-se de que tudo está alinhado corretamente, que tudo é consistente de página em página em termos de onde ele cai nas linhas de grade. Limpe suas cores. Como você pode ver neste exemplo de paleta, isso ocorre antes de serem totalmente limpos. Eu tenho algumas cores PMS e, em seguida, eu tenho algumas cores CMYK que são nomeados de forma inconsistente. Você quer ter certeza de que, número 1, você não tem nenhuma cor em sua paleta que não esteja sendo usada, que é uma correção muito rápida no menu suspenso de amostras. Você pode simplesmente selecionar todos em uso e, em seguida, excluí-los a partir daí. Então você também quer apenas renomear tudo, disse que eles são consistentes e que é apenas muito fácil de olhar. Então você também deseja limpar suas folhas de estilo, que é algo que você deve estar usando em todo o layout, se você estiver usando um monte de texto. Eu não consegui muito em folhas de estilo mais cedo porque novamente, esse é um outro tópico que exigiria mais algum tempo. Eu fornecerei recursos para informações sobre folhas de estilo. Mas geralmente você deve estar usando isso o máximo possível porque o que permite que você faça é pegar um estilo, por exemplo, essa cópia corporal que você pode ver no lado esquerdo do meu guia, e simplesmente aplicar isso rapidamente a qualquer outro instância dessa cópia do corpo em todo o livro. Em seguida, se você quiser fazer uma alteração nesse estilo, digamos, alterar o tamanho do tipo ou a permissão. Então tudo que você tem que fazer é ir para a folha de estilo e fazer o ajuste lá, e ele vai se aplicar a tudo o que é aplicado. Isso é limpar as folhas de estilo, você só quer ter certeza de que não há nada que não está sendo usado na paleta, e que tudo é aplicado consistentemente da mesma maneira. Você só quer um botão para cima e certifique-se de que está muito limpo. Agora eu só vou folhear o guia final de estilo Sloan Taylor só para que você possa ver como isso veio junto muito rapidamente. Vamos olhar para ele em páginas espelhadas para que você possa ver como cada página se conecta à próxima. Então, cubra e então temos a capa interna, e o índice, onde é dividido em seções. A seção de essência da marca. Incluí o quadro de humor aqui porque é uma peça de conteúdo visual muito alto. Em seguida, o tom da seção de voz, que é muito curto e doce. Em seguida, a seção de elementos da marca, que é a maior parte do conteúdo aqui. Estamos começando com o uso do logotipo, paleta de cores, tipografia. Temos o espaço em branco, o padrão e a ilustração. Então eu tenho os exemplos de uso em sua própria seção separada. Eu dividi a impressão aqui porque a intenção era sempre que haveria um componente web que seria adicionado mais tarde na linha. Em seguida, aqui você pode apenas ver todas as aplicações; diferentes aplicações de papelaria, todos ao lado do outro. Então temos a tampa traseira interna e aquela página virada. O que eu costumo fazer lá em todos os meus guias é ter informações de contato. Isso dá a oportunidade de incluir tanto o contato como a própria marca e, em seguida, também o contato do estúdio de design, que qualquer pessoa que usa o guia tenha vários canais para obter suas perguntas respondidas. Então temos a contracapa e é isso. Rapidamente antes de ir, eu só quero falar muito brevemente sobre formatos de arquivo porque uma das outras coisas que vem junto com o envio um guia de estilo é enviar a arte final. Só quero lhe dar uma visão geral de como faço isso. Geralmente, esses são os quatro formatos de arquivo com os quais estou lidando ou trabalhando. Arquivos EPS, JPEGs, PDFs e arquivos PNG. Um arquivo EPS é o que eu uso para qualquer coisa baseada em vetores. Todos os logotipos, amostras de padrão que precisam ser usadas, quaisquer outros elementos gráficos baseados em vetores. Normalmente também incluo JPEGs de logotipos e coisas assim. Isso tende a ser útil se você estiver usando um PowerPoint ou algo assim, que vai ser visto na tela. Eu descobri através da experimentação de usar esses tipos de aplicativos que JPEGs de alta resolução funcionam muito bem em algo como um PowerPoint que também precisa ser impresso. Nem sempre incluo arquivos PDF, mas às vezes as pessoas pedem esses além dos arquivos EPS. Eu faço isso através do Illustrator para que eles também sejam baseados em vetores, mas eles podem ser visualizados em qualquer máquina em muitos aplicativos diferentes onde um arquivo EPS é realmente aberto no Illustrator, se você quiser ainda editar os vetores. Em seguida, arquivos PNG que eu uso na web. Você pode ter transparência nesses arquivos em vez de um JPEG, o que é realmente útil. Isto é geralmente como a estrutura das minhas pastas que eu envio trabalho. Eu envio uma pasta zipada que tem toda uma estrutura de pastas dentro dela. Geralmente eu vou ter a pasta principal com a arte final. Então para esta marca em particular que estou mostrando a vocês, as duas principais coisas que eu estava enviando de logotipos e padrões. Este logotipo tinha várias opções diferentes, tinha um logotipo primário, uma marca secundária, e uma opção empilhada. Dentro dessas três pastas, eu também tenho uma pasta para impressão e tela. É assim que separo os diferentes formatos. Essa pessoa pede arquivos AI em vez de EPS, que é uma correção fácil. Então eu só os salvei como arquivos AI e os incluí aqui. Como você pode ver, eu apenas salvei as diferentes opções com seu nome de cor rotulado no final. É assim que os distingo. Você pode ver aqui eu tenho um CMYK preto, ambos PMS codificado, e não codificado em RGB e branco. Essas são todas as diferentes opções de cores que se aplicam a esse logotipo específico. Em seguida, as mesmas opções de cor além das opções PMS e CMYK, seria apenas traduzido para a tela. Então eu faço a mesma coisa para as marcas secundárias e as marcas empilhadas. Então, para padrões, é realmente também o mesmo tipo de abordagem. Geralmente começo com arquivos baseados em vetores para as amostras de padrões que faço no Illustrator. Isso é geralmente o que eu quero recomendar para que as pessoas usem em todos os lados. Mas eu também incluem arquivos digitais de alta resolução e baixa resolução para tela, modo que se alguém quisesse usá-los em uma apresentação do PowerPoint ou algo para esse efeito que eles poderiam fazê-lo. Então é assim que organizo tudo. É muito estruturado e hierárquico. Como eu disse, eu apenas zip a pasta e enviar isso fora com o guia e isso geralmente é bastante suficiente. Isso é tudo para criar um guia de estilo. Espero que vocês gostem disso e tenham algo com isso. Estou ansioso para ver o seu trabalho. Obrigado. Ei, todo mundo. Eu só 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 24 horas por dia, 7 dias por semana, ou suporte através de chat e e-mail ao vivo. Você pode dar uma chance ao Squarespace inscrevendo-se em uma avaliação, sem necessidade de cartão de crédito e começar direito. 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.