Logotipo Responsivo [Curso de Identidade Visual - Aula 16]

em [Música] [Aplausos] 73 desde aqui do Shopping já em gravar mais vídeo para você do curso de identidade visual esse curso nós temos que você quiser estudar mais e se aprofundar mais aprender mais nós vamos deixar o link aqui para você participar do curso fechado eu não sei que o momento que você tá vendo esse vídeo mas talvez já tenha lançado ou não se já tiver lançado vai ter um nem se não tiver tem um link dos outros cursos com fundamentos do Design que é essencial para você tirar marcas também esse você tá vendo já

na área de membros muito obrigado por estar aqui você tá vendo sem anúncios e também está vendo com uma área de membros se deixar o comentário a gente ter contato mais direto né além de todos os outras aulas e vamos que você tá tendo aqui Tá bom vamos falar nessa aula aqui sobre marca ou louco responsivo você já ouviu falar sobre Ester você já já já viu alguma coisa sobre isso vamos conversar um pouquinho sobre esse tema porque é tem muita coisa da internet isso isso não vamos lá e eu até tava pensando em criar

um slide aqui mas depois eu vi tanta imagem eu falei pô eu não sei qual que vai ser a referência certa tal então deixa eu pegar logo da internet mesmo né aqui do Google imagens e quando você digita a marca é possível logo responsivo aparece isso daqui ó esses artigos na maioria de sites de publicitários falando sobre esse novo termo logo criar logo responsivo você já sabe o que é isso Você já ouviu falar sobre isso e etc como se fosse algo totalmente novo no design gráfico como se fosse uma tendência enfim pesar que esses

artigos já nem são tão novos assim né mas Vira e Mexe Teve alguma coisa alguém falando da Globo responsivo marca responsiva e na verdade isso nada mais é do que o estudo da aplicação da marca tamanho diminuto a diminuição da marca a simplificação para que ela atue e em tamanhos menores o que já Acontece muito já acontece há muitos anos atrás se você ver um pouquinho da história do design gráfico o trabalho de designer gráfico tipo de Alexandre wollner lembro você já vai ver o estudo um planejamento para que a marque para que a marca

na verdade é se a DECO e a tamanhos menores mas aí Da onde surgiu esse tendão e saiu responsivo marca responsiva logo responsável saiu daqui ó e do termo Web Design responsivo lá em 2010 um desenvolvedor é que o Itaú e tomar cote vocês fala assim o mascote não sei como que é o último nome dela aqui ele um um artigo sobre responsive web design para o Blog Allianz Parque lá em 2010 Nesse artigo ele já tava falando já estava prevendo que nós temos hoje em dia que é a utilização de interfaces em dispositivos diferentes

de tamanhos diferentes e que o design dessas páginas E fala Tem fonte de sites né que era o foco na época eles precisam se adaptar a essas resoluções mantendo uma boa experiência uma boa performance e sendo realmente a solução ideal para essas adaptações e não aquelas outras adaptações que nós tinha tipo de você criar uma versão exclusiva para celular Então o quê o pessoal da internet Freire e lembrar que eu não tô julgando ninguém contou falando aqui que a não pode dizer-se tênis pode utilizar tá mas você tem que entender o porquê E como que

as coisas funcionam tá o pessoal da internet viu que esse termo ficou famoso e cada vez mais pessoas falando sai responsivos a responder hoje em dia ainda se fala muito sobre da responsivo eles pegaram e falaram Vão colocar esse daqui para marca Vamos colocar essa daqui com seus morros termo para marca E aí criar alguns artigos falando olha a marca responsiva logo responsável Veja essa novidade Você já viu sobre isso sua marca tem que ser responsiva e etc como se fosse algo novo tal e até hoje hoje em dia Você ainda vê alguém falando sobre

isso e você precisa saber que nada mais é que um termo mas marqueteiro de se falar sobre diminuição de marca inclusive Sem estudo técnico a maioria desses artigos desses desses posto se vê na internet sobre isso não explicam Tecnicamente ali porque para que eu faça bom então o que que seria ser segundo esse lobo responsivo toda a marca o praticamente toda a marca ela vai precisar se adequar a diferentes tipos de mídias diferentes tipos de suporte onde ela será aplicada Então onde você vai aplicar uma marca no por exemplo uma parede você tem um espaço

