Identidade Visual Design UFRGS - O Processo

100
Processo de Desenvolvimento da Identidade Visual de Marca

description

Esta apresentação mostra todo o processo de desenvolvimento da nova identidade visual institucional dos cursos de graduação e pós-graduação de Design da UFRGS. Esta apresentação foi feita na manhã do dia 23 de abril de 2014, no auditório da Faculdade de Arquitetura da UFRGS e disponibilizada para compartilhamento pelos professores Fabiano Sherer e Priscila Zavaldil.

Transcript of Identidade Visual Design UFRGS - O Processo

Page 1: Identidade Visual Design UFRGS - O Processo

Processo de Desenvolvimento daIdentidade Visual de Marca

Page 2: Identidade Visual Design UFRGS - O Processo

CoordenaçãoProf. Dr. Fábio Teixeira

ResponsáveisFabiano Scherer e Priscila Zavadil

Professores ColaboradoresAirton Cattani, Eduardo Cardoso, Janaína Moroni, Maria do Carmo Curtis, Mario Fontanive, Régio Silva, Sérgio Santos, Suely Fragoso e Tania Silva.

Colaboradores Cade Gestão 2011/2012

Bolsista NDGAHenrique Monteiro

EQUIPE

Page 3: Identidade Visual Design UFRGS - O Processo

METODOLOGIA

PESQUISA

CONCEITO

DESENHO

PONTOS DE CONTATO

Page 4: Identidade Visual Design UFRGS - O Processo

FASE 1

PESQUISADocentes, discentes e público externo

Page 5: Identidade Visual Design UFRGS - O Processo

PESQUISAmétodos

Entrevistas em Profundidadecom a Coordenação dos Cursos de Graduação e Pós-Graduação

Aplicação de Questionários> para alunos de graduação> para docentes> para alunos da pós-graduação, com perguntas abertas> comunidade externa

Documental

Reuniões em grupocom docentes de graduação e pós-graduação

Análise Semânticacom a comunidade da pós-graduação

Análise de Similares Novas rodadas de discussão

Page 6: Identidade Visual Design UFRGS - O Processo

PESQUISAsaída

Valores, metas e posicionamento dos

cursos.

Imagem percebida e esperada da

instituição.

Page 7: Identidade Visual Design UFRGS - O Processo

PESQUISAresumo das principais informações

Estabeler uma cultura metodológica na produção do Design.

Busca por um ensino de excelência baseado em rigor metodológico e na integração do projeto com as possibilidades de produção.

integração: criação + produção

Proposição

Page 8: Identidade Visual Design UFRGS - O Processo

Oferecer formação acadêmica e profissional em Design com excelência no ensino público superior.

Estabelecer e difundir o rigor metodológico em Design.

O curso visa mudar a imagem do Design de ser apenas um complemento estético dos produtos (industriais, gráficos ou virtuais) para uma forma de pensamento que estabelece uma metodologia na integração entre projeto e produção.

Missão

Posicionamento

PESQUISA

Page 9: Identidade Visual Design UFRGS - O Processo

Oferecer uma formação profissional de base sólida a fim de que os egressos se integrem efetivamente no processo produtivo e difundam uma nova cultura baseada no conhecimento, no rigor técnico e metodológico, com vistas ao desenvolvimento de produtos de melhor qualidade e conectados aos conceitos de sustentabilidade ambiental, social e econômica.

Metas

com relação ao mercado

PESQUISA

Page 10: Identidade Visual Design UFRGS - O Processo

Contribuir para a mudança da imagem do designer pela sociedade, uma vez que os egressos serão difusores de uma cultura positiva e transformadora da realidade.

Mudar a imagem do Design, passando da idéia de ser apenas um complemento estético para a idéia de ser uma forma de projetar que integra conceito e produção.

Metas

com relação à sociedade

PESQUISA

Page 11: Identidade Visual Design UFRGS - O Processo

Articular ensino, pesquisa e extensão, integrando o curso de Design com empresas e organizações, para promover uma troca entre o pensamento acadêmico e as necessidades do mercado.

Consolidar os cursos de Design - Graduação e Pós-Graduação - na Universidade, em termos políticos (reconhecimento interno) e físicos (espaço físico).

Metas

com relação às empresas

com relação à UFRGS

PESQUISA

Page 12: Identidade Visual Design UFRGS - O Processo

Ser uma referência de excelência no ensino em Design, em âmbito regional e nacional.

Em cinco anos, ser referência em graduação em Design no país.Em dez anos, referência nacional em pós-graduação.

Formação sólida em Metodologia e Tecnologia.

Credibilidade institucional da UFRGS.

