MANUAL DE MARCA / IDENTIDADE VISUAL. MODELO PARA BAIXAR.

159.85k views3008 WordsCopy TextShare
Marcelo Kimura
♾️ A primeira (e provável única) vez em toda a história, que você vai acessar os meus principais cur...
Video Transcript:
nessa aula eu vou te explicar o que é manual de identidade visual vou te explicar por que ele é importante vou te deixar a indicação de um livro e um modelo para você baixar e utilizar nos seus projetos uf é muita coisa manual de identidade visual nada mais é do que um documento que contém instruções com objetivo de manter a uma consistência nas aplicações de um projeto de identidade visual eu diria que é um esforço para garantir a correta aplicação ah dos elementos né e da forma como você projetou o a identidade visual eu digo
que é um esforço porque não é uma garantia você vai entregar o manual de identidade visual pro seu cliente pode ser que ele ó nem vai ligar para aquilo vai aplicar do jeito que ele quer pode acontecer pode mas ainda assim é necessário Afinal de contas você quer e de alguma forma que esse padrão que você projetou fica estabelecido você quer sim que seu cliente use da forma correta a tipografia o layout o logotipo então assim entregar o manual de identidade visual não é uma garantia da correta aplicação você corre os riscos do cliente aplicar
aquela marca de um jeito que você nunca imaginou só que se você não entregar o manual aí meu amigo aí você vai est dando carta branca pro cliente aplicar da forma como ele bem entender e a gente sabe que se a gente deixar o cliente aplicar da forma como ele quer hum dá bom não E por que que o manual de identidade visual é importante o primeiro ele ajuda na construção da marca fortalecendo a imagem e criando pregnância facilita as aplicações né você não precisa ficar queimando a cabeça a cada nova aplicação reduz o tempo
de produção sim porque se facilita a aplicação se você consegue criar peças de forma muito mais otimizada muito mais rápida porque você já tem os assets corretos obviamente reduz o tempo de reprodução e reduzindo o tempo de aplicação de reprodução enfim você ajuda a empresa a economizar tempo e dinheiro e por último Por que não dizer que aumenta a percepção de valor dos teus projetos obviamente quando o cliente sabe que ele vai receber ao final do projeto um manual de aplicação para ele enfim aplicar o projeto que você criou da forma correta a Sua percepção
de valor aumenta Com certeza não é à toa que os melhores estúdios de design do Brasil entrega pelo menos um pequeno guia Ah e antes da gente continuar se você caiu aqui de paraquedas nem sabe o que é identidade visual Eu fiz um vídeo explicando o que é identidade visual em detalhes é uma aula super completa Vou deixar um card aqui em cima na verdade é desse lado aqui agora vamos falar sobre tipos de manuais e o conteúdo que vai em cada um deles vamos começar falando sobre Manu manual de marca o manual de marca
ele é destinado para o gerenciamento da marca a Como assim bom marca não é identidade visual já expliquei isso em um vídeo aqui no canal vou deixar num Card aqui em cima se você quiser ir lá assistir eu acho que seria interessante para você entender a diferença de manual de marca e manual de identidade visual e o manual de marca ele é destinado pro gerenciamento da marca pro branding tá e qual que é o conteúdo desse manual aí ele vai ter esses itens que é trabalhado em um projeto de branding propósito tom de voz arquétipo
valores Manifesto etc etc etc e para quem que é o monal de marca é para qualquer empresa de qualquer tamanho e de qualquer segmento que possui gerenciamento de marca né que possui branding então qualquer empresa que deseja fazer um bom gerenciamento de sua marca precisa ter um manual de marca agora vamos falar sobre guia de identidade visual por que eu chamo de guia e não de manual Porque na minha visão manual é algo mais completo que é o que a gente vai falar daqui a pouco o guia de identidade visual ele é direcionado ao design
da marca com alguns itens essenciais pra correta aplicação então assim aqui a gente tá falando de design tá não é o manual da marca existem manuais que envolvem manual da marca identidade visual tudo no mesmo material existe é até aconselhável que você faça isso se você tiver trabalhando em um projeto de identidade visual que tem branding junto é até interessante que você trabalhe a ambas as opções dentro do mesmo material para ficar mais fácil na hora da da equipe que vai gerenciar essa marca do fornecedor que vai pegar alguma aplicação para fazer enfim eh então
eu pode ser com cenado num material só tá bom e qual que é o conteúdo desse guia de identidade visual é o conteúdo básico tá eh assinaturas tipografia cores redução usos incorretos entre outras coisas a gente vai ver no guia de identidade visual que eu vou deixar a aqui para vocês eh baixarem tá e para quem que é o guia da identidade visual bom eu diria que é para pequenas empresas empreendedores individuais Ah enfim empresas que não t uma uma estrutura tão grande que não precisa de um manual tão detalhado Esse é o tipo de
material que eu entrego para os meus clientes no final do projeto é um guia de identidade visual até porque a maioria dos meus clientes são pequenos agora vamos falar sobre manual de identidade visual Esse é um material bem mais parrudo a o conteúdo do manual ele é tudo que o guia tem mais outros itens e ele é super detalhado e super completo então ele vai ter ali especificações para diversos tipos de aplicações papelaria uniformes veículos e para quem que é esse tipo de material para grandes empresas corporações globais que tem muitas aplicações que tem que
ter uma padronização muito forte muito bem amarrada e então eu diria que o manual é isso né Ele é bem mais completo nesse vídeo eu vou abordar o guia da identidade visual você deve estar se perguntando pô que muro Mas por que que você escreveu manual de identidade visual no título bom por questões de seo é muito mais fácil alguém procurar pelo termo manual de identidade visual que é um termo muito mais genérico muito mais conhecido do que guia de identidade visual E aí ela vai cair nesse vídeo e vai ter essa explicação que eu
estou vos fazendo agora ah Marcelo Então por que o modelo de manual que você deixou pra gente baixar na descrição tá como manual e não guia se ele é um guia aí entra a questão de falar a língua do cliente os clientes que TM mais informação sobre o projeto de identidade visual eles estão esperando no final do projeto um manual Então escreva um manual ali na capa eu acho que quando a gente tá falando com o cliente a gente tem que falar a língua dele às vezes por exemplo você não considera que o termo logo
marca tá correto mas o cliente Fala logo marca e você tem que falar a língua dele Aliás o termo logo marca não tá errado e uma hora eu vou fazer um vídeo sobre isso nesse manual barra Guia por exemplo a na segunda página né Depois da capa você vai encontrar o índice E se a gente for ver na regra ABNT não é índice o nome do do desse desse dessa sessão seria Sumário mas eu não vou entregar esse esse esse manual para uma banca de e acadêmic Mas se você quiser mudar para sumário que seria
o correto você pode fazer essa mudança porque o arquivo Tá 100% editável no indesign tá no indesign Parem de usar Illustrator at gente ficar P Mura disponibiliza noos materiais no Illustrator meu ilustrator é para uma coisa quando você vai mexer com páginas muitos textos enfim é indesign não tem como fugir disso parem de ser osos tá porque o indesign não é um bicho de sete cabeça é muito simples de usar ele tem uma interface bem parecida com Illustrator então não sei porque muita gente tem essa objeção de aprender o indesign com alguns tutoriais aqui na
internet que a própria dob disponibiliza vocês vão conseguir aprender a mexer pelo menos no básico do software para editar suas propostas seus manuais apresentações Enfim tudo que vai P tudo que vai uma ampla Gama de textos e eu indicaria sim fazer no indesign sobre o modelo que eu tô deixando aqui embaixo para vocês baixarem além de uma versão editável vai também uma versão em PDF que é um guia que foi feito para um cliente real aqui do estúdio e eu decidi colocar esse arquivo para vocês terem uma ideia mais concreta de como ficaria um guia
finalizado Então vamos dar uma olhadinha nesse guia pra gente ver como é que é esse aqui é o manual da identidade visual da Francisca jorges que foi um projeto que a gente desenvolveu aqui no estúdio na verdade isso aqui tá mais para um guia do que para um manual mas eu utilizei a palavra manual aqui por motivos que eu já expliquei aqui nesse vídeo né então vamos lá o índice facilita bastante né para você ter acesso rápido aos itens as sessões e aqui ele é interativo ou seja se eu clicar em qualquer um desses itens
eu vou direto pra página ISO facilita bastante uso também aqui uma apresentação falando sobre o que objetivo do manual dando uma breve explicação inha o conceito do símbolo você percebe que Cada sessão tem uma capa eu gosto de fazer assim tá Acho que cada um faz de um jeito mas enfim aí explicando como que foi criado o símbolo o conceito as referências né não vou me prolongar tanto vocês vão ter acesso a esse material para vocês baixarem e ler com calma depois aí cores e texturas essa marca teve cinco cores uma cor principal constitucional e
quatro secundárias Ah e cada cor dessa tem cinco variações por que que esse tanto de cor você deve estar se perguntando porque esse projeto é destinado pra web é um e-commerce então precisa ter essa dinâmica precisaria de aplicações de tom sobre tom então a gente optou por fazer um projeto que fosse mais dinâmico que abrangesse mais possibilidades aqui as especificações técnicas das curses principais tanto para aplicação web quanto para aplicações impressas as variações das cores e aqui eu não preciso ter a especificação para impresso porque esse tipo de variação só vai ser usada no site
né então é só para web só preciso do código ah de cor para internet texturas que a gente pensou tanto no uso para impressos quanto para pattern elementos visuais então aqui a gente criou uma biblioteca de símbolos PR enfim manter a coerência na linguagem reforçar a identidade visual e assim é claro que vocês não precisam ter todos esses itens dentro do teu guia pode ser um guia muito mais simples aqui como precisava ser um projeto mais dinâmico a gente colocou vários elementos para ter diversas possibilidades pensa um e-commerce troca banner praticamente todos os dias se
você não no caso aqui né se a gente não criasse tantos elementos ia ficar uma coisa um tanto monótona e a marca tem esse essa Essência esse e essa pegada mais dinâmica tá ela é assim então a gente preferiu criar esse projeto com vários elementos aqui a gente criou até uma pequena biblioteca de símbolos aqui algumas aplicações então a combinação desses símbolos possibilita milhares de possibilidades e combinações e usos tipografia aqui também a gente escolheu eh quatro Fontes Você pode achar que é muito geralmente a gente não utiliza tudo isso em um projeto na maioria
das vezes é duas às vezes só uma Mas como eu já falei um projeto dinâmico precisa ser considerada as diversas aplicações tanto web quanto para impressos tem diversos tipos de materiais impressos inclusive eles Fazem tanto a caixinha quanto brindes bolsas então precisava ter essa linguagem né E claro separado para cada uso então títulos de campanhas uma fonte para apoio e campanhas também vocês vão ver o uso depois nos banners é outra fonte pro texto outra aí explicando sobre cada uma das fontes tá e o uso dela fotografia a gente criou também um padrão fotográfico a
gente criou um estilo de manipulação nessa imagem utilizando a cor da própria identidade visual e a gente enviou também um arquivo em PSD aberto para que eles pudessem editar essa foto ah ou qualquer outra foto sempre que necessário então eles poderia transformar qualquer foto desde que tivessem essas características de sombra e de iluminação para deixar com esse aspecto aqui que é um aspecto meio dourado então fica bem legal aqui a gente usou o do otone também que tem bastante a ver com com a marca a gente criou também esse padrão fotográfico pra fotografia na verdade
é um padrão meio que de layout assim ah que poderia ser utilizado em anúncios nos banners mesmo então tem essa esse tamanho grande meio que caindo assim porque eles não tinham um padrão fotográfico era tudo meio jogado então a gente decidiu criar também essa questão da fotografia para facilitar nas aplicações né no caso aqui de produto logotipo e aqui né Vocês já conhecem versões de assinaturas né vertical horizontal aí positivo e negativo usos incorretos redução área de proteção aplicação sobre Fundos aqui é uma área de proteção mas já aplicado a um box né então talvez
o título ali poderia est até aplicação em Box nessas caixas ali para proteger o logotipo caso ele seja aplicado sobre um determinado fundo que vai atrapalhar a leitura do da do logotipo tá e aqui a utilização dos arquivos né RGB semic negativo positivo para guiar o cliente também né não deixar ele enviar RGB para gráfico e nem utilizar RGB no site ou semic no site né RGB no site tá correto e aqui aplicações sugestões de uso Claro que são só sugestões o cliente não é obrigado a fazer nada disso mas caso ele precisa no presente
no futuro a gente tem alguns usos aqui para aplicações e claro que a a fidelidade dessas aplicações vai depender dos fornecedores Então a gente tem os banners que a gente criou né e e eh possibilidades são que você vê fotografia como é trabalhada nos banners também banners com fotos banner com com a caixinha fotografia produto é um submarcas para campanhas que a gente colocou tudo junto tá Ah uma coisa interessante que eu acabei esquecendo de falar aqui é que esse manual esse guia no caso eu fiz na proporção de uma A4 hoje em dia eu
faço na proporção de uma eh do Full HD né 1920 por 1080 para encaixar na tela do cliente ã Mas é uma coisa que você pode adaptar pra tua realidade Aí você fica à vontade da forma como você desejar trabalhar tá aqui a caixinha tem algumas possibilidades paraa caixinha fizemos caixinhas para campanhas especiais porque eles têm muito disso né às vezes fazem uma campanha especial e uma um lote de caixinhas apenas para esta campanha e aqui já fazendo uma uma imagem meio que natalina né aqui utilizou basicamente mups porque as aplicações não estavam prontas né
quando a gente entregou o manual as caixinhas não estavam prontas e aqui mais possibilidades também de repente um uma edição especial uma edição limitada e brinde sacolas como que dá para ser aplicado também com uma fotografia ali como Máscara né a aplicação como textura uma camiseta aqui já ent os padrões fotográficos aqui já é uma coisa mais conceitual para ser trabalhada de repente numas campanha né então tem diversas possibilidades aqui do projeto para aplicações a gente sempre tenta mostrar o potencial do projeto nessas aplicações Como eu disse nem sempre o cliente vai fazer tudo mas
a gente tem que obviamente mostrar o potencial que esse projeto tem né bacana esse projeto que foi feito em parceria com o Walter Matos Acabei esquecendo de falar também um designer Parceiro aqui do estúdio e foi de assim a colaboração dele foi essencial bom então é isso Vocês acabaram de ver aí o manual da Francisca eu acredito que tenha ajudado vocês a é entenderem melhor os itens Mas claro que vocês vão ter acesso ao a esse manual para vocês baixarem e lerem com calma para entender melhor cada item desse aqui e com prometido tá aqui
a minha dica de livro O nome é manual da identidade visual guia para construção de manuais é um livro que é muito fácil de achar muito fácil de ler porque ele é curtinho é um livro bem prático e relativamente barato mas eu tenho certeza que vai te ajudar aí a construir manuais para os seus projetos de identidade visual se esse vídeo te ajudou não esquece de deixar um like ativa o Sininho para você sempre receber notificações né clica no sininho que tá aqui embaixo algum lugar desse vídeo aqui para você sempre receber uma notificação quando
eu eh subir um vídeo novo aqui no YouTube tá para você ficar sempre por dentro das novidades a outra coisa eh se você acha que esse material aqui é importante para alguma amigo seu meu compartilhe com ele tá clica no botão compartilhar aqui embaixo pega o link manda no Zap dos grupos ali para realmente ajudar a galera e e me segue lá no Instagram lá tem bastante conteúdo sobre design também ah compartilho muita coisa ali nos posts nos Stories enfim dá uma olhada lá é @marcelo Murad design mas então é isso eu vou ficando por
aqui Um grande abraço até mais fui i
Copyright © 2024. Made with ♥ in London by YTScribe.com