grande ali naquela parede tá um aparelho branco imaginou aparecer lá três quatro você vai se tem um espaço grande você pode desenhar marca em tamanho gigante agora quando você vai aplicar essa marca numa caneta ela vai ficar pequena né ela vai ficar bem pequena e nesse sentido nesse cenário você tem que pensar como vai ser a leitura dessa marca porque e se você diminuir muito uma marca ela vai ficar elegível Então você tem que fazer o estudo para ver até que ponto ela pode ser diminuída e quais elementos você pode retirar para simplificar aquela marca

para aquela caiba naquele tamanho diminuto mantendo a identificação da marca mantendo a legibilidade tá com sua bateu o olho saber do que se trata é sobre isso que falaram marca responsiva só que isso já existe há muito tempo design gráfico estudo de identidade visual como eu falei ao longo da história se pode ver qualquer livro muito antes de 2010 já vai falar sobre aplicação sobre o pensamento de você planejar a marca e tamanhos diminutos E aí o que eu quero te dizer é que não existe uma regra específica para você diminuir a marca você não

desses exemplos aqui que até a ciência mas eles não são absolutos não quer dizer que a sua marca deve seguir esses exemplos aqui sei lá da coca-cola da Nike enfim né E também não quer dizer que a Nike por exemplo utiliza a só o símbolo dela aqui em tamanhos diminutos ela pode utilizar também tamanhos maiores beleza é a questão de como você pode trabalhar a marca em tamanho menor basicamente é isso E aí como que você chega nesse tamanho quando está desenvolvendo uma marca você faz testes para você encontrar esse tamanho menor você vai fazer

testes Quando você encontrar esse tamanho menor aí você vai especificar se você fizer um manual de marca você vai explicar nesse manual de marca você vai colocar lá a marca não tamanho menor ela não vai funcionar por exemplo com o texto é porque isso vai ficar ilegível então se você ou a pessoa que tá lendo aquele documento você coloca estiver utilizando a máquina o tamanho menor por favor vai lá e utiliza apenas o símbolo porque o texto vai ficar legível vai criar um ruído ou não vai conseguir vai ficar um borrão na verdade EA simplificação

da marca vai manter a identidade a coerência e as pessoas ainda vão continuar em ainda vão conseguir identificar marca ativamente né ainda vai ser uma marca mesmo agora Como que você faz as espécies eu vou abrir aqui o Illustrator para te mostrar então eu tô com a marca aqui do ti se por exemplo esse daqui até versão antiga né a gente não tinha atualizado ainda alguns pontos e depois você compara aí mesmo eu Acesse o site aí do ti se né e dá uma olhada ver aqui a Como que tá a nossa marca hoje em

dia ela tem alguns algumas pequenas diferenças Deus encontrar você depois comenta aí se eu pegar essa marca aqui e vai recortar ela como que você pode fazer esse teste simples você vem aqui no Illustrator por exemplo se cria um novo documento pode tirar um a quatro mesmo não tem problema você cria um A4 você vai jogar marca e vai diminuir ela manter na proporção e vai diminuir até onde você acha que tá visível tá vendo aqui ó eu acho que já começa a perder o sentido aqui né não não consigo mais lettify eu tive eu

consigo ver mais logo design ficou pequeno mas você não pensa comprovação 100% aqui no software que que você vai fazer você vai imprimir essa folha pode imprimir em uma impressora comum mesmo não tem problema você imprimir e verifica se está legível ou não se tiver legível beleza aí você diminuir mais ainda não quando chegar vamos ficar sem legibilidade aí você vai saber até que ponto realmente é aquela marca tá funcionando e aí dentro dessas variações eu copiar aqui de novo e dentro dessa dessas variações você pode determinar por exemplo até que ponto a marca vai

