Upload
selo-editorial-prolinfo
View
249
Download
1
Embed Size (px)
DESCRIPTION
O manual de identidade visual do PROLINFO apresenta em etapas a simbologia por trás da nova identidade visual do programa de línguas e informática da UPE.
Citation preview
Manual deIdentidadeVisual
Ideias que serãotraduzidas
Os símbolos utilizados na construção do Logo se referem às áreas de conhecimentotrabalhadas no PROLINFO (línguas e informática) e à organicidade:Característica principal do Programa.
Simbologia
CONCEITO DO DESIGN
LÍNGUASO objetivo é converter “línguas” para o formato gráfico, utilizando balões detexto, que possuem a função de ilustrar uma comunicação falada.
INFORMÁTICAFugindo dos comuns mouses, teclados e monitores, os circuitos impressosestabelecem uma relação mais global com a informática, que atualmente seestende para muito além dos convencionais desktops.
ORGANICIDADEÉ como tudo funciona e como a equipe realiza as atividades. Para sintetizar asistemática do Programa, realizamos uma analogia com uma árvore, onde édescrita a semente, as raízes, a estrutura, a abrangência e os frutos do PROLINFO.
MANUAL DE IDENTIDADE VISUAL
Determinarão oselementos visuais
São três palavras que condensam os valores, ideais e metas do PROLINFO. Foram conseguidascomo resultado de um estudo sobre a história, a sistemática e, principalmente, sobre aspessoas que compõem o Programa.
Palavras chave
CONCEITO DO DESIGN
PROATIVIDADEO círculo é o elemento visual encarregado de representar a abrangênciado Programa e a união dos profissionais na execução das atividades. Alémdo círculo inteiro, sua utiliação extende-se às frações de até 1/4.
LINEARIDADEApenas linhas horizontais e verticais, para ilustrar a estabilidade e o constantecrescimento do PROLINFO, além da determinação da nossa equipe.
FORMALIDADEO “vermelho e azul” é a herança cromática da UPE, que transpassa seriedadee respeito e em conjunto com o alto contraste do “preto e branco”, dãoclareza às informações, facilitando a leitura e a interpretação.
MANUAL DE IDENTIDADE VISUAL
Aplicação doselementos visuais
O símbolo da Marca PROLINFO é regrado pela medida “X”, que correspondeà espessura da linha que compõe o desenho. A partir desta medida, todas as outrasseguem proporcionalmente, criando um Logo visualmente equilibrado, proporcional,de fácil memorização e reconstrução.
O Logo
COMPOSIÇÃO DO LOGOTIPO
MANUAL DE IDENTIDADE VISUAL
x
40x
40x
3xΦ
2xΦ
38xΦ
18xΦ
12xΦ
Aplicação doselementos visuais
Assim como o símbolo, a tipografia segue, além da medida “X”, a orientaçãodos elementos visuais (círculo e semi-círculo, linhas horizontais e verticaise a herança cromática). A tipografia apresenta uma variação para aplicaçãocom o Logo e uma aplicação isolada.
O Tipo
COMPOSIÇÃO DO LOGOTIPO
MANUAL DE IDENTIDADE VISUAL
2x 2x 2x 2x 2x 2x2x
θ
θ
6xΦ2xΦ
2xΦ2xΦ
6xΦ6xΦ
6xΦ
6xΦ
6xΦ6xΦ6xΦ
x
16x
70x
2x 2x 2x 2x 2x 2x2x
θ
θ
θ
6xΦ2xΦ
2xΦ2xΦ
6xΦ6xΦ
6xΦ6xΦ
6xΦ6xΦ6xΦ
x
8x
70x
Adequação aoselementos visuais
A principal fonte tipográfica utilizada na contrução de textos eescrita auxiliar é a “Open Sans” e toda sua família. Como exemplo,temos o subtítulo “PROGRAMA DE LÍNGUAS E INFORMÁTICA”prensente na marca, assim como este documento. A utilizaçãodesta fonte preserva o visual simples e elegante da identidadevisual. Outras fontes podem ser utilizadas desde que sejamadequada à situação ao mesmo tempo que à marca.
A fonte
TEXTO E CORES
Open Sans
a b c d e f g h i j k l m n o p q r s t u v w x y zA B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0 - = ! @ # $ % ¨ & * ( ) _ +‘ “ , . ; ´~ [ ] < > : `^ { }
MANUAL DE IDENTIDADE VISUAL
Herança cromáticada UPE
Como já foi dito, as cores que constituem a marca do PROLINFOseguem o padrão da Universidade de Pernambuco, Instituiçãofundadora do Programa. Para auxiliar a clareza na disposição dasinformações, utilizamos o preto e branco (alto contraste).
As cores
TEXTO E CORES
MANUAL DE IDENTIDADE VISUAL
C: 15M: 100Y: 90K: 10
C: 100M: 74Y: 25K: 10
C: 0M: 0Y: 0K: 100
C: 0M: 0Y: 0K: 0
#A21C26 #294777 #000000 #FFFFFF
Coated FOGRA39 (ISO 12647-2:2004)
Adobe RGB (1998)
100% 90% 80% 70% 60% 50% 40% 30% 20% 10%
Margem de proteçãoda Marca
Durante a aplicação da marca, deve ser respeitada uma margem deproteção para prevenir que outros elementos ou marcas prejudiquemsua leitura. Além disso, esta margem garante “limpeza” às composições.Assim como todas as outras medidas, a margem também segue aproporção de “X”.
Esta margem de “8x” deve ser utilizada tanto nesta como em qualquer variação do logotipo.
A margem
APLICAÇÕES
MANUAL DE IDENTIDADE VISUAL
8x
Variações de orientaçãopara aplicação
Existem algumas variações de orientação, que servem para adequaro logotipo em relação à posição que precisa ser aplicado. As posiçõesvariam de acordo com a composição na qual for utilizado, portanto,é necessário predefinir estas variações.
Deve ser dada prioridade à versão HORIZONTAL COMPLETA, pois se adequa melhor às aplicações em cabeçalhos de documentos e provas (materiais amplamente utilizados no PROLINFO). Além deste fator, existe uma maior visibilidade dos elementos mesmo em dimensões reduzidas.
Orientação
APLICAÇÕES
MANUAL DE IDENTIDADE VISUAL
TIPO ISOLADO
VERTICAL - TRIANGULAR VERTICAL - COMPLETA LOGO ISOLADO
HORIZONTAL - COMPLETA
Variações de corpara aplicação
Existem algumas variações de cor, que servem para adequaro logotipo em relação ao plano de fundo em que for aplicado.As cores variam de acordo com a composição na qual forutilizado, portanto, é necessário predefinir estas variações.
Cores
APLICAÇÕES
MANUAL DE IDENTIDADE VISUAL
original
monocromático azul
monocromático vermelho
monocromático prata
branco
preto
retícula de preto
outline
Variações de cor de fundopara aplicação
Ainda visando melhor clareza na aplicação do Logotipo, existemalgumas adaptações em relação ao plano de fundo em que o mesmoserá aplicado, podendo variar entre suas cores originais, e contrasteem preto ou em branco. Como demonstrado abaixo, a versão emvermelho e azul se mantém quando o fundo possui até 10% de coloração.Para cores fortes e escuras, deve-se seguir as adaptações em relação aocontraste com as versões preta e branca.
Background
APLICAÇÕES
MANUAL DE IDENTIDADE VISUAL
Fundos claros
10% ciano 10% amarelo 10% magenta 10% preto
Fundos escuros
100% ciano 100% amarelo 100% magenta 100% preto
Dimensionamento mínimo
Esta característica serve para delimitar o máximo de reduçãoque o Logotipo pode sofrer para continuar legível e reconhecível.
Dimensões
APLICAÇÕES
MANUAL DE IDENTIDADE VISUAL
1/4 polegada
O dimensionamento mínimo é baseadona altura (e largura) do Logo, que deveser de 1/4 de polegada. Na assinaturahorizontal, a tipografia apenas segue aredução proporcionalmente ao Logo.
Para preservar a legibilidade e para umamelhor qualidade de impressão, o sub-título deve ser removido.
Tamanho mínimo real:
Para preservação da marca,e também para evitar usos inapropriados,as aplicações, cores, margens e proporçõesdevem seguir os exemplos que foram apre-sentados neste documento e apenas estes.
Dannyel PontesDesigner visual | PROLINFO
Utilização
RIGOR
MANUAL DE IDENTIDADE VISUAL
Dannyel PontesDesigner visual | PROLINFO