SlideShare une entreprise Scribd logo
1  sur  14
Télécharger pour lire hors ligne
<EveryPlace/>
Manual de Indentidade Visual
Enquanto os meios de comunicação se tornam mais
complexos, o comportamento das empresas, o nome social,
os sinais visuais e produtos seguem o caminho de uma
simplificação natural. A necessidade de rápida percepção na
leitura, respondendo ao acelerado ritmo da sociedade atual,
leva designers, profissionais empresariais e de comunicação
a reconhecer que simplicidade é um valor e que às vezes o
menos é mais. Observa-se que as expressões verbais e
visuais repletas de informações conflitantes interferem na
necessária rapidez de percepção de seu principal significado.
Se não identificadas com a acelerada evolução técnica, essas
expressões perdem, gradualmente, seu poder de referência.

Wollner, Alexandre - Alexandre Wollner: Design Visual 50
Anos
Apresentação




A Identidade Visual de uma empresa é um de seus
principais patrimônios. É por meio dela que uma
instituição transmite visualmente seus valores, sua
filosofia, torna-se visível e reconhecida pelo público.

Este manual pretende estabelecer um conjunto de
normas, para que a aplicação e uso dos elementos de
Identidade Visual da Conab sejam estabelecidos de
maneira uniforme e coerente.

Resultado de um intenso trabalho de pesquisa e
desenvolvimento, o presente documento tem como
finalidade informar e servir de base para a constituição
e consolidação da marca da Conab. O uso coerente e
sistemático das normas contidas neste manual ajudará
a reforçar a imagem da instituição.
Histórico




A EveryPlace é uma empresa, não de tecnologia, não de
propaganda, mas sim uma empresa digital, focada na
conectividade e como a web pode facilitar a vida das
pessoas, a EveryPlace é especializada nas tecnologias que
fazem da internet o que ela é hoje, seo, sem, produção de
websites mobile, design digital e muito mais.

A EveryPlace é uma agencia digital de pessoas, feita para
pessoas, valorizamos a nossa equipe e seu potencial,
incentivamos o autodesenvolvimento e a evolução
profissional, gostamos de aprender, de ensinar e queremos
fazer da web um lugar melhor, mais dinâmica, acessível,
limpa e com conteúdo de qualidade.

A EveryPlace foi idealizada para ser uma referencia
de mercado, não apenas uma fornecedora de serviços, um
local onde as pessoas possam encontrar conteúdo de
qualidade sobre tecnologia, internet e novidades,
interagindo com a web e mídias sociais, mantendo uma
relação mais próxima de seus clientes e fornecedores.
Introdução




           conceito da marca   Uma marca é uma representação simbólica de uma série de informações sobre um produto, um
                               serviço, um grupo de produtos/serviços, ou uma Instituição. A representação simbólica de uma
                               marca é constituída tipicamente por um nome (marca nominativa) e por imagens ou conceitos
                               que distinguem o produto, serviço ou a própria empresa (marca figurativa). Quando se fala em
                               marca, é comum estar se referindo, na maioria das vezes, a uma representação gráfica no
                               âmbito e competência da comunicação visual, onde a marca pode ser representada
                               graficamente por uma composição de um símbolo ou logotipo, tanto individualmente quanto
                               combinados. Logo, o conceito de marca é bem mais abrangente que a sua representação
                               gráfica.

           Identidade visual   Uma Identidade Visual consiste em um conjunto de elementos gráficos que representam
                               visualmente e de forma sistematizada, um nome, idéia, produto, empresa, instituição ou
                               serviço. Esse conjunto de elementos baseia-se em um símbolo ou logotipo e todas as
                               possibilidades de sua aplicação dentro da comunicação visual da instituição. Pode-se considerar
                               que um Projeto de Identidade Visual é um método de sistematização das representações
                               gráficas de uma marca.

Manual de identidade visual    A normatização de um Projeto de Identidade Visual se dá através do Manual de Identidade
                               Visual, onde estão dispostos todos os estudos de construção e aplicações da marca. O objetivo
                               do manual é fornecer recursos para que os elementos estruturais do Projeto de Identidade
                               Visual sejam aplicados corretamente em todos os níveis de informação nas quais a instituição o
                               utiliza. É importante que todas as normas estabelecidas no manual sejam seguidas
                               corretamente para que os elementos visuais da identidade sejam aplicados de maneira
                               consistente. As recomendações, especificações e normas geralmente tratam de:

                                       Explicar a lógica construtiva da marca e dos elementos que a compõem.
                                       Estabelecer variações formais da marca (assinaturas vertical/horizontal).
                                       Explicar a organização dos elementos que compõem a marca em cada variação formal
                                        (símbolo, logotipo e designações).
                                       Estabelecer as dimensões mínimas de reprodução para preservar a legibilidade em
                                        função de cada um dos diversos meios de reprodução gráfica, assim como nas
                                        diversas mídias disponíveis no mercado.
                                       Indicar as especificações técnicas das cores utilizadas na marca, para garantir a
                                        fidelidade da cor em cada um dos diversos meios de reprodução. Demonstrar
                                        algumas situações de aplicação da marca a serem evitadas.