Visão

Vantagem/diferencial dos

cursos

PESQUISA

Page 13: Identidade Visual Design UFRGS - O Processo

Mensagem principal dos

cursos

excelência

metodologia

tecnologia

PESQUISA

Page 14: Identidade Visual Design UFRGS - O Processo

PESQUISA: SIMILARES | RESUMO

Page 15: Identidade Visual Design UFRGS - O Processo

PESQUISA: SIMILARES | RESUMO

Page 16: Identidade Visual Design UFRGS - O Processo

PESQUISA: SIMILARES | RESUMO

Page 17: Identidade Visual Design UFRGS - O Processo

PESQUISA: SIMILARES | RESUMO

Page 18: Identidade Visual Design UFRGS - O Processo

PESQUISA: SIMILARES | RESUMO

Page 19: Identidade Visual Design UFRGS - O Processo

PESQUISA: QUESTIONÁRIOS | RESUMO

Aplicação de Questionários> para alunos de graduação> para docentes> para alunos da pós-graduação, com perguntas abertas> comunidade externa

Aplicado em 2011/2

Foram obtidas 72 respostas

Page 20: Identidade Visual Design UFRGS - O Processo

alunos graduaçãodiferencial Design UFRGS

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 21: Identidade Visual Design UFRGS - O Processo

alunos graduaçãoaspectos positivos dos cursos

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 22: Identidade Visual Design UFRGS - O Processo

alunos graduaçãofator de escolha Design UFRGS

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 23: Identidade Visual Design UFRGS - O Processo

professoresdiferencial Design UFRGS

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 24: Identidade Visual Design UFRGS - O Processo

professorespontos positivos

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 25: Identidade Visual Design UFRGS - O Processo

professoresimagem atual

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 26: Identidade Visual Design UFRGS - O Processo

professoresimagem esperada

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 27: Identidade Visual Design UFRGS - O Processo

seriedade

processo

pluralidade

criatividade

inovação

método

artefatos interdisciplinaridadeexperimentação

cientificidadeconhecimento

Pós-graduaçãoTermos que devem representar a pesquisa em Design

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 28: Identidade Visual Design UFRGS - O Processo

pioneirismoqualidade

interface

inovaçãoprocessosserviço

materiais tecnologiaconhecimento

Pós-graduaçãoTermos que representam o PgDesign

PESQUISA: QUESTIONÁRIOS | RESUMO

Page 29: Identidade Visual Design UFRGS - O Processo

pós-graduaçãoUma instituição de ensino e pesquisa em design deve possuir uma imagem de marca...

sólida, robusta

estável

séria, polida

tecnológica

tradicional, clássica

intensa, vibrante

concisa, minimalista

PESQUISA: ANÁLISE SEMÂNTICA

Page 30: Identidade Visual Design UFRGS - O Processo

FASE 1: PESQUISA

Entrevistas em Profundidadecom a Coordenação dos Cursos de Graduação e Pós-Graduação

Aplicação de Questionários> para alunos de graduação> para docentes> para alunos da pós-graduação> comunidade externa

DocumentalReuniões em grupocom docentes de graduação e pós-graduação

Análise Semânticacom a comunidade da pós-graduação

Análise de Similares

Novas rodadas de discussão

Objetivos da Identidade Institucional

Posicionamento da Instituição

Imagem Esperada

Linguagem

Page 31: Identidade Visual Design UFRGS - O Processo

FASE 2

CONCEITODefinição do posicionamento e linguagem visual

Valores da instituição

Atributos da marca

Page 32: Identidade Visual Design UFRGS - O Processo
Page 33: Identidade Visual Design UFRGS - O Processo
Page 34: Identidade Visual Design UFRGS - O Processo
Page 35: Identidade Visual Design UFRGS - O Processo
Page 36: Identidade Visual Design UFRGS - O Processo
Page 37: Identidade Visual Design UFRGS - O Processo
Page 38: Identidade Visual Design UFRGS - O Processo
Page 39: Identidade Visual Design UFRGS - O Processo

FormasPuras, simples, de fácil identificação;Continuidade (fluidez, sequência);Movimento;Tendência ao geométrico;Representações icônicas ou simbólicas;Uso de poucos elementos gráficos;

Recursos como uso de construção e desconstrução do símbolo/logotipo; ideia de planos, volumes;Sistemas - identidades cambiantes (mudanças no símbolo ou por meio de sistemas de apoio).

Definição de posicionamento e linguagemCONCEITUAÇÃO: RESUMO

Page 40: Identidade Visual Design UFRGS - O Processo

