Criando um Colateral de Marca: um tutorial de estudo de caso com o restaurante Abi-Haus

1. Apresentação: o que é o Abi-Haus?: Olá, todo mundo. Meu nome é Ryan Feerer. Sou designer, ilustrador, educador e restaurador aqui em Abilene, Texas. Estou super animado com esta aula e espero que aprendamos muito sobre estender sua marca em contextos do meu restaurante, Abi-Haus, na esperança de tornar sua marca mais visível e se divertir aprendendo sobre logotipos, logotipos secundários, ícones e sistemas de projeto. Então, vamos começar. Então, tudo isso começou no Dia das Bruxas de 2010 quando Jimbo Jackson e sua família pararam na minha casa para doces ou travessuras. Eram uma família jovem. Éramos uma família jovem, e imediatamente nos demos bem e nos tornamos grandes amigos. Nós dois compartilhamos o amor pela boa comida e misturamos nossas experiências em nossas casas anteriores, Pittsburgh, Pensilvânia e Nova York. Então, nós sempre nos reuníamos e fazíamos churrascos e fazíamos uns aos outros nossos pratos favoritos. Um dia, Jimbo Jackson teve a oportunidade de sair da Força Aérea e ele se aproximou de mim para abrir um restaurante. Pensando que nada sairia da ideia, eu disse: “Claro, por que não?” Porque eu sinto que muitos amigos sempre têm aquelas conversas de fazer essas coisas grandes e eles nunca seguiram adiante com isso. Quatro meses depois, tínhamos um restaurante. Mas não teríamos conseguido sem contratar as pessoas certas. Anteriormente, não tínhamos experiência no restaurante. Nós adoramos boa comida. Então, era vital que contratássemos a equipe certa para fazer nossos sonhos acontecerem e para que esses sonhos continuassem a acontecer. Muitas pessoas me perguntam como surgiu o nome Abi-Haus, e eu queria falar sobre isso brevemente. Sabíamos que queríamos incluir Abilene em nosso nome alguma forma e também incorporar os nomes de nossos filhos. nome do filho Jimbo é Haustin e o nome da minha filha é Rose. Jogamos com toneladas de opções, mas nenhuma delas realmente funcionou. Então, um dia eu me lembro de Jimbo falando com seu filho dizendo, “Ei, Haus, venha aqui e me ajude com isso”, e realmente ficou comigo. Haus, H-A-U-S, sendo a palavra alemã para casa era brilhante e teve que ser incorporada ao nome de alguma forma. Então, então foi, como podemos anexar Abilene ao nome do nosso restaurante? Não me pareceu certo que fosse a Casa Abilene. Então, eu pensei um pouco e o código do aeroporto veio para mim A-B-I, Abi, anexado que com Haus, Abi-Haus e acrescentamos, parecia certo. Muitas pessoas nos perguntaram “Por que você está abrindo um restaurante como este em Abilene?” Minha resposta era que algo assim deveria ter existido há muito tempo. Nossa abordagem ao restaurante e as razões pelas quais queríamos começar foram meio egoístas. Queríamos ter esses alimentos incríveis que perdemos de nossas casas anteriores, e não conseguimos encontrar isso aqui. Aqui está uma tonelada de incrível Tex-Mex e churrasco, mas qualquer coisa além disso, você tem que dirigir três horas e meia até Dallas ou Austin para ter essa experiência. Eu só queria criar grande comida e bebida incrível, mas também fazê-lo da maneira certa, preparando alimentos bem. Fazemos muitas coisas do zero, dos nossos pães aos nossos molhos, das nossas salmouras para picles. Mesmo no lado do bar, quero dizer, fazemos muitas das nossas misturas do zero. Acreditamos que os alimentos devem ser feitos lindamente e bem feitos. É uma arte, e é uma arte, e tentamos abordar tudo dentro do restaurante da mesma maneira. Acho que valeu a pena. Queríamos criar uma fuga para os Abilenianos aqui na cidade. Queríamos transportá-los para um lugar diferente e sinto que fizemos isso muito bem com a ajuda de profissionais como nosso chef executivo, Kyle Clemmer, e nosso gerente de bar, Drew Garison, e a ajuda de Dana Tanamachi e Jeff Rogers, que absolutamente abalou o espaço interior. Tivemos muita exposição por causa do design do restaurante, dos exteriores aos interiores e por causa de todas as garantias como o menu e tudo mais. Então, tivemos muita sorte de ter chegado até aqui e estamos entusiasmados para ver o que acontece a seguir. 2. Desenvolvendo o logotipo: Muito bem, pessoal, vamos ao que interessa. Agora vamos falar sobre o logotipo. Vamos analisar o logotipo da Abi-Haus e ter uma breve visão geral do processo de criação. O que eu quero que vocês façam é escolher um logotipo que vocês criaram anteriormente, ou desenvolver um novo. Isso deve ter uma solução tipográfica, mas também pode ser emparelhado com um ícone. O que você vê na tela agora, é um monte de esboços aleatórios de ícones a formas de letras senior-like, para realmente áspero em campusing como um layout de marca de logotipo, como você pode ver aqui, bem aqui, aqui, e novamente, estes são super pequenos, mas estes são pontos de partida para mim. Eu tenho uma idéia básica do que eu quero em minha mente, e então eu vou para a cidade e começo a criar um tipo personalizado para esses layouts. Como você pode ver aqui, eu já comecei a desenvolver algum tipo de linguagem de linguagem visual, usando scripts, scripts de estêncil, e algumas outras coisas. Então, antes de começar a falar sobre o processo de design do logotipo da Abi-Haus, eu queria dar a vocês algumas palavras de encorajamento. Uma coisa que eu tenho notado pelos meus alunos é que eles ficam realmente para baixo sobre si mesmos quando o trabalho, a qualidade do trabalho que eles produzem não equivale aos designers que eles analisam, o que é realmente ridículo porque eles acabaram de começar sua carreira em design e estão comparando seu trabalho profissionais que provavelmente dedicaram suas vidas ao design e têm muito mais experiência. O que estou tentando dizer é que não há problema em chupar logo no início, e acho que você precisa aceitar isso e saber que você vai produzir um trabalho realmente terrível. Contanto que aprenda com esses erros e se melhore por causa deles, você vai se sair bem. Se você é apaixonado por design, você realmente quer fazer bem, você vai tomar as medidas necessárias para melhorar seu pensamento no design. Então, vamos dar uma olhada em algumas coisas. Então, eu tenho alguns esboços aqui, nós já conversamos sobre eles brevemente, realmente brevemente, mas eu quero mostrar a vocês onde eu comecei no ilustrador a partir desses esboços. Então, foi aqui que eu comecei e parece absolutamente terrível. Não tem personalidade, é claro que eu não estava planejando usar isso para o logotipo, mas foi aqui que eu comecei. Este é o tipo de logotipo final aqui, e tem muito mais personalidade. Quando copiei, perdi minha teta, então vou fingir aqui bem rápido. Lá vai você. Legal. Então, esta é a marca final aqui, e eu quero falar com vocês sobre o tipo de onde eu comecei para que vocês possam ver a evolução de onde essa coisa começou, e onde ela acabou, e ver todas as coisas desagradáveis no meio, e tipo de como eu tive meu Aha momentos, e espero que seja valioso para vocês. A primeira coisa que eu quero que você faça enquanto você está criando sua marca, quando você decidir fazer revisões sobre o que você tem em sua tela, eu quero que você copie sobre o que você está trabalhando. Faça suas revisões, copie, faça mais revisões para que ao longo do tempo você tenha esse histórico visual que você possa voltar e pegar elementos que realmente funcionaram, e ignorar aqueles que não têm. Mas é realmente encorajador ver esse processo e ver a evolução, e ver que as coisas estão melhorando. Se entrares aqui e tiveres uma coisa no teu ecrã e estiveres a fazer mudanças, e estiveres a mudar tipos de letra e todas essas coisas, é só tornar a tua vida mais difícil. Então, eu encorajo você a ter uma grande prancheta agradável, sair da prancheta, experimentar , se divertir, copiar as coisas e brincar. Então, brevemente eu vou passar por algumas das marcas que não fizeram o corte no tipo de como eu cheguei lá. Então, como você pode ver, eu tenho algum tipo de espécime aqui. Eu tenho algumas fases condensadas, algumas lajes, alguns sans serifs, algum tipo personalizado que eu criei, mais de uma fase chanfrada, mais espécimes tipo, alguns ícones aqui, mas nós não vamos falar sobre eles ainda. Então, no começo, eu queria criar uma mensagem que fosse acessível e divertida, mas a linguagem visual eu queria ser muito crua, então se encaixava na estética do próprio edifício. Então, foi aqui que eu comecei e não é nada bom, mas tudo bem, porque vai melhorar. Vai evoluir. Eu vou aprender com as coisas ruins que eu tenho na minha prancheta e as coisas vão melhorar, então está tudo bem. Então, foi aqui que começamos. Vamos nos mover em nossa prancha, você pode ver que as coisas estão melhorando ou melhor. Se é ruim, sinto muito. Aqui eu vou com alguns roteiros aqui e meio que trazendo a germandade para a marca do logotipo. Trazendo alguns elementos de contêiner aqui não funcionou bem, começou a texturizar algumas coisas, vamos falar sobre isso mais tarde também. Novamente, como estes não são muito interessantes, quero dizer, eles estão ficando um pouco melhores. Isto parece uma placa do Texas, não muito boa. Então, ficar um pouco louco aqui, distorcer algum tipo. Ficando um pouco melhor em termos de hierarquia, conectando muito mais informações. Eu gosto da idéia de ter tudo que você possivelmente precisa para entrar em contato com o restaurante na própria marca, o endereço, o número de telefone, o site. É muito utilitário. Acho que funciona bem em alguns casos, não em todos. Mas para este, achei que funcionou bem. Então, agora eu tenho este script personalizado aqui, parece bom, está tudo bem. Nada muito louco. Eu senti que era um pouco feminino demais neste momento. Achei que deveria ser um pouco mais masculino. Então, indo para cá, nós temos esse bife do Texas, que eu amo as imagens de, mas nós não somos uma churrascaria mesmo que tenhamos um dos melhores bifes da cidade. Tenho mais trabalho que fiz para outros clientes como inspiração. Então, foi aqui que eu acabei neste quadro de arte, mas isso não é tudo. Então, onde parei no último quadro de arte, copiei isso para um novo e comecei a fazer a mesma coisa, copiei a marca, fiz algumas mudanças, copiei, fiz algumas mudanças. Eu fiz esses pequenos floreios para os cantos. Novamente, eu pensei que era um pouco feminino demais, mesmo que eu gostasse da aparência dele. Os diferentes tipos de contêineres aqui, nada de bom. Alguma inspiração aqui, achei isso muito útil. Se você tem alguma boa inspiração, traga-os para o seu quadro de arte para que você possa usar como referências, não para copiar, mas novamente, para referência. Você pode ver como esta marca está evoluindo. Temos uma pequena chama do Texas aqui no título do olho. Está começando a melhorar. Não é assim tão mau, também não é assim tão bom. Então, estou farto dessa. Vamos passar para a próxima. Foi aqui que começou a se unir. Novamente, isso é absolutamente terrível, terrível uso do espaço aqui. Esses bits de informação estão contendo o nome da empresa, e isso é ruim. Eu trouxe alguns outros roteiros aqui. uma vez, um pouco feminino, um pouco delicado demais. Eu fiz este ícone do crânio Longhorn ou Bull skull, mas novamente, Eu acho que referências bifes casas mais do que o tipo de comida que servimos aos nossos clientes. Então nós tivemos essa coisa aqui que eu acho que é muito agradável, embora ele tem sua boa vibração de limpeza que totalmente perde a marca. Então, sim, parece muito bom, mas de novo, não está lá. Tudo isso é digitado sob encomenda. Uma coisa que eu tento fazer com o trabalho do meu cliente em termos de branding é desenvolver uma abordagem de tipo personalizado para seu tipo de logotipo. Eles respondem muito bem a isso porque é algo que não é facilmente reproduzido. Você não pode simplesmente pegar a ferramenta de texto, digitar o nome e copiar isso. Então, eles respondem muito bem a isso. Então, tudo isso é tipo personalizado e está ficando um pouco melhor. Não sei o que é isto, isto é mau. Eu estava tipo, ok, esqueça tudo isso. Esta é a abordagem Serif ocidental, vamos para Sans, não deu certo. Eu não quero falar sobre ícones ainda, mas você pode ver que eu usei um monte de formas geométricas no meu trabalho de ícones. Vamos continuar aqui, copiamos tudo, começamos a fazer mais revisões e adições. Como você pode ver comparando essas abordagens com a marca final, há muitas semelhanças que eu trouxe. Então, começando a realmente tomar forma, eu experimentei com algumas serifas estendidas de laje, não funcionou muito bem, eu tentei empilhar alguns desse tipo, novamente, não funcionou. Isto não leu bem, ABI-HAUS. Queria que fosse lido como uma palavra, não funcionou. Através disso, eu criei essa linguagem bem aqui, que é realmente simples: vaca, cordeiro, porco, peixe, pássaro, todo tipo de pilha, que eu acabei usando na fachada do restaurante. De qualquer forma, através desta exploração, as coisas vão acontecer. Você vai desenvolver ativos que você pode usar em diferentes lugares. É uma coisa linda. Mas se você não passou por esse processo e copiou esses elementos em que você está trabalhando e melhorando-os, então você provavelmente não teria encontrado essas pequenas surpresas agradáveis. Vamos ampliar aqui. Tudo bem, então é aqui que eu estou. Se é um número fictício, não ligue. Então, uma vez que eu tinha o layout geral do que eu queria, o tipo não parecia bem para mim, ele não parecia acabado. Então, eu voltei para um tipo antigo que eu tinha criado e dividi isso em etapas. Primeiro, eu tinha esse rosto chanfrado. Realmente agradável, exigiu várias cores, mas eu queria empurrar isso um pouco mais longe, então eu vim com uma série de serifas ornamentadas que eu então costumava terminar este tipo e eu estava realmente satisfeito com isso. Mas novamente, eu queria uma versão em preto e branco. Na verdade, foi um acidente. Apaguei tudo. Converti isso em traços, então eu vim com isso, que me fez explodir porque eu não tinha visto nada realmente parecido com isso, estilisticamente lá fora. Claro, precisava de algum trabalho, como nas barras aqui. Está ficando um pouco apertado nos espaços negativos. Temos algumas áreas que precisamos fechar. Mas visualmente, achei que era realmente agradável. Então, eu uso isso como ponto de partida. Você pode dizer aqui, eu fechei este B, esta tigela, o B ali, e precisava fazer mais algumas visões. Se você pode dizer aqui, não só o B é muito mais grosso, mas se você compará-lo com o final aqui, eu fiz mais algumas mudanças com esse in-line aqui. Eu tinha uma conexão. Eu me livrei dessa área aqui, e visualmente, funciona muito melhor. Então, foi assim que eu caí no logotipo da ABI-HAUS. Eu nunca teria chegado tão longe se não fosse por aquele processo de criação e ser capaz de ver essa coisa evoluir com o tempo e cair em sua própria. Espero que tenham aprendido com isso. Agora, para sua missão, eu gostaria que você se aproximasse de sua marca de forma semelhante. Quero que veja sua marca evoluir com o tempo. Quero ver uma história ampla do que você desenvolveu e ver como ele melhorou ao longo do caminho. Sim, então comece. 3. Criando logotipos e ícones secundários: Então, a terceira parte desta classe é aprender sobre logotipos e ícones secundários. Vamos olhar para o logotipo secundário e desenvolvimento de ícones em uma conversa sobre a aplicação desses elementos. Então, os passos que eu quero que vocês tomem, é escolher um elemento de sua marca de logotipo principal que você criou para aplicativos autônomos. Então, você não vai usar o logotipo completo, mas uma parte disso para aplicações menores. Então, eu também quero que você desenvolva um pequeno conjunto de ícones no mesmo estilo que o logotipo. Estes devem ser mais simples na execução para que eles não distraiam do logotipo principal porque estes são apenas elementos de suporte. Então, minha abordagem com o logotipo da Abi-House foi muito simples. Eu estava olhando para ele e quais foram alguns dos elementos mais memoráveis para mim? Era o tipo Abi-House em si e eu decidi tirar o A de Abi-House porque era a letra mais especial Abi-House começa com um A. Sim, faz sentido. Então, foi muito simples. Eu apenas copiei isso e coloquei um círculo em torno dele e essa é a marca autônoma que usamos para aventais e mangas das camisas dos empregados, nossos copos de cerveja e tudo mais. Então, este é Abi-House em sua forma mais simples. Então, agora vamos falar um pouco sobre os ícones. Então, quando eu começo meus ícones, eles não parecem muito bons, mas eu desenvolvo esses e eu os polido e produto final é sempre muito melhor. Mas tudo bem ter algo que não é incrível. Isto aqui, muito simples. Nós só usamos a ferramenta Elipse aqui, tinha alguns círculos. Copiei isso em acidente. Escale-os para baixo e, em seguida, conecte-os Quero dizer, é ridiculamente simples. Claro, as proporções aqui estão erradas. Você pode fudge, se quiser, copiá-lo, refletir essa linha, anexá-lo. Então, formas geométricas são suas amigas. Você deve utilizá-los o máximo possível, e você vai ver o porquê. Usei muitas formas geométricas para criar esses logotipos, quero dizer, esses ícones. vez, este é um rosnador. Parece absolutamente terrível. Tudo bem, vai melhorar. Nós não usamos esse cara de qualquer maneira. Então, eu fiz um pouco com um contador. Este copo de cerveja com um balcão, muito complicado na minha opinião. Estes estão começando a ficar um pouco melhores. Adicionando mais detalhes, estes são muito bom, mas eu não senti que ele se encaixa a marca final logotipo tanto. Eu queria que eles fossem um pouco mais crus. Então, comecei a desenvolvê-los um pouco mais, novamente, usando um monte de formas geométricas. Este é um meio círculo em um retângulo, mesclado com a ferramenta Pathfinder, bem aqui na ferramenta Unite. Vamos ver onde acabamos aqui, ficando um pouco mais simples. Começou a criar alguns dos animais que representavam os diferentes itens do nosso menu. Porque originalmente, eu criei estes para viver no menu para que, à primeira vista, você pudesse ver o ícone da vaca e saber que o item do menu foi feito com vaca, ou tinha vaca nele. Mas eu vi o menu ficando muito mais complicado, que não é o que você quer para um menu. Você quer que ele seja capaz de ler rapidamente. Você não quer que o cliente fique frustrado ou confuso, e eu senti que estava ficando assim. Então, acabei desenvolvendo todos esses ícones, não os usando para o que eu pretendia que fossem usados no início, mas encontrei um lugar para eles mais tarde e vou mostrar isso em um segundo. Mas como você pode dizer aqui, usando muitas formas geométricas. Este é o começo da vaca aqui. Usei uma ferramenta de círculo, retângulo que eu apenas agarrei esses pontos de ancoragem e os puxei para longe, anexando-os ao círculo, novamente, usando a ferramenta Unir na ferramenta Pathfinder, o botão Unir lá. Esta é a forma que eu criei. As orelhas são muito simples. São apenas dois quartos de um círculo que eu fundi, apenas ligando esses pontos de ancoragem. Encaixe esses juntos. Então, de qualquer forma, muito simples. Os chifres, meio círculo. Adicionei pontos de ancoragem aqui, apaguei esse ponto para obter a marca final da vaca. Não me pergunte o que é isso, é um híbrido de um pato, vaca e peixe. Deve ter sido tarde quando eu criei isso. Eu não poderia explicar isso. Então, de qualquer forma, muitas formas geométricas. As facas, super simples. Um quarto de círculo, retângulo, certifique-se de que ele corta para o ponto de ancoragem lá. Não é o que eu queria fazer, mas tudo bem. Outro retângulo. A faca era tão fácil de fazer. Olhe para isso. Simples. Então, este é o conjunto de ícones final. Observe novamente, todas as formas geométricas, e a coisa bonita sobre este conjunto é que, muitos dos elementos foram usados para vários ícones, como as orelhas para a vaca foram usadas para o corpo do peixe, foram usadas para as orelhas do cordeiro, que foram usadas para a cauda do pássaro. Acelera o processo e cria uma continuidade entre o grupo de ícones. mesmo com os copos aqui, o copo de cerveja, a caneca de café, o copo de vinho, e o copo de coquetel tudo começou com uma ferramenta retangular. Novamente, criando uma consistência reutilizando elementos onde você pode, ele realmente vai ajudá-lo e novamente, acelerar o processo. Então, esse é o conjunto de ícones que eu criei originalmente para o menu, mas era muito complicado. Então, decidimos usar isso no elemento para o exterior do nosso edifício ou fachada nas janelas, bem como os cartões de presente. Aqui, você vê um exemplo do logotipo secundário, o Abi-House A usado na porta quando você entra em Abi-House. Uma boa introdução ao restaurante. Então, isso abrange logotipos secundários e ícones, seção três da nossa classe. Espero que tenham gostado e aprendido algumas coisas. 4. Desenvolvendo diretrizes e malhas de marca: Antes de falar sobre o menu, queria rever algumas diretrizes da Abi-Haus que fiz para mim. Se você pode ver aqui eu tenho esta pequena página com todos os meus bens. Eu tinha meu logotipo principal, logotipo secundário que é apenas o tipo, outro logotipo secundário para pequenas aplicações e assim como nossos ícones definidos em nossa paleta de cores. Nossa paleta de cores é dividida em três cores. O ouro é a sinalização de vinil e o preto e o branco para todos os nossos materiais impressos e todas essas coisas. Então, super simples, usamos um azul claro na ocasião, mas essas são as nossas três cores principais. Então, quando eu estou tentando descobrir meu sistema de design muitas vezes eu vou fazer alguns exemplos. Veja como a hierarquia de tipos funciona e isso é o que eu inventei, a linguagem que eu criei. Assim, todas as categorias de alimentos no menu estarão sempre contidas em um retângulo preto e o tipo é derrubar sumô completo em 44 pontos. Então, aperitivos, jantares, menu de almoço, menu de brunch tudo será tratado da mesma maneira. Em seguida, subchefes de categoria de alimentos como nossas bebidas a qualquer hora. O cabelo do cão, o Haus Cocktails todos aqueles serão manuseados com um nocaute cheio de peso médio 18 pontos. Nossos itens de comida e bebida serão eliminados de peso médio 14 pontos. Nossas descrições de itens de comida e bebida serão nocauteados peso médio júnior em 10 pontos bem aqui. Nosso preço do item de comida e bebida será um nocaute meio-médio 14 pontos e ingrediente do item de bebida será um estilo gráfico regular 10 pontos que script aqui. Então também temos regras verticais e horizontais para separação de conteúdo. Usamos ícones para preenchimento de espaço, e mensagens secundárias e mesclar chamar na coluna direita sobre ouvir. Novamente, uma espécie de enchimento de espaço, mas serve mais de um propósito do que os próprios ícones. Estes têm um apelo à ação por uma camisa oficial Abi-Haus por $20 Long Live Abilene uma mensagem importante para nós e a pequena cerveja artesanal chamar aqui. Então, uma vez que eu estabeleci todas essas coisas, eu meio que defini minhas regras. É assim que vou abordar todo esse tipo diferente de conteúdo. Ele vai criar uma consistência e legibilidade é ótimo. Apenas uma bela linguagem visual para olhar. Então, agora eu quero falar um pouco sobre a criação de uma grade. Para o seu menu ou qualquer garantia que você está fazendo. Eu não vou entrar na concepção dele, mas eu quero mostrar como você pode criar uma grade agradável e anexar amarrar a essa grade. Então, agora, eu tenho um novo documento aqui. Vamos apenas fazer uma página ir em frente e fazer 11 por 17 número de colunas. Eu gosto de ter um monte de opções que eu vou escolher com 12. Então você vai para Ok aqui. Ponha isso sozinho. Isto é o que você inventa. Peço desculpas se todo o barulho no fundo estou no restaurante e as pessoas estão triturando gelo. Então, eu sinto muito. Então, temos nossas 12 colunas aqui. Agora precisamos mostrar a grade de linha de base. Então, se você for até aqui para ver grades e guias. Mostrar grade de linha de base, sua linha de base será exibida. Ok. Então, vamos ter um bom começo. Agora, pegue sua ferramenta amarrada e muitos alunos têm dificuldade saber onde clicar e arrastar para digitar janelas. Pense nisso como uma cruz aqui. Ok. Então ele precisa ser centrado, no canto superior esquerdo da grade, desenhar para baixo e você sempre quer terminar no lado esquerdo dessas pequenas calhas, direita. Então, você tem um espaço entre cada parágrafo ou corpo de conteúdo. Então, você pode ir em frente e digitar algo. Abi-Haus é incrível e muito divertido! Ok, observe que o tipo não está ligado à linha de base. É uma solução fácil, vamos mudar o tipo aqui. Para o Naco porque é isso que eu tenho usado, você vai até aqui para o meio caminho. O que precisamos fazer, eu fui em frente e cliquei fora do texto comprei um controle inteiro. Vou clicar no blog de texto ou quadro de texto. Eu estou indo para ir aqui para opções de quadro de texto. Opções de linha de base, e o que eu quero compensar a linha de base para a licença. Ainda não vai ser anexado porque o nosso deixar aqui é um 14 pontos. Vou mudar o tamanho do ponto. O tamanho do ponto pode ser qualquer coisa. O importante é que o arrendamento é divisível por 12. Enquanto você está deixando é divisível por 12, e suas opções de linha de base são deslocadas para a deixar tudo irá alinhar para a linha de base. É realmente agradável e conveniente e tudo é me ligado perfeitamente e você vai ficar feliz que você configurar uma grade e você restringir com suas diretrizes. Sim, tudo será coeso e bonito. Então, espero que tenha sido útil. 5. Sobre a marca e o propósito: criando o menu: Então, nesta próxima seção vamos falar sobre o elenco de suporte nos sistemas de design. Desenvolver uma série de materiais e objetos que levam sua marca ainda mais por meio de ícones, fontes e sinalização. No início, quero falar um pouco sobre o menu porque sinto que isso ajuda a definir a estrutura geral do tipo, porque é a peça de design mais complicada do restaurante. Então, vamos começar por aí e isso vai ajudar a definir nossa linguagem visual tipográfica e sim, então vamos começar. Então, como eu disse no início, Jimbo e eu não tínhamos experiência em restaurante antes de abrir este lugar, então sabíamos que era muito importante contratar as pessoas certas. O chef, obviamente sendo um dos elementos-chave para o nosso sucesso. Então, deixe-me dar um pequeno conselho a vocês, se vocês estão começando uma empresa e estão tentando se aproximar profissionais que querem se envolver com sua empresa, tentem explodir a mente deles com design. Porque quando eles vêem essas coisas, essas maquetes de menu. Parece real para eles, e especial e eles têm uma sensação de que essas coisas podem realmente acontecer, e eu tive uma oportunidade na minha frente. Então, este é o nosso primeiro menu. Não usamos isso no restaurante, isso que abordamos Kailer, chefe de cozinha, assim como Drew Pearson, nosso gerente de bar. Então, a estrutura é, não há nada de especial nisso. É muito semelhante a qualquer outro menu que você possa encontrar, que não é o que queríamos, mas ajudou a transmitir nosso conceito para eles e eles realmente apreciaram isso. Então, vou apontar algumas dessas coisas. Temos o nosso logótipo aqui na coluna da esquerda. Temos manchetes, brunch, aperitivos, almoço. Todos os detalhes mais finos estão em um Sans regular ou este roteiro agradável aqui, todos os preços estão em amarelo, entre parênteses, olhar e sentir muito simples para este local particular. Antes de começares a desenhar o teu menu, quero que estabeleças algumas coisas antecipadamente. Primeiro, que tipo você vai usar para seus títulos. Que tipo você vai usar para os elementos de detalhe? Que tipo você vai usar para a cópia do corpo? Todas essas coisas podem ser estabelecidas no início, para que você não experimente durante a fase de projeto, certo? Como se você já tivesse estabelecido suas regras e diretrizes. Isto vai tornar a tua vida muito mais simples. Então, sim. Não vá louco com os elementos de design, como eu uso essas regras horizontais aqui apenas para a estrutura, ajudar a estrutura em quebrar essas diferentes seções brunch, aperitivos, almoço, etc Eu tinha uma coluna mais estreita sobre a esquerda para bebidas, e bebidas mais tarde, e todas essas coisas. Novamente, este é muito nível de superfície em comparação com o primeiro menu que acabamos usando aqui. Então, temos no cabeçalho aqui, Abi-Haus grande, ousado, se destaca muito bem. Mas, nós também queríamos que as sessões se destacassem muito, o brunch, o almoço, o jantar, e incorporar as horas, e como uma pequena mensagem agradável, uma mensagem encorajadora agradável, apenas para trazer um sorriso para o rosto dos clientes. Então, vamos ampliar aqui, e ver algumas coisas. Então, sim, você está começando a ver minha abordagem aqui. Estamos usando essas bolas, eu estou usando nocaute aqui. Esta fase condensada ousada aqui para os itens do menu. Você vê este GF e um V aqui que significa um livre de glúten e um vegan, isso é chamado para fora. Bem aqui, provavelmente não é o melhor lugar para colocar essas informações, mas nossos servidores educam nossos clientes sobre suas necessidades também, então não é o ideal, mas isso é o que fizemos. Então, colocamos os preços no final de cada descrição, para que seja mais provável que o cliente leia a descrição do item antes de olhar para o preço. Então, se você ver o preço primeiro, você pode nem olhar para esse item e passar para a próxima coisa, não queríamos que nossos clientes fizessem isso. Então, nós temos o asterisco aqui, que chama as aves mal cozidas, carne e peixe. Então, você pode ver isso nesses itens. Novamente, estou usando regras horizontais e verticais para dividir diferentes partes de informação, os complementos advertidos em uma coluna separada dos itens do brunch para a outra. Para a seção de almoço aqui, mesma abordagem, nada de novo aqui. Isso foi honestamente uma preocupação para mim, esperando que o cliente fosse capaz de ler isso bem. Este é o hambúrgueres pesados, primeiro passo, pegue sua carne. Você quer carne ou você quer feijão preto e arroz? Passo dois, que lados você quer? Estes lados são zero dólares. Estes lados, onde coberturas em vez de um dólar, bacon dois dólares. Escolha o seu molho. Estes molhos são de graça, estes molhos são um dólar extra. Então, eu senti que, bem, o que eu estava preocupado é que o cliente olhar para isso e não seguir os passos e ficar confuso, mas funcionou, funcionou bem. Então, bebidas da casa pública, este é o nome de nossa área de bar, então você tem suas bebidas fortes aqui, chá, café, refrigerante. Suas bebidas mais fortes Basil Gimlet, Mimosa, Corpse Reviver. Bebidas mais fortes: Manhattan, Dark & Stormy, Sazerac, o que for. Eu tinha algum espaço extra que precisava preencher, e essa foi uma oportunidade perfeita para trazer o conjunto de ícones. Novamente, não significa nada, não. Mas, é uma textura agradável e elemento visual para incorporar no menu e preenche direito. Não parece fora de lugar, é bom, simples. Apenas detalhes. Decidi acrescentar isto. Nós realmente nos importamos, Abi-Taxi número de telefone aqui e está conectado ao nosso menu de bebidas porque beber e dirigir é ruim. Então, não faça isso. De qualquer forma, sim, mercadoria. Temos mercadoria. Compre uma camisa oficial da Abi-Haus por $20. Temos um desconto de 10 precent para todos os estudantes, militares ativos e idosos, não incluindo bebidas ou gorjetas. vez, tentamos incorporar um pouco de humor aqui e ali. Então, eu não sei se isso aparece, espero, ele acontece, e então algumas informações de contato na parte inferior. Envie-nos um e-mail para hello@good-haus.com, ou ligue para o nosso número. Goste de nós no Facebook, siga-nos @Abi_haus. Então, este menu nos serviu muito bem no início, mas aprendemos algumas coisas. Tínhamos aqui alguns elementos que precisavam ser melhorados. Vou chegar a eles em um segundo. Este é o outro lado do menu. É de dois lados. A seção de jantar. Aperitivos, jantar, sobremesas e novamente, as bebidas. Mesmo rodapé mesma abordagem sem as informações de contato. Por quê? Porque eu corri para fora do espaço. Isso é uma boa razão? Não, não realmente. Senti que muita ênfase foi colocada nas sobremesas, o que é bom, mas está na sua cara e não muito para mostrar. Outro problema que tivemos foi que este roteiro é realmente delicado e eu não estava pensando em nossos clientes mais velhos e sua falta de visão. Então, isso foi uma coisa que se destacou imediatamente e nós acabamos de fazer nossa mudança de menu com novos itens. Então, abordamos isso um pouco diferente. Vamos ver por aqui. Certo, então nosso cardápio de almoço e almoço, conceito similar. Cabeçalho em cima. Nós tiramos muitos detalhes desnecessários, como os cinzentos aqui, o que eu gostei, mas não era muito necessário. Então, eu os tirei. Temos nosso brunch sábado, domingo 10 da manhã até fechar. Aos domingos abrimos mais tarde para o brunch do que aos sábados. Então, este cardápio aqui era problemático porque dizia dois quando na realidade, aos domingos estamos até três. Então, isso tinha que ser consertado e isso é uma solução simples, 10 da manhã até fechar. Então, temos nossos itens novamente, abordados de forma semelhante. Eu mudei o roteiro aqui, o que é muito melhor. Mesmo que seja um script de estêncil, ele lê muito bem em tamanhos pequenos. Outra coisa que acrescentamos que pensamos ser apropriado foi esta mensagem na parte inferior. Para frescura, os pratos são apresentados à sua mesa enquanto estão preparados. Somos um pequeno restaurante boutique e temos a cozinha estilo shotgun e se você tem uma mesa de 15 pessoas, nem toda a sua comida vai sair ao mesmo tempo. Não é um grande salto. Não são grandes intervalos de tempo, mas nós entregamos os alimentos como eles estão preparados para a frescura. Então, nós não tínhamos isso no menu anterior, mas é bom ter isso, então, nós estabelecemos as expectativas de nossos clientes. Então, esta é uma mudança que eu achei que era realmente apropriada. Tivemos alguns problemas anteriormente com clientes olhando para a seção de aperitivos e jantar durante o brunch e almoço, que não servimos naquela época e vice-versa. Com as pessoas novamente, brunch e almoço durante o jantar e eu pensei que esta é uma solução simples. Brunch e almoço lado do menu será branco, seção de jantar apetitoso será preto. Faz todo o sentido. Eu não sei por que eu não pensei nisso antes, mas já fez uma grande diferença, apenas uma ligeira mudança de cor, bem não realmente desliza, a grande mudança de cor em qualquer taxa. Novamente, a estrutura é muito semelhante. Eu estabeleci os elementos de design menores que eu usaria em todas as regras verticais horizontais , o peso desses traços , os títulos das seções e o tipo de letra usado no tamanho do ponto. mesmo com os scripts e as explicações aqui, os detalhes dos itens do menu aqui. Tudo o que foi estabelecido indo para o design do menu. Além do tipo e esses pequenos elementos detalhados que você planeja adicionar, você deve configurar uma grade. Bem aqui, eu tenho três colunas na parte inferior, eu tenho mais ou menos duas colunas no topo aqui. Foi aproximadamente configurado em uma grade de 12 colunas, mas tenha cuidado com a maneira como você alinha seu tipo. Você não deve ter um tipo de centro, alinhar à esquerda, alinhar à direita, tipo completamente justificado tudo em uma página. Fica um pouco caótico. Eu fui um pouco cauteloso sobre isso, centrando o tipo na seção de ABI-burger. Eu sinto que funcionou muito bem, então, eu estava bem com isso, mas tenha cuidado com seu alinhamento e sua estrutura de grade. Defina todos os tamanhos de pontos para você digitar e como eles interagem com diferentes tipos de informações e se divertir com ela. 6. Como os murais tipográficos definem o espaço: Então, neste vídeo, vamos falar sobre estender a marca no interior e no espaço exterior. Vamos olhar para os murais individuais neles como um todo, qual foi a nossa abordagem e o que estamos tentando realizar com esses murais e como eles adicionam à experiência geral. Bons amigos meus Dana Tanamachi e Jeff Rogers vieram de Nova York para me ajudar com esses murais e eu não poderia ter feito isso sem eles. Bem, eu provavelmente poderia ter, mas pareceria quase tão bom. Então, cada um de nós tinha propriedade em diferentes peças em todo o restaurante, mas todos nós colaboramos na maior parte deles, e eu não poderia estar mais feliz com o resultado. Quando eu olho para ele, eu apenas tenho um sentimento esmagador de orgulho e alegria, e eu sou muito grato por eles serem capazes de fazer parte deste projeto que eu sou tão apaixonado por. Então, antes de começarmos o Abi-Haus, não havia lugar na cidade onde você pudesse comer e sentar ao ar livre e comer. Então, sabíamos que isso precisava ser uma grande parte de quem somos. Estamos tentando educar nossos clientes em não só comida e bebida, mas também atmosfera mural saudável joga para isso. Ele pode realmente melhorar sua experiência gastronômica geral. Não criamos apenas estes murais exteriores só para a aparência. Eles também informam nossos clientes sobre os tipos de pratos que servimos aqui na Abi-Haus, mesmo que seja em um nível de superfície, refrigerante, cerveja artesanal, coquetéis, café, vaca, cordeiro, porco, peixe. Provavelmente o mural mais importante que temos é o Abilene Long Live na parede traseira, e você pode ver isso na imagem atual aqui. Era essa a nossa intenção. Queríamos que o transeunte ou a pessoa que está dirigindo pelo restaurante visse esse enorme mural e lhes desse uma sensação de orgulho. Mais uma vez, devo explicar isso com um pouco mais de detalhes. Abilene é conhecido por ser chato ou assim dizem. Há até mesmo uma loja na cidade que vende, Mantenha Abilene camisas chato, e todo o meu pensamento era que não precisa ser chato e um monte de pessoas se sentem da mesma maneira. Eles gostam de sair, e eles gostam de se divertir e agora eles têm um lugar para isso. Então, viva Abilene. Outra peça incrível feita por Dana Tanamachi no restaurante, cita: “Boa comida termina em boa conversa.” É isso que queremos que vocês experimentem. Queremos que você venha aqui com seus amigos ou sua família e coma boa comida e tenha ótimas conversas e faça lembranças duradouras e isso é apenas um lembrete agradável. Acalme-se e aproveite a vida, aproveite a comida, e a vida é curta demais. Então, aproveite. Esta é uma peça em que Dana e eu colaboramos, “Abilene eu posso voar.” Então tem muito significado, mas isso é apenas para trazer um sorriso no rosto de nossos clientes. Eu não estava planejando fazer essa peça, mas Dana e Jeff Rogers me encorajaram a fazer isso. É uma espécie de rip-off de, “Eu acredito que eu posso voar”, “Abilene eu posso voar”. Abilene é a casa de uma base da Força Aérea, e também tem um significado positivo como eu posso voar, eu posso fazer qualquer coisa, “Abilene eu posso voar”. Então, meio que tem muito significado, mas de uma forma lúdica. Então, esta é uma pequena peça agradável que eu gosto bastante. Esta não é a melhor foto, mas uma das partes realmente importantes do restaurante é o menu quadro-negro na parede mais distante aqui. Nós três trabalhamos muito nisso e isso serve a um grande propósito. Aqui é onde colocamos todas as nossas bebidas especiais, todos os nossos jantares e almoços especiais, especiais de sobremesas. É o nosso conselho especial, mas é um bom ponto focal no restaurante e é divertido e brincalhão. Temos esses pequenos ursos divertidos que estão segurando a moldura do menu. É só um pedacinho bonito. Então temos murais aleatórios em todo o resto do restaurante como, “Por favor, espere para estar sentado” e “banheiro, um de cada vez por favor”, apenas um pouco de diversão aqui e ali. Vou voltar a esta foto do Jeff Rogers a trabalhar num mural que diz: “As pessoas aqui não te tratam mal.” Isso é algo que sempre tentamos nos esforçar. Queremos ter um ambiente seguro neste local onde as pessoas possam entrar e se divertir e realmente se conectar à nossa equipe, desde os servidores até a gerência, e isso é realmente valioso para nós. Queremos fazer essas relações de longo prazo com os clientes. Queremos que eles voltem uma e outra vez e para isso, queríamos construir uma amizade. Então eu sinto que este mural, a mensagem por trás dele é realmente poderosa e, sim, eu acho que é algo que todos devem viver. Observe como a abordagem para esses murais diferentes são bem diferentes. Alguns têm estas belas bordas ornamentadas. Alguns são um pouco mais simples como, “Long Live Abilene” mural e alguns são completamente livres como, “As pessoas aqui não te tratam mal”, mas há uma coesão entre eles e eu sinto que isso tem a ver com a abordagem usando os marcadores de giz e apenas tendo uma qualidade bruta para essas ilustrações nessas letras desenhadas à mão e adicionando pequenos detalhes como serifas ornamentadas, e as delicadas bordas ornamentadas. Todos funcionam muito bem juntos e, sim, acabou maravilhosamente. Eu não poderia ter pedido mais. 7. Aplicação de textura: Então, esta é a conclusão conclusiva e seção de dicas úteis, onde eu quero tocar em alguns tópicos que meus alunos têm dificuldade com. Então, a primeira coisa que quero ensinar a vocês, é como criar uma textura sutil em seu logotipo, ícone, ou qualquer outra coisa. Tenho aqui o meu logótipo. Eu vou copiar isso e vou colá-lo em um Photoshop. Nosso conselho aqui e escalá-lo um pouco. Vamos saltar para frente e para trás com o Photoshop e o Illustrator. A coisa bonita sobre este processo, é que você não tem que sujar as mãos criando uma textura. Mas isso exigirá que você faça alguma preparação de antemão. Seria ótimo se você tivesse acesso a um Breyer e alguma tinta de impressão. Você pode fazer algumas texturas, digitalizá-las, como eu tenho aqui e criar um pincéis, muito simples. Vamos usar um pincel na ferramenta borracha para texturizar o logotipo. Então, se você colocar a ferramenta de seleção aqui e selecionar uma área de textura, você pode subir aqui para editar, definir predefinição de pincel. Bom. Está bem. Você tem este belo pincel texturizado para trabalhar. Agora, eu tenho slide verde, isso é o que é tela. Então, eu tenho um que eu uso com bastante frequência. É muito semelhante ao que acabamos de criar, mas vou mostrar como funciona. Primeiro, esfregue a ferramenta borracha, vá para o menu suspenso aqui, selecione seu pincel, precisa rasterizar nossa imagem e eu só vou tocar algumas vezes na tela. Observe que você pode ver alguns dos cinza aqui, do pincel que acabamos de usar. Em seguida, vá para filtrar, afiar e fazer isso um par de vezes, para torná-lo agradável e nítido. Parece muito bom. Vamos arrastar e soltar isso no ilustrador e vamos fazer um traço ao vivo, um traço de imagem. Se você tem CS 5.5 ou anterior, vai ser muito mais fácil. Se você tiver o CS 6 ou a Creative Cloud, precisará brincar com algumas coisas. Então, eu tenho minha imagem raster selecionada. Eu vou para o menu suspenso no topo da tela. Novamente, se você estiver abaixo do CS 6, escolha a opção de letras. Fiz um personalizado e nomeei um logo também. Infelizmente, não documentei esse processo, então peço desculpas. Então, você seleciona isso e fatora seu logotipo. Então, eu vou expandir isso. Às vezes, se você notar, selecionaremos este logotipo. Venha aqui e olhe a cor, o preenchimento é multicolorido,. Mesmo que você não possa vê-lo, é uma cor transparente. Então, com as ferramentas de seleção direta, como o preto, vá para selecionar, mesmo, cor de preenchimento, Eu só vou selecionar todo o preto em toda a placa. Observe o denso assim, vamos colar isso. Então, agora temos este belo logotipo preto, sem outras cores. Eu vou até aqui para o Pathfinder e unir esse logotipo. Então, não temos um monte de peças flutuantes. Vamos apagar esses caras. Então, isto é o que temos. Se você está um pouco preocupado com a quantidade de textura, mas você já passou pelo processo e você não quer passar por isso novamente, e você quer fechar algumas dessas áreas, algo que eu achei que funcionou bem, é criar um acidente vascular cerebral. Parece terrível agora, mas vamos apagar esse erro. Diminuir o peso do traçado, 0,25. Observe que, está começando a fechar algumas dessas áreas. Muitas vezes, eu vou até aqui para o curso e vou ter os táxis e os cantos arredondados. Sim, é assim que você pode criar um logotipo texturizado simples rapidamente. Então, espero que tenha sido útil. 8. Opções de tipos: Muitas vezes, eu vou fazer a pergunta, como você sabe que tipo para emparelhar com outro tipo? Eles querem misturar e combinar o tipo. Eles têm dificuldade em fazer isso bem. Então, meu conselho para vocês seria primeiro, explorar com um tipo de letra que tem uma grande família de fontes e experimentar a combinação de negrito, itálico leve, e versões estendidas desses tipos, tudo em um só bloqueio. Acho que é uma boa maneira de começar. Só escolhendo um tipo de letra com uma grande família de fontes. Então, se você quiser ser um pouco mais aventureiro, eu diria explorar com o tipo que foi projetado ou criado durante a mesma era. Esperemos que haja algumas conexões lá. Seria um bom exercício para vocês, mas quando se trata disso, mas quando se trata disso, as pessoas contratam designers para sua abordagem de design e seu gosto. Isso pode ser uma coisa difícil de ensinar. Mas vocês sabem, espero, o que parece bom e o que não parece. Encorajo todos vocês a dissecar o design que vocês amam, descobrir por que vocês o amam e tentar imitar isso. Não estou dizendo cópia, mas descubra o que há de tão bem sucedido nas coisas que você está olhando, e tente fazer isso em seu próprio trabalho. Você tem que começar em algum lugar. Tudo bem não ter um trabalho de qualidade na Sagmeister no seu segundo ano na faculdade, tudo bem. Mas use essas inspirações para guiá-lo, empurrá-lo, e para incentivá-lo a passar mais tempo no design e criar designs mais bonitos e pensativos. 9. Dicas finais e conclusão: Eu também quero que você se sinta confortável com a criação sistemas de design especificamente com tipografia e pequenos elementos de web design. Estabelecer regras e diretrizes para si mesmo no início economizará muito tempo e criará uma consistência no seu tipo. Combinando isso com uma grade rígida à qual você anexa seu tipo, você sabe que todo o seu tipo está alinhado com a linha de base, ele vai criar uma estrutura bonita, agradável e limpa. Isso seria definitivamente algo que melhoraria a qualidade e a consistência do seu trabalho. Além disso, ícones, usando formas geométricas e combinando aqueles de maneiras diferentes para criar as diferentes marcas que você está indo para. Ao combinar todos esses elementos juntos, a marca que você cria com as diferentes combinações de tipo com seu sistema de design de tipo em sua grade, todas essas coisas trabalhando juntas criarão uma marca que é mais memorável, que vai se destacar entre seus concorrentes. Espero que vocês consigam fazer isso em seu próprio trabalho e estou ansioso para ver o que vocês produzem. Espero que tenham aprendido muito nesta aula. Mesmo se você aprendesse uma coisa, eu ficaria feliz, mas espero que você tire mais do que isso. Foi uma honra fazer parte da aula de Skillshare, e obrigado a vocês por terem escutado e prestado atenção. Vou ficar de olho em alguns dos trabalhos que você carrega e sim, boa sorte. Obrigado, pessoal e Deus os abençoe.