Elemento Estruturais




proporções    Absolutamente indispensável ao projeto, o sistema de proporções modulares constitui a base
              geométrica para a construção do símbolo, tipograma, diagramas, assinaturas e todas as
              possibilidades de combinações e desdobramentos desses elementos. Com o objetivo de
              uniformizar e garantir o modo de funcionamento dos elementos primordiais da identidade, o
              sistema de módulos torna flexível e dinâmica a montagem das normas de uso do projeto,
              adaptáveis aos mais diversos sistemas de medição (metro, polegada, ponto tipográfico).

símbolo       O símbolo da Revery Place é a peça chave do sistema de identidade da companhia. Este manual
              contém uma série de normas de uso desse elemento, assim como as configurações corretas do
              comportamento símbolo-tipograma e suas aplicações.

tipografia    do grego: typos, cunho + gráphein, escrever

              A função da tipografia é dar ordem estrutural e formal à comunicação textual. Em um projeto
              de identidade, a especificação de uma família de
              tipos e suas aplicações constituem a forma de como a linguagem escrita deve ser representada
              visualmente num grande sistema.
              Desde a construção do tipograma até a composição de textos em publicações e documentos, a
              tipografia é o meio de representação do conteúdo textual presente em qualquer projeto de
              identidade. É através de um sistema tipográfico bem construído que consegue-se uma
              uniformidade em todas as representações textuais da identidade.

tipografia    Considera-se tipograma a expressão verbal e visual composta com base em signos tipográficos
              existentes e agrupados de forma particular. Por seu comportamento, uniformidade, destaque e
              constância de uso, serve como referência visual de uma empresa, instituição, corporação e
              produtos.

              Wollner, Alexandre - Alexandre Wollner: Design Visual 50 Anos

              O tipograma consiste na forma visual de representação da Every Place, através da especificação
              de signos alfabéticos de um tipo existente.

assinaturas   O termo assinatura é utilizado para as variações de combinação do símbolo com o tipograma. O
              sistema estabelece duas versões da assinatura principal e duas versões auxiliares.

cor           A padronização de cores através de um código cromático é de suma importância para a
              consolidação da marca. O código cromático estabelece uma paleta de cores fundamentais para
              a construção do projeto de identidade, assim como a utilização de cores auxiliares, aplicações
              em preto e branco e negativo. Especifica também padrões cromáticos para cada tipo de
              reprodução, tais como site, impressos, monitores de vídeo, pintura automotiva e placas de
              sinalização.
sistema modular




                                   Estabelecer o módulo padrão é o passo inicial para a definição
                                   das corretas relações entre os componentes do símbolo e, a
                                   partir desta definição, estruturar todo o comportamento das
                                   expressões visuais da marca.

                                   Wollner, Alexandre - Alexandre Wollner: Design Visual 50 Anos




A base do sistema modular é o
quadrado. Através dele podemos
estabelecer um módulo padrão e
assim criar uma estrutura para a
construção     de    todos    os
diagramas da identidade.