TipografiaTipografia com pouco ou nenhum contraste entre os traços, espessura normal (ou leve), formas humanistas ou geométricas, tipos contemporâneos/pós-modernos, sem serifa.

CoresCores neutras em contraste com cores saturadas, intensas e quentes (na própria assinatura visual ou apenas nas aplicações).

Definição de posicionamento e linguagemCONCEITUAÇÃO: RESUMO

Page 41: Identidade Visual Design UFRGS - O Processo
Page 42: Identidade Visual Design UFRGS - O Processo
Page 43: Identidade Visual Design UFRGS - O Processo
Page 44: Identidade Visual Design UFRGS - O Processo

Definição de posicionamento e linguagemCONCEITUAÇÃO: RESUMO

O que deve ser percebido por meio da linguagem (enquanto significados)?Contemporaneidade, dinamismo, credibilidade.

Qual o “tom” da linguagem a ser utilizado?Informal, não no sentido de algo lúdico ou divertido, mas sim de uma linguagem jovial.

Posicionamento/mensagem chave:Excelência e metodologiaInterface entre pessoas e tecnologia;Entre criação e produção.

Page 45: Identidade Visual Design UFRGS - O Processo

Valores

CONCEITUAÇÃO: RESUMO

cientificidade e metodologia

EXCELÊNCIA

Page 46: Identidade Visual Design UFRGS - O Processo

Valores

CONCEITUAÇÃO: RESUMO

INOVAÇÃO

Page 47: Identidade Visual Design UFRGS - O Processo

Valores

CONCEITUAÇÃO: RESUMO

CRIATIVIDADE

Page 48: Identidade Visual Design UFRGS - O Processo

Valores

CONCEITUAÇÃO: RESUMO

INTERDISCIPLINARIDADE

Page 49: Identidade Visual Design UFRGS - O Processo

Valores

CONCEITUAÇÃO: RESUMO

ADAPTAÇÃO*o conjunto de meios planejadamente dispostos, físicos ou lógicos, com vista a fazer a adaptação entre dois sistemas para se obter um certo fim, cujo resultado possui partes

comuns aos dois sistemas, ou seja, o objeto final possui características dos dois sistemas.

no sentido de INTERFACE* entre pessoas e tecnologia

Page 50: Identidade Visual Design UFRGS - O Processo

CONTEMPORÂNEA

Atributos da marca

CONCEITUAÇÃO: RESUMO

Page 51: Identidade Visual Design UFRGS - O Processo

JOVEM+INFORMAL

Atributos da marca

CONCEITUAÇÃO: RESUMO

Page 52: Identidade Visual Design UFRGS - O Processo

SIMPLES+INTENSA

Atributos da marca

CONCEITUAÇÃO: RESUMO

Page 53: Identidade Visual Design UFRGS - O Processo

DINÂMICA

Atributos da marca

CONCEITUAÇÃO: RESUMO

Page 54: Identidade Visual Design UFRGS - O Processo

FASE 3

DESENHODA IDENTIDADE VISUAL

Page 55: Identidade Visual Design UFRGS - O Processo

Geração de Ideias: conceitos visuais para

a identidade

Reuniões em grupo com docentes e representantes

CADE (2012)

DESENHO

Page 56: Identidade Visual Design UFRGS - O Processo

DESENHO

Geração de alternativas pela

equipe responsável

Page 57: Identidade Visual Design UFRGS - O Processo

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGNUFRGS

DESIGN

DESIGN UFRGS

DESIGN UFRGS

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGNUFRGS

DESIGN

DESIGN UFRGS

DESIGN UFRGS

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGN

UFRGSDESIGNTestes:

configuração símbolo+

tipografia;escala

>Pré-seleção de

05 alternativas:reunião com

docentes

Page 58: Identidade Visual Design UFRGS - O Processo

Refinamento de02 propostas >

avaliação por docentes/ epecialistas

Page 59: Identidade Visual Design UFRGS - O Processo

DESENHOCritérios de avaliação das propostas finais (20 avaliações)

Requisitos Técnicos/atributos formais

LegibilidadeOriginalidadeContemporaneidadePregnânciaIdentifica-se com o contexto

Atributos da Marca/significação

Cientificidade e metodologiaInovação e criatividadeInterdisciplinaridadeAdaptação / InterfaceTransformaçãoDinamismoCredibilidadeContinuidadeConstrução/Desconstrução

Page 60: Identidade Visual Design UFRGS - O Processo

UFRGS

DESENHO: SELEÇÃO FINAL

Page 61: Identidade Visual Design UFRGS - O Processo

UFRGSR1 8

R9 30˚

+DU

Conceitos:

> CIENTIFICIDADE e METODOLOGIA, aliados à INOVAÇÃO, CRIATIVIDADE e INTERDISCIPLIN-ARIDADE.

> ADAPTAÇÃO, INTERSTÍCIO, INTERFACE entre PESSOAS e TECNOLOGIA, entre CRIAÇÃO e PRODUÇÃO.

> Com base nessa mensagem principal a ser transmitida, os atributos que a identidade deve evidenciar são: contemporaneidade, dinamismo, credibilidade, intensidade, simpli-cidade e informalidade.

> Formas que traduzam CONTINUIDADE, MOVIMENTO e a relação de SISTEMAS, de CONSTRUÇÃO e DESCONSTRÇÃO, no sentido de trazer uma linguagem atual, que através de suas formas representassem a questão de interstício e de transformação e interface.

Page 62: Identidade Visual Design UFRGS - O Processo

UFRGS

15X

5X

1,5X

DESENHO: GEOMETRIZAÇÃO

Page 63: Identidade Visual Design UFRGS - O Processo

Programa de Pós-Graduação UFRGS

15X

5X

1,5X

1,5X

Page 64: Identidade Visual Design UFRGS - O Processo

UFRGS

15X

5X

1,5X

1,5X

Graduação

UFRGSGraduação | Produto

UFRGSGraduação | Visual

Page 65: Identidade Visual Design UFRGS - O Processo

15X

5X

1,5X

UFRGS

Page 66: Identidade Visual Design UFRGS - O Processo

Graduação

15X

5X

1,5X

Graduação | Produto

Graduação | Visual

Page 67: Identidade Visual Design UFRGS - O Processo

Programa de Pós-Graduação

15X

5X

1,5X

Page 68: Identidade Visual Design UFRGS - O Processo

DESENHO: VERSÕESASSINATURA PRINCIPAL

Page 69: Identidade Visual Design UFRGS - O Processo

DESENHO: VERSÕESASSINATURA GRADUAÇÃO

Page 70: Identidade Visual Design UFRGS - O Processo

DESENHO: VERSÕESASSINATURA GRADUAÇÃO

Page 71: Identidade Visual Design UFRGS - O Processo

DESENHO: VERSÕESASSINATURA PÓS-GRADUAÇÃO

Page 72: Identidade Visual Design UFRGS - O Processo

DESENHO: ÁREA DE PROTEÇÃO

Page 73: Identidade Visual Design UFRGS - O Processo

FASE 4

PADRÕES DEPROJETO &PONTOS DE CONTATO

Page 74: Identidade Visual Design UFRGS - O Processo

PALETA DE CORES

Page 75: Identidade Visual Design UFRGS - O Processo

TIPOGRAFIA

NOTO SANS

Page 76: Identidade Visual Design UFRGS - O Processo

SISTEMAS DE APOIO

Page 77: Identidade Visual Design UFRGS - O Processo
Page 78: Identidade Visual Design UFRGS - O Processo
Page 79: Identidade Visual Design UFRGS - O Processo
Page 80: Identidade Visual Design UFRGS - O Processo
Page 81: Identidade Visual Design UFRGS - O Processo
Page 82: Identidade Visual Design UFRGS - O Processo
Page 83: Identidade Visual Design UFRGS - O Processo
Page 84: Identidade Visual Design UFRGS - O Processo
Page 85: Identidade Visual Design UFRGS - O Processo
Page 86: Identidade Visual Design UFRGS - O Processo
Page 87: Identidade Visual Design UFRGS - O Processo
Page 88: Identidade Visual Design UFRGS - O Processo
Page 89: Identidade Visual Design UFRGS - O Processo

GRAFISMOS:SÍMBOLO COMO MÁSCARA E SANGRADO

Page 90: Identidade Visual Design UFRGS - O Processo
Page 91: Identidade Visual Design UFRGS - O Processo
Page 92: Identidade Visual Design UFRGS - O Processo
Page 93: Identidade Visual Design UFRGS - O Processo
Page 94: Identidade Visual Design UFRGS - O Processo
Page 95: Identidade Visual Design UFRGS - O Processo
Page 96: Identidade Visual Design UFRGS - O Processo
Page 97: Identidade Visual Design UFRGS - O Processo
Page 98: Identidade Visual Design UFRGS - O Processo
Page 99: Identidade Visual Design UFRGS - O Processo

CONTINUIDADEExecução das aplicações principais

Finalização do Manual de Identidade

Disponibilização dos arquivos da marca para uso da comunidade do Design UFRGS

Page 100: Identidade Visual Design UFRGS - O Processo

UFRGS