manual de identidade visual prolinfo

15
Manual de Identidade Visual

Upload: selo-editorial-prolinfo

Post on 08-Apr-2016

245 views

Category:

Documents


1 download

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.

TRANSCRIPT

Page 1: Manual de Identidade Visual Prolinfo

Manual deIdentidadeVisual

Page 2: Manual de Identidade Visual Prolinfo
Page 3: Manual de Identidade Visual Prolinfo

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

Page 4: Manual de Identidade Visual Prolinfo

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

Page 5: Manual de Identidade Visual Prolinfo

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Φ

Page 6: Manual de Identidade Visual Prolinfo

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

Page 7: Manual de Identidade Visual Prolinfo

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

Page 8: Manual de Identidade Visual Prolinfo

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%

Page 9: Manual de Identidade Visual Prolinfo

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

Page 10: Manual de Identidade Visual Prolinfo

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

Page 11: Manual de Identidade Visual Prolinfo

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

Page 12: Manual de Identidade Visual Prolinfo

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

Page 13: Manual de Identidade Visual Prolinfo

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:

Page 14: Manual de Identidade Visual Prolinfo

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

Page 15: Manual de Identidade Visual Prolinfo

Dannyel PontesDesigner visual | PROLINFO