O quadrado pode ser dividido em
4 x 4 módulos iguais, onde cada
módulo pode ser dividido em 3
submódulos       e         assim
sucessivamente.
construindo o símbolo




                          A relação de proporção entre a largura e a altura do símbolo é de 4 quadrados
                          de altura para 4 quadrados de largura. Como trata-se de um elemento gráfico
                          feito com base tipografica, no caso a fonte Verdana, se justifica por possuir a
                          idéia que queremos passar através do símbolo gráfico que é uma “tag” ( </> ),
                          que é muito utilizada no conceito desenvolvido originalmente por Tim
                          Berners-Lee o HTML (Hypertext Markup Language – Linguagem de Marcação
                          de Texto. O Html é uma linguagem para publicação de conteúdo (texto,
                          imagem, vídeo, áudio e etc) na Web. Então a “tag” reforça a idéia de
                          continuidade porque o HTML são conjuntos de elementos – ou nós – ligados
                          por coneções formando uma grande rede de informação. E as “tag” faz essa
                          ligação em cada marcação dando a rede algo não linear, imprevisto que
                          permite distribuir uma informação de maneira global.
                          Optomos pela simples indicação das proporções do símbolo, que devem ser
                          rigidamente obedecidas.




Proporção do quadrado
              4:4 = 2:2




Os circculos determina o espaço
necessário, quando utilizado o símbolo
gráfico vazado através da forma
geomentrica, que no nosso caso é um
quadrado, então deizamo um modulo
para dar um espaço antes da borda,
possuindo assim um respiro.
tipografia

O projeto se baseia em uma grandes família tipográfica: Verdana. É uma
família tipográfica sem-serifa concebida pelo designer Matthew Carter para a
Microsoft Corporation, com colaboração no hinting manual (hand-hinting) de
Tom Rickner da Agfa Monotype.
A Verdana foi publicada em 1996 pela Microsoft e passou a ser distribuída em
cada edição do sistema operativo Windows, no Microsoft Office e com o
Internet Explorer (desta forma a fonte está difundida tanto em Windows
quanto em Mac OS).
Além disso, uma versão reduzida da Verdana (com menos glifos que a versão
original), denominada e inserida no pacote Core fonts for the Web, esteve
disponível para download gratuito no sítio oficial da Microsoft durante
bastante tempo, de forma a que pudesse ser utilizada em qualquer sistema
que suportasse fontes TrueType.
Consequentemente, hoje em dia, a Verdana está instalada na maioria dos
computadores, mesmo em Unix e Linux.
A versão Core fonts for the Web da Verdana ainda está disponível para
download em sites externos
A fonte foi inspirada em tipografias famosas, como a Frutiger. Entretanto,
existem algumas diferenças intencionais, pois a Verdana foi desenhada com o
intuito principal de ser lida em ecrãs de baixa resolução (especialmente em
tamanhos pequenos, de forma a adaptar-se bem aos textos corridos).
Uma das diferenças mais marcantes são as pseudo-serifas em letras como o
"J" e o "I". Em 1999 foi publicada a fonte Tahoma, similar à Verdana, mas mais
compacta quanto ao desenho.
                                                 tipografos.net/tipos/verdana.html




A fonte verdana por ser um tipo sem serifa posuindo uma visibilidade e
simplicidade que agrega a idéia que a EveryPlace quer transmitir.
Verdana
Regular

AaBbCcDdEeFfGgHhIiJjLlMmNn
OoPpQqRrSsTtUuVvWwYyXxZz
,<>;:?/!@#$%¨&*()_-+={}[]ºª”’.


Bold

AaBbCcDdEeFfGgHhIiJjLlMmNn
OoPpQqRrSsTtUuVvWwYyXxZz
,<>;:?/!@#$%¨&*()_-+={}[]ºª”’.

Italic

AaBbCcDdEeFfGgHhIiJjLlMmNn
OoPpQqRrSsTtUuVvWwYyXxZz
,<>;:?/!@#$%¨&*()_-+={}[]ºª”’.


Bold Italic

AaBbCcDdEeFfGgHhIiJjLlMmNn
OoPpQqRrSsTtUuVvWwYyXxZz
,<>;:?/!@#$%¨&*()_-+={}[]ºª”’.


Numerais

0123456789
tipografia




                 O logotipo consiste na forma de representação gráfica da da
                 EveryPlace, através da especificação de signos alfabéticos de
                 um tipo existente. O logotipo EveryPlace deve ser composto
                 com o tipo Verdana Bold. Usamos o espacejamento entre
                 caracteres e a altura pelo módulo-padrão da família do tipo.




                 assinaturas


                 O termo assinatura é utilizado para as combinações do
                 símbolo com o tipograma. O sistema estabelece duas
                 versões da assinatura principal com a logotipo sem o
                 símbolo gráfico e o logotipo com o simbolo e uma versão do
                 símbolo gráfico auxiliares.


assinatura simples
assinatura completa




versões auxiliares do símbolo gráfico




                  código cromático




                  O bom funcionamento do sistema de identidade está sujeito à
                  especificação de um código cromático. É importante que seja
                  mantida uma unidade cromática em todo o sistema, tendo em
                  vista que as cores sofrem alterações conforme o processo de
                  impressão, superfície utilizada (papel, tecido, chapa metálica etc),
                  fonte de luz e ambiente.

                  Foi usado a azul, laranja e preto para concretizar a ideia que
                  queremos passar pela assinatura.
Significados


laranja   Aspectos favoráveis: assim como o vermelho, a cor laranja é expansiva e
          afirmativa; contudo é mais construtiva. O laranja reflete entusiasmo com
          vivacidade impulsiva e natural.

azul      assinala a entrada nos domínios mais profundos do espírito e uma das
          suas qualidades mais sutis é a aspiração. Essa cor faz parte do espectro
          frio e, por sua quietude e confiança, promove a devoção e a fé. O azul é
          uma cor popular associada ao dever, à beleza e à habilidade. A
          serenidade dessa coe traz consigo paz, confiança e sentimentos curativos
          agradavelmente relaxantes. Sua fluidez e força serena são traços
          atraentes, que provocam admiração por parte das outras pessoas.

preto     na maioria das sociedades ocidentais, o preto quase sempre é a cor da
          morte, do luto e da penitência. Em geral, essa cor é usada por pessoas
          que rejeitam a sociedade ou se rebelam contra as normas sociais. O
          preto é uma cor que nega a luz e as pessoas que a usam nas roupas
          rejeitam a luz em si próprias, empurrando-a para longe e não permitindo
          que ela seja absorvida. Essa é a cor usada pelos homens de negócio,
          policiais e padres para refletir poder e autoridade. O preto é percebido
          como escuro e misterioso e também pode significar sexo. Contudo, essa
          cor também é usada pelas pessoas que preferem parecer tradicionais e
          responsáveis.
Manual de Identidade Visual da EveryPlace

Contenu connexe

En vedette

São João do Polêsine - Silvane de Fátima Weippert
São João do Polêsine - Silvane de Fátima WeippertSão João do Polêsine - Silvane de Fátima Weippert
São João do Polêsine - Silvane de Fátima WeippertCursoTICs
 
Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...
Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...
Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...Eduardo Moresi
 
O BRASIL E O CIBERESPAÇO: UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...
O BRASIL E O CIBERESPAÇO:  UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...O BRASIL E O CIBERESPAÇO:  UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...
O BRASIL E O CIBERESPAÇO: UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...Luiz Henrique F. Cardoso
 
Mídias Sociais: Sua Marca está pronta?
Mídias Sociais: Sua Marca está pronta?Mídias Sociais: Sua Marca está pronta?
Mídias Sociais: Sua Marca está pronta?Leonardo Palagi
 
Proposta de arquitetura para coleta e disponibilização de informações pública...
Proposta de arquitetura para coleta e disponibilização de informações pública...Proposta de arquitetura para coleta e disponibilização de informações pública...
Proposta de arquitetura para coleta e disponibilização de informações pública...Eduardo Moresi
 
CLASS 2016 - Palestra Roberto Engler
CLASS 2016 - Palestra Roberto EnglerCLASS 2016 - Palestra Roberto Engler
CLASS 2016 - Palestra Roberto EnglerTI Safe
 
CLASS 2016 - Palestra Eduardo Fernandes
CLASS 2016 - Palestra Eduardo FernandesCLASS 2016 - Palestra Eduardo Fernandes
CLASS 2016 - Palestra Eduardo FernandesTI Safe
 
CLASS 2016 - Palestra Rafael Sampaio
CLASS 2016 - Palestra Rafael SampaioCLASS 2016 - Palestra Rafael Sampaio
CLASS 2016 - Palestra Rafael SampaioTI Safe
 

En vedette (9)

São João do Polêsine - Silvane de Fátima Weippert
São João do Polêsine - Silvane de Fátima WeippertSão João do Polêsine - Silvane de Fátima Weippert
São João do Polêsine - Silvane de Fátima Weippert
 
Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...
Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...
Estudo sobre Portais Públicos como fontes confiáveis para inteligência de Fon...
 
O BRASIL E O CIBERESPAÇO: UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...
O BRASIL E O CIBERESPAÇO:  UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...O BRASIL E O CIBERESPAÇO:  UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...
O BRASIL E O CIBERESPAÇO: UMA ANÁLISE SOBRE A ATUAÇÃO BRASILEIRA NO LOCUS PR...
 
Mídias Sociais: Sua Marca está pronta?
Mídias Sociais: Sua Marca está pronta?Mídias Sociais: Sua Marca está pronta?
Mídias Sociais: Sua Marca está pronta?
 
Gecic 2012 moresi
Gecic 2012 moresiGecic 2012 moresi
Gecic 2012 moresi
 
Proposta de arquitetura para coleta e disponibilização de informações pública...
Proposta de arquitetura para coleta e disponibilização de informações pública...Proposta de arquitetura para coleta e disponibilização de informações pública...
Proposta de arquitetura para coleta e disponibilização de informações pública...
 
CLASS 2016 - Palestra Roberto Engler
CLASS 2016 - Palestra Roberto EnglerCLASS 2016 - Palestra Roberto Engler
CLASS 2016 - Palestra Roberto Engler
 
CLASS 2016 - Palestra Eduardo Fernandes
CLASS 2016 - Palestra Eduardo FernandesCLASS 2016 - Palestra Eduardo Fernandes
CLASS 2016 - Palestra Eduardo Fernandes
 
CLASS 2016 - Palestra Rafael Sampaio
CLASS 2016 - Palestra Rafael SampaioCLASS 2016 - Palestra Rafael Sampaio
CLASS 2016 - Palestra Rafael Sampaio
 

Similaire à Manual de Identidade Visual da EveryPlace

Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisiDeisi Motter
 
Assistente de programação visual gráfica
Assistente de programação visual gráficaAssistente de programação visual gráfica
Assistente de programação visual gráficaDaniel Brandão
 
Composto Criativo - Manual de Identidade Visual
Composto Criativo - Manual de Identidade VisualComposto Criativo - Manual de Identidade Visual
Composto Criativo - Manual de Identidade VisualWill Fernandes
 
Projeto Final de Designer
Projeto Final de DesignerProjeto Final de Designer
Projeto Final de DesignerRoney Sousa
 
Construcao De Marcas
Construcao De MarcasConstrucao De Marcas
Construcao De Marcaselidiadesign
 
Construcao De Marcas
Construcao De MarcasConstrucao De Marcas
Construcao De Marcaselidiadesign
 
Microsoft Power Point Ppt Brandgame
Microsoft Power Point   Ppt BrandgameMicrosoft Power Point   Ppt Brandgame
Microsoft Power Point Ppt Brandgamemonicasabino
 
Artigo logo bradesco
Artigo logo bradescoArtigo logo bradesco
Artigo logo bradescoKátia Keller
 
Imagem corporativa 1
Imagem corporativa 1Imagem corporativa 1
Imagem corporativa 1MFJCFL
 
Nova Identidade Visual MH Consult
Nova Identidade Visual MH ConsultNova Identidade Visual MH Consult
Nova Identidade Visual MH ConsultDRMais
 
Identidade Visual
Identidade VisualIdentidade Visual
Identidade VisualTaína Egas
 
Aula gestão de_marcas_e_campanhas_parte5
Aula gestão de_marcas_e_campanhas_parte5Aula gestão de_marcas_e_campanhas_parte5
Aula gestão de_marcas_e_campanhas_parte5Rosane Lourdes Souza
 
Manual de Identidade Visual Xpot
Manual de Identidade Visual XpotManual de Identidade Visual Xpot
Manual de Identidade Visual XpotFernando Nogueira
 
Guia de Identidade Visual e Naming
Guia de Identidade Visual e NamingGuia de Identidade Visual e Naming
Guia de Identidade Visual e NamingBeto Lima Branding
 

Similaire à Manual de Identidade Visual da EveryPlace (20)

Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisi
 
Assistente de programação visual gráfica
Assistente de programação visual gráficaAssistente de programação visual gráfica
Assistente de programação visual gráfica
 
Composto Criativo - Manual de Identidade Visual
Composto Criativo - Manual de Identidade VisualComposto Criativo - Manual de Identidade Visual
Composto Criativo - Manual de Identidade Visual
 
Projeto Final de Designer
Projeto Final de DesignerProjeto Final de Designer
Projeto Final de Designer
 
Construcao De Marcas
Construcao De MarcasConstrucao De Marcas
Construcao De Marcas
 
Construcao De Marcas
Construcao De MarcasConstrucao De Marcas
Construcao De Marcas
 
Microsoft Power Point Ppt Brandgame
Microsoft Power Point   Ppt BrandgameMicrosoft Power Point   Ppt Brandgame
Microsoft Power Point Ppt Brandgame
 
Artigo logo bradesco
Artigo logo bradescoArtigo logo bradesco
Artigo logo bradesco
 
Brand book
Brand bookBrand book
Brand book
 
Imagem corporativa 1
Imagem corporativa 1Imagem corporativa 1
Imagem corporativa 1
 
13460357 aula-8-simbolos-e-marcas
13460357 aula-8-simbolos-e-marcas13460357 aula-8-simbolos-e-marcas
13460357 aula-8-simbolos-e-marcas
 
Pum
PumPum
Pum
 
Nova Identidade Visual MH Consult
Nova Identidade Visual MH ConsultNova Identidade Visual MH Consult
Nova Identidade Visual MH Consult
 
Identidade Visual
Identidade VisualIdentidade Visual
Identidade Visual
 
Aula gestão de_marcas_e_campanhas_parte5
Aula gestão de_marcas_e_campanhas_parte5Aula gestão de_marcas_e_campanhas_parte5
Aula gestão de_marcas_e_campanhas_parte5
 
MIV Igreja.pdf
MIV Igreja.pdfMIV Igreja.pdf
MIV Igreja.pdf
 
Projeto GráFico123
Projeto GráFico123Projeto GráFico123
Projeto GráFico123
 
Manual de Identidade Visual Xpot
Manual de Identidade Visual XpotManual de Identidade Visual Xpot
Manual de Identidade Visual Xpot
 
Ap Marcas
Ap MarcasAp Marcas
Ap Marcas
 
Guia de Identidade Visual e Naming
Guia de Identidade Visual e NamingGuia de Identidade Visual e Naming
Guia de Identidade Visual e Naming
 

Dernier

Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 

Dernier (9)

Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 

Manual de Identidade Visual da EveryPlace

  • 2. Enquanto os meios de comunicação se tornam mais complexos, o comportamento das empresas, o nome social, os sinais visuais e produtos seguem o caminho de uma simplificação natural. A necessidade de rápida percepção na leitura, respondendo ao acelerado ritmo da sociedade atual, leva designers, profissionais empresariais e de comunicação a reconhecer que simplicidade é um valor e que às vezes o menos é mais. Observa-se que as expressões verbais e visuais repletas de informações conflitantes interferem na necessária rapidez de percepção de seu principal significado. Se não identificadas com a acelerada evolução técnica, essas expressões perdem, gradualmente, seu poder de referência. Wollner, Alexandre - Alexandre Wollner: Design Visual 50 Anos
  • 3. Apresentação A Identidade Visual de uma empresa é um de seus principais patrimônios. É por meio dela que uma instituição transmite visualmente seus valores, sua filosofia, torna-se visível e reconhecida pelo público. Este manual pretende estabelecer um conjunto de normas, para que a aplicação e uso dos elementos de Identidade Visual da Conab sejam estabelecidos de maneira uniforme e coerente. Resultado de um intenso trabalho de pesquisa e desenvolvimento, o presente documento tem como finalidade informar e servir de base para a constituição e consolidação da marca da Conab. O uso coerente e sistemático das normas contidas neste manual ajudará a reforçar a imagem da instituição.
  • 4. Histórico A EveryPlace é uma empresa, não de tecnologia, não de propaganda, mas sim uma empresa digital, focada na conectividade e como a web pode facilitar a vida das pessoas, a EveryPlace é especializada nas tecnologias que fazem da internet o que ela é hoje, seo, sem, produção de websites mobile, design digital e muito mais. A EveryPlace é uma agencia digital de pessoas, feita para pessoas, valorizamos a nossa equipe e seu potencial, incentivamos o autodesenvolvimento e a evolução profissional, gostamos de aprender, de ensinar e queremos fazer da web um lugar melhor, mais dinâmica, acessível, limpa e com conteúdo de qualidade. A EveryPlace foi idealizada para ser uma referencia de mercado, não apenas uma fornecedora de serviços, um local onde as pessoas possam encontrar conteúdo de qualidade sobre tecnologia, internet e novidades, interagindo com a web e mídias sociais, mantendo uma relação mais próxima de seus clientes e fornecedores.
  • 5. Introdução conceito da marca Uma marca é uma representação simbólica de uma série de informações sobre um produto, um serviço, um grupo de produtos/serviços, ou uma Instituição. A representação simbólica de uma marca é constituída tipicamente por um nome (marca nominativa) e por imagens ou conceitos que distinguem o produto, serviço ou a própria empresa (marca figurativa). Quando se fala em marca, é comum estar se referindo, na maioria das vezes, a uma representação gráfica no âmbito e competência da comunicação visual, onde a marca pode ser representada graficamente por uma composição de um símbolo ou logotipo, tanto individualmente quanto combinados. Logo, o conceito de marca é bem mais abrangente que a sua representação gráfica. Identidade visual Uma Identidade Visual consiste em um conjunto de elementos gráficos que representam visualmente e de forma sistematizada, um nome, idéia, produto, empresa, instituição ou serviço. Esse conjunto de elementos baseia-se em um símbolo ou logotipo e todas as possibilidades de sua aplicação dentro da comunicação visual da instituição. Pode-se considerar que um Projeto de Identidade Visual é um método de sistematização das representações gráficas de uma marca. Manual de identidade visual A normatização de um Projeto de Identidade Visual se dá através do Manual de Identidade Visual, onde estão dispostos todos os estudos de construção e aplicações da marca. O objetivo do manual é fornecer recursos para que os elementos estruturais do Projeto de Identidade Visual sejam aplicados corretamente em todos os níveis de informação nas quais a instituição o utiliza. É importante que todas as normas estabelecidas no manual sejam seguidas corretamente para que os elementos visuais da identidade sejam aplicados de maneira consistente. As recomendações, especificações e normas geralmente tratam de:  Explicar a lógica construtiva da marca e dos elementos que a compõem.  Estabelecer variações formais da marca (assinaturas vertical/horizontal).  Explicar a organização dos elementos que compõem a marca em cada variação formal (símbolo, logotipo e designações).  Estabelecer as dimensões mínimas de reprodução para preservar a legibilidade em função de cada um dos diversos meios de reprodução gráfica, assim como nas diversas mídias disponíveis no mercado.  Indicar as especificações técnicas das cores utilizadas na marca, para garantir a fidelidade da cor em cada um dos diversos meios de reprodução. Demonstrar algumas situações de aplicação da marca a serem evitadas.
  • 6. Elemento Estruturais proporções Absolutamente indispensável ao projeto, o sistema de proporções modulares constitui a base geométrica para a construção do símbolo, tipograma, diagramas, assinaturas e todas as possibilidades de combinações e desdobramentos desses elementos. Com o objetivo de uniformizar e garantir o modo de funcionamento dos elementos primordiais da identidade, o sistema de módulos torna flexível e dinâmica a montagem das normas de uso do projeto, adaptáveis aos mais diversos sistemas de medição (metro, polegada, ponto tipográfico). símbolo O símbolo da Revery Place é a peça chave do sistema de identidade da companhia. Este manual contém uma série de normas de uso desse elemento, assim como as configurações corretas do comportamento símbolo-tipograma e suas aplicações. tipografia do grego: typos, cunho + gráphein, escrever A função da tipografia é dar ordem estrutural e formal à comunicação textual. Em um projeto de identidade, a especificação de uma família de tipos e suas aplicações constituem a forma de como a linguagem escrita deve ser representada visualmente num grande sistema. Desde a construção do tipograma até a composição de textos em publicações e documentos, a tipografia é o meio de representação do conteúdo textual presente em qualquer projeto de identidade. É através de um sistema tipográfico bem construído que consegue-se uma uniformidade em todas as representações textuais da identidade. tipografia Considera-se tipograma a expressão verbal e visual composta com base em signos tipográficos existentes e agrupados de forma particular. Por seu comportamento, uniformidade, destaque e constância de uso, serve como referência visual de uma empresa, instituição, corporação e produtos. Wollner, Alexandre - Alexandre Wollner: Design Visual 50 Anos O tipograma consiste na forma visual de representação da Every Place, através da especificação de signos alfabéticos de um tipo existente. assinaturas O termo assinatura é utilizado para as variações de combinação do símbolo com o tipograma. O sistema estabelece duas versões da assinatura principal e duas versões auxiliares. cor A padronização de cores através de um código cromático é de suma importância para a consolidação da marca. O código cromático estabelece uma paleta de cores fundamentais para a construção do projeto de identidade, assim como a utilização de cores auxiliares, aplicações em preto e branco e negativo. Especifica também padrões cromáticos para cada tipo de reprodução, tais como site, impressos, monitores de vídeo, pintura automotiva e placas de sinalização.
  • 7. sistema modular Estabelecer o módulo padrão é o passo inicial para a definição das corretas relações entre os componentes do símbolo e, a partir desta definição, estruturar todo o comportamento das expressões visuais da marca. Wollner, Alexandre - Alexandre Wollner: Design Visual 50 Anos A base do sistema modular é o quadrado. Através dele podemos estabelecer um módulo padrão e assim criar uma estrutura para a construção de todos os diagramas da identidade. O quadrado pode ser dividido em 4 x 4 módulos iguais, onde cada módulo pode ser dividido em 3 submódulos e assim sucessivamente.
  • 8. construindo o símbolo A relação de proporção entre a largura e a altura do símbolo é de 4 quadrados de altura para 4 quadrados de largura. Como trata-se de um elemento gráfico feito com base tipografica, no caso a fonte Verdana, se justifica por possuir a idéia que queremos passar através do símbolo gráfico que é uma “tag” ( </> ), que é muito utilizada no conceito desenvolvido originalmente por Tim Berners-Lee o HTML (Hypertext Markup Language – Linguagem de Marcação de Texto. O Html é uma linguagem para publicação de conteúdo (texto, imagem, vídeo, áudio e etc) na Web. Então a “tag” reforça a idéia de continuidade porque o HTML são conjuntos de elementos – ou nós – ligados por coneções formando uma grande rede de informação. E as “tag” faz essa ligação em cada marcação dando a rede algo não linear, imprevisto que permite distribuir uma informação de maneira global. Optomos pela simples indicação das proporções do símbolo, que devem ser rigidamente obedecidas. Proporção do quadrado 4:4 = 2:2 Os circculos determina o espaço necessário, quando utilizado o símbolo gráfico vazado através da forma geomentrica, que no nosso caso é um quadrado, então deizamo um modulo para dar um espaço antes da borda, possuindo assim um respiro.
  • 9. tipografia O projeto se baseia em uma grandes família tipográfica: Verdana. É uma família tipográfica sem-serifa concebida pelo designer Matthew Carter para a Microsoft Corporation, com colaboração no hinting manual (hand-hinting) de Tom Rickner da Agfa Monotype. A Verdana foi publicada em 1996 pela Microsoft e passou a ser distribuída em cada edição do sistema operativo Windows, no Microsoft Office e com o Internet Explorer (desta forma a fonte está difundida tanto em Windows quanto em Mac OS). Além disso, uma versão reduzida da Verdana (com menos glifos que a versão original), denominada e inserida no pacote Core fonts for the Web, esteve disponível para download gratuito no sítio oficial da Microsoft durante bastante tempo, de forma a que pudesse ser utilizada em qualquer sistema que suportasse fontes TrueType. Consequentemente, hoje em dia, a Verdana está instalada na maioria dos computadores, mesmo em Unix e Linux. A versão Core fonts for the Web da Verdana ainda está disponível para download em sites externos A fonte foi inspirada em tipografias famosas, como a Frutiger. Entretanto, existem algumas diferenças intencionais, pois a Verdana foi desenhada com o intuito principal de ser lida em ecrãs de baixa resolução (especialmente em tamanhos pequenos, de forma a adaptar-se bem aos textos corridos). Uma das diferenças mais marcantes são as pseudo-serifas em letras como o "J" e o "I". Em 1999 foi publicada a fonte Tahoma, similar à Verdana, mas mais compacta quanto ao desenho. tipografos.net/tipos/verdana.html A fonte verdana por ser um tipo sem serifa posuindo uma visibilidade e simplicidade que agrega a idéia que a EveryPlace quer transmitir.
  • 11. tipografia O logotipo consiste na forma de representação gráfica da da EveryPlace, através da especificação de signos alfabéticos de um tipo existente. O logotipo EveryPlace deve ser composto com o tipo Verdana Bold. Usamos o espacejamento entre caracteres e a altura pelo módulo-padrão da família do tipo. assinaturas O termo assinatura é utilizado para as combinações do símbolo com o tipograma. O sistema estabelece duas versões da assinatura principal com a logotipo sem o símbolo gráfico e o logotipo com o simbolo e uma versão do símbolo gráfico auxiliares. assinatura simples
  • 12. assinatura completa versões auxiliares do símbolo gráfico código cromático O bom funcionamento do sistema de identidade está sujeito à especificação de um código cromático. É importante que seja mantida uma unidade cromática em todo o sistema, tendo em vista que as cores sofrem alterações conforme o processo de impressão, superfície utilizada (papel, tecido, chapa metálica etc), fonte de luz e ambiente. Foi usado a azul, laranja e preto para concretizar a ideia que queremos passar pela assinatura.
  • 13. Significados laranja Aspectos favoráveis: assim como o vermelho, a cor laranja é expansiva e afirmativa; contudo é mais construtiva. O laranja reflete entusiasmo com vivacidade impulsiva e natural. azul assinala a entrada nos domínios mais profundos do espírito e uma das suas qualidades mais sutis é a aspiração. Essa cor faz parte do espectro frio e, por sua quietude e confiança, promove a devoção e a fé. O azul é uma cor popular associada ao dever, à beleza e à habilidade. A serenidade dessa coe traz consigo paz, confiança e sentimentos curativos agradavelmente relaxantes. Sua fluidez e força serena são traços atraentes, que provocam admiração por parte das outras pessoas. preto na maioria das sociedades ocidentais, o preto quase sempre é a cor da morte, do luto e da penitência. Em geral, essa cor é usada por pessoas que rejeitam a sociedade ou se rebelam contra as normas sociais. O preto é uma cor que nega a luz e as pessoas que a usam nas roupas rejeitam a luz em si próprias, empurrando-a para longe e não permitindo que ela seja absorvida. Essa é a cor usada pelos homens de negócio, policiais e padres para refletir poder e autoridade. O preto é percebido como escuro e misterioso e também pode significar sexo. Contudo, essa cor também é usada pelas pessoas que preferem parecer tradicionais e responsáveis.