funcionar apenas um símbolo até que ponto a marca vai funcionar com o símbolo e o texto até que ponto é você vai simplificar a marca vai vai poder tirar elementos o Quais elementos Você pode tirar para que ela funciona no tamanho menor e que ainda assim mantenha uma identificação de imediato com a sua marca Tá bom então é teste para você decidir isso para você saber sobre isso é teste faça esse teste aí coloca numa folha A4 mesmo diminui imprimir tipo diminui assim Aí você pega diminuir em outros tamanhos vai aumentando aqui ó testando de

pavão imprimir nesse tamanho aqui vou imprimir um pouquinho nesse tamanho e aí você vai comparando com se você já vai ter um teste muito bom para saber sobre diminuição de marca que chegou no resultado você vai pegar essa marca vai medir aqui vai ver quanto centímetros ela tem o milímetros pontos aqui tá com ponto Ó mas você pode alterar sugiro que você altere para milímetros aqui a é a propriedade aqui de pontos essa deste milímetros e aí você vai vai ter a noção a essa marca funciona em até tantos milímetros ou até trinta centímetros o

outro teste que você pode fazer também é o teste para aplicativo na verdade não aplicativo necessariamente né mas o aqueles ícones de aplicativos sábado então aqui ó por exemplo vou deixar em Pixel que vai ser mais fácil e você coloca o tamanho 32 por 32 in e coloca que eu tamanho 32 por 32 Oi e aí você e joga a marca aqui Oi e um caixa ela nesse nesse frame aqui né nesse quadrado 32 x 32 com isso você vai identificar essa marca realmente está legível no tamanho como você é um ícone aí de um

um aplicativo pode me para 16 por 16 também mas eu acho que 3232 já tá bom aí você me pergunta Tá mas aqui tá com Tá mesmo streitor né então por isso que eu tô vendo não tá mais bom só você exportar 6 portas reportar como aqui vocês porta pão PNG e por exemplo e deixa eu exportar aqui numa pasta olha vai pedir 72 DP aí você mantém e depois você abre essa marca eu abri aqui ó no Windows Olha só como ficou aí você já percebe que não tamanho 32 por 32 o texto fica

prejudicado ali Então nesse cenário o melhor seria utilizar somente o morro na verdade somente o símbolo né então eu tirar isso daqui e colocaria aqui o a marca do chip que eu segurar aqui para me proporcionar Então você expande tudo que centraliza e exporta de novo Faz o teste ver como fica vamos ver daqui de novo ou exportar com outro nome aqui na verdade exportar com o nome 03 aqui agora eu abri o lobo aqui nos dois tamanhos deixa eu colocar e Aqui nós temos do tamanho menor que eu ver esse daqui ó na verdade

os dois tamanhos Neves ou melhor mais um contexto e outros em texto e percebe que o sem texto fica melhor a identificação da marca fica melhor então quando você for passar para o cliente for colocar o documento você vai falar olha a marca ela a partir do tamanho 32 pixels a partir de tal tamanho de centímetros de milímetros vai ser utilizada somente com o símbolo a não tamanhos maiores pode usar ela completa e tamanhos menores você retira o texto é assim que funciona e assim vocês tem o teste por digital Então você sabe até que

tamanho a marca funciona não tamanho diminuto 62/72 queria mais do aumento do tamanho de um microfone aqui do celular até mesmo o ícone ali do navegador objetos e na Favorito Sabe aquele símbolo ficar ali do lado ali do endereço na barra do navegador e você vai ter a noção de como e você pode diminuir tanto no digital Então você vai ter um número em Pixel quanto no gráfico impresso que aí você vai utilizar milímetros Esse é um estudo que você faz é é testes que você aplica para chegar nesses números nesses valores e também chegar

nesse entendimento de até que ponto você pode simplificar a marca retirando Element mas mantendo mas mantendo a identificação mesmo com a retirada desses elementos para Que ela possa ser aplicada em tamanhos diminutos Então é isso espero que tenha ficado entendido você tenha gostado da aula tenha sido hoje para você se você tá vendo aqui no YouTube Deixa o like que isso ajuda demais inscreva no canal ativa o Sininho para você saber sobre as novas aulas segue a gente no Instagram e tem um blog tipo óptico tipo design.com.br muito conteúdo para você e para estudar galucho

sempre um forte abraço e até mais fui