Prévia do material em texto
Manual de Identidade Visual Apresentação O MIV é o manual de identidade visual de uma marca. Ele busca auxiliar no correto uso da marca, mantendo um padrão em suas aplicações e facilitando o reconhecimento da identidade visual pelo seu público alvo. Este manual possui informa- ções sobre a construção e desenho do logotipo e sinal gráfico, cores corretas, tipografias apropriadas e demais diretrizes de uso que servirão para preservar a identidade visual do Programa de Pós- Graduação em Enducação. Sumário A Marca Linguagem Diretrizes Aplicações Exercícios de Linguagem O PPGEd Conceito Desenho da Marca 05 07 08 10 11 13 16 36 37 38 39 40 20 21 23 25 26 28 28 29 30 31 32 33 Versões Acromáticas Retícula de Preto Malha Construtiva Área de Proteção Reduções Máximas Assinaturas Cores Tipografia Grafismos e Padronagens Fundos Coloridos Claros Saturados Escuros Fundos Fotográficos Marcas Parceiras Usos Indevidos 1 3 2 4 NotebookCanetasCoposCamiseta Calendário 5 1 Marca Manual de Identidade Visual Programa de Pós-Graduação em Educação A Marca 5 O Programa de Pós-Graduação em Educação (PPGEd), do Centro de Educação, é o Programa mais antigo da Universidade Federal do Rio Grande do Norte (UFRN). Ao longo desses anos, tem formado pesquisadores em educação, professores para o ensino superior e para a educação básica, que atuam em diferentes organizações sociais e educacionais, não só no Rio Grande do Norte, mas, em especial, nas Regiões Norte e Nordeste do país. Nesse período, produziu 854 trabalhos, sendo 519 dissertações e 336 teses, atendendo à demanda não só do RN, mas, de todo o país, em especial, das Regiões Norte e Nordeste. Forma mestres (24 meses) e doutores (36 meses) para os sistemas público e privado de ensino, entre outras Instituições. A pesquisa representa o eixo formativo privilegiado exigindo dedicação, disponibilidade e envolvimento integral do pós-graduando nas atividades acadêmicas. A proposta curricular está pautada nos estudos desenvolvidos nas Linhas de Pesquisa, nas quais se organizam as atividades acadêmicas, em função dos projetos dos docentes que definem a relação de pertinência com os projetos dos discentes. O PPGEd Manual de Identidade Visual Programa de Pós-Graduação em Educação A Marca 6 O PPGEd O programa de Pós-Graduação em Educação tem como “finalidade formar profissionais de alto nível acadêmico e científico para atuarem na educação básica e superior, fomentar estudos, pesquisas e a produção do conheci- mento na área da educação, visando contribuir para o desenvolvimento cultural, educacional e socioeconômico local, regional, nacional e internacional”. Esse propósito se desdobra nos seguintes objetivos: Estudos e pesquisas sobre a educação, nas suas mais distintas formas, dimensões e orientações teórico-metodológicas, preservada a organicidade da estrutura curricular estabe- lecida entre a área de concentração, linhas e projetos de pesquisa; Política de cooperação internacional, fortalecendo os intercâmbios entre docentes e discentes do Programa e abrindo novos espaços de colaboração, buscando a excelência da pós-graduação; Cursos de pós-graduação lato e stricto sensu, voltados para a formação científica de pesqui- sadores e docentes em Educação, titulando pesquisadores em níveis de especialização, mestrado e doutorado; Políticas de integração e de solidariedade com outros programas de pós-graduação com vistas ao desenvolvimento da pesquisa e da pós-graduação no estado e no país; Com o desenvolvimento da graduação por meio da qualificação pós-graduada dos seus docentes, bem como de iniciativas acadêmicas que envolvam os alunos da graduação. Relações de cooperação com os órgãos que desenvolvem a educação básica, contribuindo para a melhoria das políticas e ações educati- vas, consolidando a inserção sócio educacional do programa; Estágios de pós-doutoramento para profis- sionais da área da educação, tendo em vista a atualização e a consolidação de grupos de pesquisa e do corpo docente das universidades e instituições de pesquisa; Promover Oferecer Desenvolver Contribuir Estabelecer Manual de Identidade Visual Programa de Pós-Graduação em Educação A Marca 7 A marca do PPGEd visa transmitir conceitos a respeito da diversidade temática do progra- ma em suas diversas áreas da pesquisa e do ensino. O logotipo foi desenvolvido tendo como foco as singlas que dizem respeito a educação, transformando o “ED” na representação sutil de um livro aberto. O traçado incompleto de suas letras demonstram a formação contínua do aprendizado e o desenvolvimento ininterrupto da formação do conhecimento. Conceito Manual de Identidade Visual Programa de Pós-Graduação em Educação A Marca 8 Logotipo Nome por extenso A marca é o elemento central de uma identidade visual. Quando bem utilizada, torna-se o item primário para o reconhecimento de qualquer produto no menor tempo de leitura e espaço. A assinatura principal consiste no logotipo da sigla + nome por extenso. Prioritariamente, ela deve ser aplicada nas cores institucionais sobre fundo branco, respeitando sempre as proporções e os alinhamentos entre todos os elementos que constituem a marca. Desenho da Marca 2 Linguagem Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 10 Para garantir a integridade da marca e sua versatilidade de aplicação, foram criadas três configurações possíveis da marca: Vertical, horizontal e logotipo isolado. A assinatura vertical é prioritária, sendo a assinatura principal da marca e que deve ter predominância nas aplicações. A utilização da assinatura horizontal deve ser aplicada em contextos em que a assinatura vertical não possa ser utilizada, respeitando sua redução máxima para preservar a legibili- dade da marca. O logotipo isolado é permitido em algumas peças gráficas, principalmente quando houver necessidade de uma redução ainda menor da marca em que suas assinaturas com texto não possam ser utilizadas. Vertical Horizontal Logotipo Isolado Assinaturas Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 11 As cores possuem grande importância na iden- tificação visual de uma marca e sua utilização de forma estratégica otimiza o reconhecimento por parte do público. O PPGEd possui duas cores principais, que devem ser utilizadas em todos os veículos de comunicação preferencialmente. A relação ao lado apresenta as especificações técnicas das principais escalas para impressão e reprodução digital: CMYK, RGB, Hexacromia e Pantone. Hexacromia #74296E Hexacromia #737DB4 Pantone 255 C Pantone 2115 C C 65% M 100% Y 30% K 5% C 60% M 50% Y 5% K 0% R 116 G 41 B 110 R 115 G 126 B 180 Lilás Educação Azul Ensino Cores Institucionais | Principais Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 12 Para construir e complementar a identidade visual do PPGEd, foi definida uma paleta secundária que será utilizada em diferentes projetos gráficos. Hexadecimal #B0A2CF Pantone 2099 C C 30% M 35% Y 0% K 0% R 176 G 162 B 207 Lilás Sabedoria Cores Institucionais | Secundárias Hexacromia #E6BB45 Pantone 2006 C C 10% M 25% Y 85% K 0% R 230 G 187 B 69 Amarelo Inspiração Hexacromia #829FC9 Pantone 645 C C 50% M 30% Y 5% K 0% R 130 G 159 B 201 Azul Responsabilidade Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 13 A sigla PPGEd foi projetada a partir da fonte Audiowide criada por Astigmatic, em seu peso regular, enquanto seu nome por extenso (Programa de Pós-Graduação em Educação), foi desenvolvido a partir da fonte Barlow criada por Jeremy Tribby, em seu peso SemiBold. Tendo em vista a variedade de aplicações da marca PPGEd, foram então definidas famílias tipográficas com uma ampla variação de fontes, todas elas licenciadas sob a Open Font License e disponíveisno site Google Fonts (https://fonts. google.com/). Por se tratar da fonte institu- cional, indica-se a Barlow e suas variações de peso para títulos e chamadas, postagens e uso display de forma geral. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = Regular Medium SemiBold Bold ExtraBold Barlow Tipografia Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 14 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0 1 2 3 4 5 6 7 8 9 ! ? @ # $ % . , ; : / [ ( + - = Thin Medium Light Bold Regular Black Roboto Para uso geral e textos maiores indica-se a fonte Roboto, projetada por Christian Robertson, e suas variações de peso (Thin, Light, Regular, Medium, Bold e Black) e as versões itálicas. Por se tratar de uma fonte sem serifa com um desenho coeso e boa leiturabilidade. Tipografia Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 15 Título Subtítulo Frases curtas de destaque Textos longos - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam congue gravida sem at efficitur. Donec at bibendum quam. Suspendisse molestie commodo mi, eget scelerisque arcu volutpat a. Fusce condimentum, ligula vitae consectetur mollis, ligula felis sodales mauris, non porttitor nisl ipsum sed ligula. Aenean nisl felis, semper et dignissim non, pharetra et ipsum. Nullam mollis volutpat nisi sagittis semper. Curabitur at tincidunt libero. Phasellus ipsum enim, ultrices sit amet ullamcorper eu, fringilla ut tortor. In at tellus vitae arcu lacinia consequat. Praesent eget euismod metus. Maecenas blandit, odio elementum eleifend porttitor, nulla sem tempus tellus, vitae ullamcorper tellus velit ac metus. Nam congue gravida sem at efficitur. Barlow Bold Barlow SemiBold Barlow Medium Roboto Regular Tipografia Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 16 Para uma maior versatilidade de aplicação foram desenvolvidos grafismos e padronagens que serão utilizados em diversas aplicações da marca, reforçando assim sua identidade visual. Cada grafismo e padronagem segue regras de aplicação, bem como a paleta de cores da marca presente neste manual. Quando colorido recomenda-se o uso dos grafismos e padronagens em cores sólidas (opacidade 100%), porém quando usado em suas versões negativas (brancas) pode-se optar pelo uso da opacidade de até 10% de acordo com a necessidade de aplicação, respeitando a legibilidade e contraste de suas formas e cores. Grafismos e Padronagens Este grafismo usa parte da sigla do PPGEd como uma forma de explorar a pregnância de sua forma, assim ele deve ser usado em grandes espaços e áreas homogêneas ou monocromáticas. Seu uso deve ser prioritariamente nas cor Azul Ensino ou em sua versão negativa (branca), sem opacidade. Sua aplicação deve ser individual e não sendo per- mitida sua aplicação sob textos ou imagens. Este grafismo usa da forma das letras “ED” para representar o livro aberto. Sua aplicação deve ser prioritariamente em cores sólidas e pode ser usado tanto em conjunto quanto individualmente para preencher grandes espaços ou de forma ilustrativa em menor escala. Por possuir uma grande área homogênea, pode ser usado para aplicação de textos ou imagens. Grafismo 1 Grafismo 2 Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 17 Remetendo novamente a forma do livro, este grafismo traz a representação da sigla de forma mais leve. Sua aplicação pode ser tanto em cores sólidas quanto opacas, sempre respeitando as diretrizes dispostas neste manual. Sua aplicação é abrangente e pode ser utilizada tanto para ilustrar pequenos espaços, quanto para áreas de maior proporção. Este grafismo deve ser utilizado em grandes espaços, não possuindo uma exigência de posicionamento, mas sempre evitando sua aglomeração em pontos que possam prejudicar leiturabilidade e legibilidade gráfica (como demonstrado neste manual). Pode ser aplicado mais de uma vez no mesmo espaço, desde que mantenha uma coerência visual harmoniosa. Suas versões em cores sólidas não devem ser aplicadas sob textos ou imagens, já que podem prejudicar na sua visualização. Grafismo 3 Grafismo 4 Grafismos e Padronagens Manual de Identidade Visual Programa de Pós-Graduação em Educação Linguagem 18 As padronagens apresentadas foram elaboradas a partir da construção do sinal gráfi co da marca, estas que podem ser utilizadas em grandes áreas de preenchimento, reforçando assim as formas do PPGEd. Devem ser aplicados prioritariamente em suas versões de cores sólidas, sendo suas aplicações com opacidades restritas as diretrizes já estabelecidas. Não é permitida sua aplicação direta sob textos ou sobre imagens. Padronagens Grafi smos e Padronagens 3 Diretrizes Manual de Identidade Visual Programa de Pós-Graduação em Educação Diretrizes 20 A marca possui versões acromáticas para aplicações em que não seja possível a utilização das cores na sua integridade. Nessas situações, a marca deve ser aplicada preferencialmente nas versões preta e branca. Nas páginas seguintes, serão exemplificadas as aplicações em retícula de preto e sobre fundos coloridos, serão apresentados exemplos dessas utilizações. K 100% Versão Negativa (Branca)Versão Positiva (Preta) Versões Acromáticas Manual de Identidade Visual Programa de Pós-Graduação em Educação Diretrizes 21 Quando houver restrições de uso para impressão em retícula de preto, a marca deve ser aplicada sobre fundo branco com as configurações de porcentagem de preto de 95% e 55%. K 95% K 55% Hexacromia #323132 Hexacromia #727272 C 0% M 0% Y 0% K 95% C 0% M 0% Y 0% K 55% Preto Cinza Retículas de Preto Manual de Identidade Visual Programa de Pós-Graduação em Educação Diretrizes 22 K 100% K 50% K 60% K 10% K 90% K 40% K 80% K 30% K 70% K 20% Retículas de Preto Sobre fundos em totalidades de cinza, deve-se optar por uma versão monocromática, de acordo com a tabela de legibilidade como apresentada abaixo. Manual de Identidade Visual Programa de Pós-Graduação em Educação Diretrizes 23 A construção do lototipo e disposição dos elementos que compõem a marca, respeitam uma modulação e sua organização em grade (malha). O desenho da marca é constituído a partir das relações entre seus elementos, as distâncias e os alinhamentos estabelecidos. Os diagramas apresentados neste manual possibilitam a visualização da construção da marca por meio de linhas guias e a disposição de seus elementos gráfi cos, assim como seus distanciamentos na malha de construção demonstrado nas páginas seguintes. Malha Construtiva Manual de Identidade Visual Programa de Pós-Graduação em Educação Diretrizes 24 49,5 x 38 x 16,5 x 3,5 x 2,5 x 49,5 x 13 x 38 x 12 x 0,5 x 0,5 x 3,5 x 16,5 x 20 x Malha Construtiva 1 x O grid foi determinado por módulo quadrado equivalente à espessura da haste verticalda letra “P” da sigla PPGEd, como indica a imagem ao abaixo. Manual de Identidade Visual Programa de Pós-Graduação em Educação Diretrizes 25 A área de proteção tem como objetivo preservar a integridade e legibilidade da marca PPGEd. Essa área evita a interferência visual de elementos externos, que podem prejudicar a sua identifi cação e legibilidade. Desta maneira, nenhum outro elemento gráfi co ou texto pode invadir a área de proteção da marca. Essa área é determinada, em todas as suas assinaturas, pela altura equivalente a letra “D” do nome PPGEd. Como mencionado este limite deve ser respeitado nos quatro lados do logotipo e em suas diferentes assinaturas. Área de Proteção Manual de Identidade Visual Programa de Pós-Graduação em Educação Diretrizes 26 Visando a garantia da legibilidade, leiturabilidade e integridade da marca, foram estabelecidas reduções máximas para suas assinaturas em meios digitais e impressos. Todas as reduções do logotipo devem respeitar tanto os limites aqui apresentados, como também as proporções do logotipo, em todas as suas assinaturas. Digital Impressa 30 px 11 mm 17 px 6 mm 7 px 2,5 mm Redução Máxima 4 Aplicações Manual de Identidade Visual Programa de Pós-Graduação em Educação Aplicações 28 Para permitir uma maior flexibilidade na aplica- ção da marca, é possível aplicá-la com as cores principais sobre fundos homogêneos e claros até uma porcentagem equivalente a 20% da saturação total da cor. Quando for possível a aplicação da versão cromática da marca, esta deve ser priorizada. Versão Cromática Versão Acromática Fundo amarelo 20% Fundo amarelo 20% Fundo ciano 20% Fundo ciano 20% Fundo verde 20% Fundo verde 20% Fundo magenta 20% Fundo magenta 20% Fundos Coloridos | Claros Manual de Identidade Visual Programa de Pós-Graduação em Educação Aplicações 29 Para aplicação em fundos saturados, deve-se optar preferencialmente pelo uso das versões acromáticas da marca, em espaciel sua versão negativa (branca), sempre considerando contraste e legibilidade em sua utilização. Versão Cromática Versão Acromática Fundo amarelo 100% Fundo amarelo 100% Fundo ciano 100% Fundo ciano 100% Fundo verde 100% Fundo verde 100% Fundo magenta 100% Fundo magenta 100% Fundos Coloridos | Saturados Manual de Identidade Visual Programa de Pós-Graduação em Educação Aplicações 30 Para aplicações em fundos escuros, deve-se optar pela versão acromática negativa da marca (branca), respeitando critérios de contraste e legibilidade. Assim, não sendo permitida a apli- cação de sua versão cromática nesse contexto. Versão Cromática Versão Acromática Fundo amarelo 100% + preto 50% Fundo amarelo 100% + preto 50% Fundo ciano 100% + preto 50% Fundo ciano 100% + preto 50% Fundo verde 100% + preto 50% Fundo verde 100% + preto 50% Fundo magenta 100% + preto 50% Fundo magenta 100% + preto 50% Fundos Coloridos | Escuros Manual de Identidade Visual Programa de Pós-Graduação em Educação Aplicações 31 É permitida a aplicação sobre fundos fotográ- ficos, desde que a visualização da marca não seja prejudicada. Sobre imagens de fundo conturbados (com muitas informações e cores), recomenda-se o uso de um selo branco sob a marca para não prejudicar sua legibilidade. A marca deve ser aplicada sobre a imagem em uma área de cor homogênea e que possibilite contraste. Não é permitida sua aplicação em áreas centrais das imagens e deve-se respeitar sua área de proteção, bem como suas diretrizes de aplicação sobre fundos coloridos (claros, saturados e escuros). Fundos Fotográficos Manual de Identidade Visual Programa de Pós-Graduação em Educação Aplicações 32 Sabendo da necessidade de aplicação da marca PPGEd em conjunto com outras, é preciso con- siderar não apenas a área de proteção definida neste manual, mas também uma zona segura que preserve as áreas de proteção de outras marcas parceiras. Dessa forma um distanciamento padrão foi pensado baseado no módulo de distânciamento “A” apresentado ao lado. Este distanciamento deve ser mantido em cada lado das marcas aplicadas em conjunto com o PPGEd, preservan- do assim sua integridade visual e a harmonia de composição entre as mesmas. A A A A Distância “A” Marcas Parceiras Manual de Identidade Visual Programa de Pós-Graduação em Educação Aplicações 33 Quaisquer aplicações que não respeitem as regras estabelecidas neste guia, como altera- ções de proporções, das cores ou tipografi a, reduções menores do que as recomendadas e desrespeito à área de proteção da marca não são permitidas. Alguns exemplos são apresentados a seguir sobre aplicações indevidas da marca PPGEd. Não inverter as cores da marca Não utilizar contorno Não alterar as cores principais Não utilizar outline Não distorcer a marca Não utilizar gradiente Não rotacionar Não alterar a tipografi a Não adicionar sombreamento Programa de Pós-Graduação em Educação Usos Indevidos Manual de Identidade Visual Programa de Pós-Graduação em Educação Aplicações 34 Não adicionar elementos Respeitar o distanciamento estabelecido entre marcas Não alterar disposição dos elementos Não aplicar cor na versão acromática Não aplicar a marca cromática diretamente sobre fundos multicoloridos ou heterogênios Usos Indevidos 5 Exercícios de Linguagem Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 36 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 36 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 36 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 37 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 37 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 37 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 38 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 38 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 39 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 39 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 39 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 40 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 40 Manual de Identidade Visual Programa de Pós-Graduação em Educação Exercícios de Linguagem 40 Design e Criação ERIADNE TEIXEIRA DO NASCIMENTO Estudante do curso de Design na Universidade Federal do Rio Grande do Norte, Bolsista no Centro de Educação (CE) (84) 98789 6581 eritn89@gmail.com Rio Grande do Norte Natal, Maio de 2021