Visualidade nas provas de vestibular: tipografia e princípios básicos de design

Tamanho: px
Começar a partir da página:

Download "Visualidade nas provas de vestibular: tipografia e princípios básicos de design"

Transcrição

1 Visualidade nas provas de vestibular: tipografia e princípios básicos de design

2 Tipografia

3 Letra serifada Em uma definição resumida, serifa é a haste perpendicular que finaliza os principais traços de algumas letras. Esse recurso facilita a leitura de textos impressos, pois ajuda a aglutinar as letras em palavras (servem como ganchos ). Em textos longos, como em jornais e revistas, é quase obrigatório o uso de letras com serifa.

4 Letra sem serifa Para o meio digital (web, softwares em geral) as letras sem serifa são as preferidas, pois as serifas são um elemento a mais em cada letra, interferindo em sua legibilidade. Por que isto acontece?

5 Monitor emite luz qualquer coisa que emita luz e para a qual tenhamos de olhar continuamente nos é hostil, por isso a preferência pelas letras sem serifas, ou seja, menos elementos de reconhecimento por parte do usuário. Papel absorve luz a leitura impressa é mais confortável porque o papel absorve e reflete a luz, mas não a emite. Neste caso a preferência é pelas letras com serifa.

6 São regras... Como diz Robert Bringhurst, autor do livro Elementos do estilo tipográfico Fique à vontade para quebrar as regras quebre-as com beleza, deliberadamente, bem. Esse é um dos fins para os quais elas foram criadas.

7

8

9

10

11 A Times se parece com a tipologia usada em muitos impressos, como jornais e livros. É considerada um fonte com boa legibilidade para a impressos, mas cansativa para a tela. A Arial é uma tipologia mais leve e mais moderna. Muitos profissionais a consideram uma versão "pobre" da Helvetica. É bem mais confortável para leitura no vídeo. A Verdanaémelhor que a Arial, especialmente em pequenos tamanhos.

12 A Comic Sans foi projetada baseada no tipo de letra usado nos balões de histórias em quadrinhos. A Georgiaémuito mais fácil de ler na tela do que a Times, pois foi projetada para vídeo, enquanto a Times foi projetada para impressos. A Georgiapossui um conjunto de caracteres em itálico muito mais atraente do que a Times. Seus numerais ( ) são também muito elegantes. A Trebuchet é uma fonte muito mais elegante do que a Arial e possui um conjunto de caracteres bem mais completo do que a Verdada, mas é menos legível em tamanhos pequenos.

13 A legibilidade da Impactébem prejudicada em tamanhos pequenos. Ela funciona melhor para títulos, o que acaba sendo mais prático e seguro. Versão mais "pesada" da arial, presta-se melhor, tal qual a Impact, para o uso em títulos, pois para textos ela é excessivamente "bold" É uma boa alternativa à Courier, caso você precise de uma fonte de espaçamento fixo não serifada.

14 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares Princípios básicos de design 2. CONTRASTE, CORES E BRANCOS Layouts dinâmicos chamam a atenção e causam impacto 3. ORDEM, CONSISTÊNCIA E REPETIÇÃO Crie as regras que quiser mas, depois, respeite-as 4. SIMPLIFICAÇÃO Simplicidade é sinônimo de elegância, objetividade e, acima de tudo, clareza 5. LEGIBILIDADE Textos existem para serem lidos 6. INTEGRAÇÃO O design não pode desafinar

15 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares Conseguir o equilíbrio dinâmico entre os elementos de um layout, com pontos de interesse e elementos que chamem a atenção, é muito difícil. Para isso, é preciso usar elementos de pesos e tamanhos diferentes que se oponham e se complementem, criando movimentos e interesse, sem deixar a impressão de que há algo faltando ou sobrando.

16 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares

17 1. EQUILÍBRIO, PROPORÇÃO, SIMETRIA Todos os elementos devem ser complementares

18 2. CONTRASTE, CORES E BRANCOS Layouts dinâmicos chamam a atenção e causam impacto Concordante: não há contraste algum entre dois elementos. O seu resultado é, normalmente, insosso : margens do mesmo tamanho, título e texto feitos na mesma letra e quase com o mesmo corpo. Conflitante: resolver inovar e não ousar muito. Surgem pequenas diferenças de tipo, corpo e estilo de texto; imagens com pequenas variações no estilo, tamanho, moldura, posição. As similaridades dificultam a leitura, porque as atrações visuais não são as mesmas (concordantes) nem são diferentes (contrastantes) por isso entram em conflito, causando um resultado desequilibrado, estranho e desagradável de se ler.

19 2. CONTRASTE, CORES E BRANCOS Layouts dinâmicos chamam a atenção e causam impacto Contrastante: um layout contrastante atrai a visão na hora e cria uma real curiosidade e interesse. Ele pode variar o tamanho, peso, estilo, forma e cor. Quanto maior a quantidade e intensidade dos contrastes, mais interessante poderá ser. Espaços em branco: muitas pessoas consideram os espaços em branco como áreas perdidas e, por isso, tentam preenchê-las com textos e imagens. Os espaços vazios são elementos importantes para o desenho de um layout. Funcionam para equilibrar espaços, reforçar a unidade de grupos, harmonizar áreas e aumentar o contraste.

20 2. CONTRASTE, CORES E BRANCOS Conflitante (marca d água)

21 3. ORDEM, CONSISTÊNCIA E REPETIÇÃO Crie as regras que quiser mas, depois, respeite-as Uma vez definidas as regras, elas não devem ser mudadas até o final. Isso é consistência. No design de um conjunto de documentos (website, páginas de revista) vale o mesmo princípio: tudo é permitido, menos mudar as regras no meio do processo.

22

23 4. SIMPLIFICAÇÃO Simplicidade é sinônimo de elegância, objetividade e, acima de tudo, clareza. Apesar do nome, a simplicidade e a elegância são difíceis de se conseguir, pois têm um enorme poder de síntese: simplicidade requer objetividade, firmeza e clareza de mensagem e elegância de design. Não é uma página branca com uma foto e um texto. É uma página em que o branco ocupa um lugar preciso e estudado.

24 5. LEGIBILIDADE Textos existem para serem lidos. Você consegue ler os textos na tela ou no impresso? Então está bom... Não? Precisa ser modificado... É simples...

25 6. INTEGRAÇÃO O design não pode desafinar. Depois de testar todos os conceitos individualmente, é hora de harmonizá-los, agrupá-los, alinhá-los, simplificá-los, ordená-los ou, sintetizando, integrá-los. Não adianta nada um layout seguir alguns princípios em umas páginas para quebrá-los em outras. Não se pode deixar o layout desafinar.

26 Neste caso, também é importante destacar trechos em que se coloca afirmação CORRETA ou NÃO está correto em todas as questões que forem utilizadas criar um padrão.

27 PONTOS POSITIVOS EM UMA PROVA Escolha da letra - legilibilidade - facilidade de leitura Ilustrações claras Texto bem organizado visualmente Entrelinhas adequadas ATENTAR! Cada mudança traz consigo a ameaça de novos erros Sempre que um arquivo é corrigido novos erros podem aparecer desde problemas com quebras, alinhamentos até erros de ortografia, palavras faltantes, correções malfeitas e... incorretas! Não espere pelas provas para examinar, seriamente, a composição de um texto Mudanças feitas após a preparação de uma prova de impressão são custosas. Elas também irão frear seu projeto, que é claro já está atrasado. (Lupton)

Importância da Tipografia no projeto

Importância da Tipografia no projeto TIPOGRAFIA CPG 1 Tipografia Importância da Tipografia no Projeto Gráfico Estrutura do caractere Classificação por família Características dos Tipos Considerações na escolha da Tipografia CPG 2 Importância

Leia mais

O que veremos hoje: Definição: Tipografia e Tipologia Funções Partes do tipo Variações estruturais Categorias Como combinar os tipos

O que veremos hoje: Definição: Tipografia e Tipologia Funções Partes do tipo Variações estruturais Categorias Como combinar os tipos Tipologia O que veremos hoje: Definição: Tipografia e Tipologia Funções Partes do tipo Variações estruturais Categorias Como combinar os tipos Tipologia A tipologia é um dos meios mais eloqüentes da expressão

Leia mais

Prof. Wanderlei Paré PLANEJAMENTO

Prof. Wanderlei Paré PLANEJAMENTO OS QUATRO PRINCÍPIOS DO DESIGN. PROXIMIDADE ITENS RELACIONADOS ENTRE SI, DEVEM SER AGRUPADOS. QUANDO VÁRIOS ÍTENS ESTÃO PRÓXIMOS, TORNAM-SE UMA UNIDADE VISUAL E NÃO VÁRIAS UNIDADES INDIVIDUALIZADAS. ISSO

Leia mais

Semana 01 e 02 BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS

Semana 01 e 02 BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02 BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS ABORDAGEM INICIAL Pergunta O que é Diagramação e o que é Editoração? ABORDAGEM INICIAL Objetivo Levar a informação

Leia mais

A FORMA INFORMA O CONTEÚDO LAO-TSÉ. Prof. Wanderlei Paré PROJETOS

A FORMA INFORMA O CONTEÚDO LAO-TSÉ. Prof. Wanderlei Paré PROJETOS A FORMA INFORMA O CONTEÚDO LAO-TSÉ ESTILOS CADA PROJETO GRÁFICO PRÓPRIAS. TEM SUAS CARACTERÍSTICAS UM LIVRO SERÁ DIFERENTE DE UM JORNAL, UM JORNAL DIFERENTE DE UMA REVISTA, UMA REVISTA SERÁ DIFERENTE DE

Leia mais

TEORIA E PRÁTICA DA FORMA E COR

TEORIA E PRÁTICA DA FORMA E COR TEORIA E PRÁTICA DA FORMA E COR Aula #02 - Planejamento visual Prof.: esp. Diego Piovesan Medeiros diego.piovesan@gmail.com PRINCÍPIOS BÁSICOS Tudo o Que Vai Volta Lições para viajar de Vejamos a seguir

Leia mais

Design Gráfico Tecnologia Gráfica

Design Gráfico Tecnologia Gráfica Design Gráfico Tecnologia Gráfica Os quatro princípios Básicos Proximidade Alinhamento Repetição Contraste Proximidade Se os ítens estiverem relacionados entre si, agrupeos em proximidade. Separe-os, se

Leia mais

DESIGN EDITORIAL. Aula #03 - Planejamento visual. Prof.: esp. Diego Piovesan Medeiros

DESIGN EDITORIAL. Aula #03 - Planejamento visual. Prof.: esp. Diego Piovesan Medeiros DESIGN EDITORIAL Aula #03 - Planejamento visual Prof.: esp. Diego Piovesan Medeiros diego.medeiros@satc.edu.br PRINCÍPIOS BÁSICOS Tudo o Que Vai Volta Lições para viajar de Vejamos a seguir uma capa de

Leia mais

Pensando a frente de seu tempo

Pensando a frente de seu tempo Pensando a frente de seu tempo DESIGN CRIATI VIDADE em Mídia Exterior E 3,5s é o tempo que um observador motorizado tem para ver a mensagem. As melhores criações para OOH reduzem a mensagem ao essencial,

Leia mais

Design da Informação. Repetição e Contraste. Aula 07. Prof. Dalton Martins

Design da Informação. Repetição e Contraste. Aula 07. Prof. Dalton Martins Design da Informação Repetição e Contraste Aula 07 Prof. Dalton Martins dmartins@gmail.com Gestão da Informação Faculdade de Informação e Comunicação Universidade Federal de Goiás Repetição Repita alguns

Leia mais

Manual de Identidade Visual Golin MIV55

Manual de Identidade Visual Golin MIV55 Manual de Identidade Visual Golin MIV55 Sumário Manual de Identidade Visual Golin A marca de uma empresa é parte integrante do seu capital intelectual 3 Módulo I - Essencial 4 Introdução 4 Definições 4

Leia mais

Manual da Marca e da Identidade Visual

Manual da Marca e da Identidade Visual Manual da Marca e da Identidade Visual CONCEITO, ESTRATÉGIA E APLICAÇÕES Versão atualizada setembro de 14 marca Dimensionamento mínimo Para garantir a reprodução legível da marca, foi estabelecida a redução

Leia mais

Este material não deve ser considerado como única fonte de pesquisa. Use em conjunto com as observações anotadas em classe.

Este material não deve ser considerado como única fonte de pesquisa. Use em conjunto com as observações anotadas em classe. Este material não deve ser considerado como única fonte de pesquisa. Use em conjunto com as observações anotadas em classe. TIPOMETRIA O estudo que se ocupa com a medição dos tipos e caracteres, chama-se

Leia mais

Interfaces Pessoa. Desenho de Ecrãs II. Máquina. Cap. 8 Desenho de Ecrãs

Interfaces Pessoa. Desenho de Ecrãs II. Máquina. Cap. 8 Desenho de Ecrãs Interfaces Pessoa Máquina Desenho de Ecrãs II Cap. 8 Desenho de Ecrãs 09 Melhor e Pior? Melhor e Pior? Melhor e Pior? Resumo Aula Anterior Desenho Visual Proximidade Alinhamento Repetição Contraste Ordenação

Leia mais

Noções básicas de planejamento visual. Fonte: Design para quem não é designer. Willians, Robin.

Noções básicas de planejamento visual. Fonte: Design para quem não é designer. Willians, Robin. Noções básicas de planejamento visual. Fonte: Design para quem não é designer. Willians, Robin. Tudo o Que Vai Volta Lições para viajar de carona pelo país Vejamos a seguir uma capa de um relatório comum

Leia mais

Tópicos de Ambiente Web Web Design Tipografia

Tópicos de Ambiente Web Web Design Tipografia Tópicos de Ambiente Web Web Design Tipografia Professora: Sheila Cáceres TIPOGRAFIA Tópicos de Ambiente Web - Prof. Sheila Cáceres 2 Tipografia Tipografia -> estudo, desenho e classificação dos tipos (letras)

Leia mais

MANUAL DE IDENTIDADE CORPORATIVA

MANUAL DE IDENTIDADE CORPORATIVA MANUAL DE IDENTIDADE CORPORATIVA INTRODUÇÃO IDENTIDADE VISUAL A Identidade Visual é um conjunto de elementos gráficos que irão formalizar a personalidade visual de um nome, idéia, produto ou serviço. À

Leia mais

Universidade Aberta da Terceira Idade Sub-Reitoria de Extensão e Cultura

Universidade Aberta da Terceira Idade Sub-Reitoria de Extensão e Cultura MANUAL DA MARCA iversidade Aberta da Terceira Idade Este manual contém todos os elementos gráficos que representam a padronização visual da marca ati. Aqui são especificados todos os formatos, tamanhos,

Leia mais

Manual de Identidade e Aplicação da Marca

Manual de Identidade e Aplicação da Marca Manual de Identidade e Aplicação da Marca Introdução Este Manual de Identidade tem como principal objetivo prover orientação quanto ao uso adequado da marca Libbs. Para isso, definimos padrões de uso da

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual Manual de Identidade Visual Índice 1.Logotipo Apresentação Marca...03 Cores Completa...04 Cores Fundo Completa...05 Família Tipográfica...08 Reprodução da Marca...10 Versão Simples Apresentação...12 Versão

Leia mais

Tipografia. Tipografia x tipologia. Por que TIPO...? Tipo - vem do grego, Typos, significa molde, sinal.

Tipografia. Tipografia x tipologia. Por que TIPO...? Tipo - vem do grego, Typos, significa molde, sinal. Produção Gráfica 1 Tipografia Parte 1 Tipografia Envolve a seleção e a aplicação de tipos, a escolha do formato da página com objetivo de transmitir uma mensagem do modo mais eficaz possível. Popularmente

Leia mais

Índice. Apresentação e Objetivos. Apresentação da Marca Conclusão. Área de Arejamento. Marca sobre Fundos. Apresentação Objetivo do Manual

Índice. Apresentação e Objetivos. Apresentação da Marca Conclusão. Área de Arejamento. Marca sobre Fundos. Apresentação Objetivo do Manual Índice Apresentação e Objetivos Apresentação Objetivo do Manual 04 05 Área de Arejamento Marca sobre Fundos Marca sobre Fundos da Marca Marca sobre Fundos com Textura 20 21 22 23 Apresentação da Marca

Leia mais

Manual de Identidade Visual Golin. Módulo Anexo II Informações Essenciais

Manual de Identidade Visual Golin. Módulo Anexo II Informações Essenciais Manual de Identidade Visual Golin Módulo Anexo II Informações Essenciais Sumário Introdução 4 Definições 4 2 A. Elementos Institucionais 5 1. Logotipo 5 1.1 Grade Técnica Construtiva 5 1.2 Área de Exclusão

Leia mais

Projeto Gráfico e Diagramação de materiais impressos

Projeto Gráfico e Diagramação de materiais impressos Projeto Gráfico e Diagramação de materiais impressos Contraste Títulos e Subtítulos Entretítulos e capitulares Legendas Imagens Contraste Qual é a função do contraste na diagramação de uma página? Contraste

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual Manual de Identidade Visual 1 2 Apresentação A identidade corporativa é um conjunto integrado de regras que realça visualmente o estilo e as atitudes da empresa. É exatamente por sua importância que este

Leia mais

Manual da Marca e da Identidade Visual. Versão reduzida

Manual da Marca e da Identidade Visual. Versão reduzida Manual da Marca e da Identidade Visual Versão reduzida conceito Design O ensino do futuro do mundo: pessoas inovando pela transformação do Brasil A representação gráfica do pensamento inovador é dada

Leia mais

REVISÃO N1. I Projeto Gráfico Revista Capa, Primeiras Páginas. II Projeto Gráfico Revista Publicação, Páginas Internas

REVISÃO N1. I Projeto Gráfico Revista Capa, Primeiras Páginas. II Projeto Gráfico Revista Publicação, Páginas Internas REVISÃO N1 Projeto Gráfico Jornal I Projeto Gráfico Revista Capa, Primeiras Páginas II Projeto Gráfico Revista Publicação, Páginas Internas III Projeto Gráfico Revista Leis compositivas e desfile IV Projeto

Leia mais

Projeto Gráfico e Diagramação - Jornais. Profa. Ms. Neusa F. K. Nishida

Projeto Gráfico e Diagramação - Jornais. Profa. Ms. Neusa F. K. Nishida Ao final desta aula, você conhecerá: tipos de jornais; dicas de diagramação para atrair a atenção dos leitores; projeto gráfico para jornal. Qual é a diferença entre projeto gráfico e diagramação? Projeto

Leia mais

Design: estrutura e estética

Design: estrutura e estética Parte III Design: estrutura e estética Arte X Engenharia z Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas usuários também querem serviços de qualidade... e clientes querem prazos

Leia mais

PROJETO GRÁFICO DO LIVRO DE DIRETRIZES DE DESIGN E USABILIDADE DE APLICATIVOS DE SMARTPHONE

PROJETO GRÁFICO DO LIVRO DE DIRETRIZES DE DESIGN E USABILIDADE DE APLICATIVOS DE SMARTPHONE PROJETO GRÁFICO DO LIVRO DE DIRETRIZES DE DESIGN E USABILIDADE DE APLICATIVOS DE SMARTPHONE Aluno: Jessé Cerqueira Orientador: Manuela Quaresma Introdução É fato que Smartphones estão em voga no mercado

Leia mais

Ficha Técnica Manual de Identidade Manual Elaborado por: Murilo Amgarten Larissa Lobo 2010

Ficha Técnica Manual de Identidade Manual Elaborado por: Murilo Amgarten Larissa Lobo 2010 Manual de Identidade Introdução Identidade visual consiste em representar graficamente a identidade institucional de cada organização, ou seja, sua personalidade. A partir dela é possível traduzir a essência

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual Manual de Identidade Visual Apresentação A Identidade Visual de uma organização é um de seus principais patrimônios. É por meio dela que uma instituição transmite visualmente seus valores e torna-se reconhecida

Leia mais

PTI Parque Tecnológico Itaipu

PTI Parque Tecnológico Itaipu Introdução Para manter e fortalecer a percepção desejada da marca, foram estabelecidas diretrizes, a identidade visual foi otimizada e as melhores práticas definidas e documentadas com o objetivo de enfatizar

Leia mais

Manual de Identidade Visual Brivali Hotel - Centro

Manual de Identidade Visual Brivali Hotel - Centro Manual de Identidade Visual Brivali Hotel - sumário Apresentação Contextualização Estrutura da marca Conceito da marca Assinatura institucional Restrições de uso Cores institucionais Composição de cores

Leia mais

Manual de Normas da Identidade Visual. Manual de Normas da Identidade Visual

Manual de Normas da Identidade Visual. Manual de Normas da Identidade Visual Manual de Normas da Identidade Visual 1 Índice / Apresentação 3 Composição 4 Área de reserva 5 Versão alternativa 6 Logotipo principal e versão alternativa 7 Cores oficiais 8 Cores para versão principal

Leia mais

Manual de Marca 2. índice

Manual de Marca 2. índice Manual de Marca Manual de Marca 2 índice 03 - Introdução 04 - Uso Preferencial 05 - Malha de Construção 06 - Dimensões Mínimas 07 - Área de Proteção 08 - Cores Institucionais 09 - Monocromia 10 - Uso de

Leia mais

MANUAL DE NORMAS GRÁFICAS

MANUAL DE NORMAS GRÁFICAS MANUAL DE NORMAS GRÁFICAS ARRIFANA DE SOUSA CONTACTOS Endereço HOSPITAL - PENAFIEL Largo Santo António dos Capuchos 4560-454 Penafiel CLÍNICA MÉDICA - PENAFIEL Rua Fonte do Carvalho 4560-466 Penafiel Telefone

Leia mais

Tipos com Serifa. Fragmento de texto da Coluna de Trajano. Fragmento da bíblia de Gutenberg feita com tipos góticas.

Tipos com Serifa. Fragmento de texto da Coluna de Trajano. Fragmento da bíblia de Gutenberg feita com tipos góticas. Tipos com Serifa Os tipos serifados surgiram no Renascimento como uma alternativa às letras góticas, de modo a criar composições mais leves. O francês Nicolas Jenson inspirou-se nas letras da antiguidade

Leia mais

Desenho da marca. símbolo. logotipo. A marca Embras está registrada no INPI (Instituto Nacional de Propriedade Industrial).

Desenho da marca. símbolo. logotipo. A marca Embras está registrada no INPI (Instituto Nacional de Propriedade Industrial). MARCA Desenho da marca 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.

Leia mais

Especialista em Sistemas para Internet

Especialista em Sistemas para Internet Danilo Rosisca Pereira Especialista em Sistemas para Internet O Avanço da Web Percebe-se o aumento exagerado de informações disponibilizadas em ambientes digitais. E muitas vezes apresentadas de forma

Leia mais

MANUAL DA MARCA. O detalhe que faz a diferença

MANUAL DA MARCA. O detalhe que faz a diferença MANUAL DA MARCA ÍNDICE Marca Personalidade 05 Símbolo 08 Assinaturas 09 Construção Linhas de Construção -Assinatura sem Box 11 Linhas de Construção - Assinatura Box 12 Assinatura 13 Linhas de Construção

Leia mais

Manual da Marca e da Identidade Visual

Manual da Marca e da Identidade Visual Manual da Marca e da Identidade Visual fev 2017 versão 20170223 índice apresentação 2 marca desenho da marca 3 assinaturas 4 malha de construção 5 dimensionamento mínimo 6 área de proteção 7 cores cromia

Leia mais

Documentos MS Word acessíveis

Documentos MS Word acessíveis Documentos MS Word acessíveis Este guia pretende ajudar na produção de documentos acessíveis em Microsoft Word de âmbito académico, para serem distribuidos em formato eletrónico ou impressos. As boas práticas

Leia mais

Interação Humano Computador. Profª Marcia Pereira

Interação Humano Computador. Profª Marcia Pereira Interação Humano Computador Profª Marcia Pereira Conteúdo Acessibilidade Tipologia Acessibilidade Acessibilidade Acessibilidade é a possibilidade de qualquer pessoa, independentemente de suas capacidades

Leia mais

DIAGRAMAÇÃO. Ato de distribuir na representação gráfica o conteúdo de uma publicação.

DIAGRAMAÇÃO. Ato de distribuir na representação gráfica o conteúdo de uma publicação. DIAGRAMAÇÃO DIAGRAMAÇÃO Ato de distribuir na representação gráfica o conteúdo de uma publicação. DIAGRAMAÇÃO Diagramar uma página significa muito mais que apenas dispor textos, fotos e ornamentos no papel;

Leia mais

Tipo de documentos. Sadao Massago. Curso de L A TEX, Departamento de Matemática

Tipo de documentos. Sadao Massago. Curso de L A TEX, Departamento de Matemática 1 1 Departamento de Matemática Curso de L A TEX, 2004 Documento científico Conteúdo é formal e é difícil de ser lido Documento científico Conteúdo é formal e é difícil de ser lido Exigência na padronização

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual Manual de Identidade Visual CONCEITO Design "A principal meta da educação é criar homens que sejam capazes de fazer coisas novas, não simplesmente repetir o que outras gerações já fizeram. Homens que

Leia mais

L A M S A M A N U A L D E I D E N T I D A D E V I S U A L A P L I C A Ç Ã O D A L O G O M A R C A

L A M S A M A N U A L D E I D E N T I D A D E V I S U A L A P L I C A Ç Ã O D A L O G O M A R C A L A M S A M A N U A L D E I D E N T I D A D E V I S U A L A P L I C A Ç Ã O D A L O G O M A R C A A P R E S E N T A Ç Ã O A marca LAMSA pode ocorrer em duas versões, basicamente: uma vertical e outra horizontal.

Leia mais

Sinalização Desenvolvimento

Sinalização Desenvolvimento Sinalização Desenvolvimento Setas - Em suportes de sinalização, as setas correspondem ao gesto de se estender a mão e apontar o dedo indicador para alguma direção indicando o caminho que deve ser percorrido

Leia mais

Alfabetização visual para a produção de objetos educacionais. Anita Cestari Grando Mary Lúcia Pedroso Konrath Liane Margarida R. Tarouco CINTED/UFRGS

Alfabetização visual para a produção de objetos educacionais. Anita Cestari Grando Mary Lúcia Pedroso Konrath Liane Margarida R. Tarouco CINTED/UFRGS Alfabetização visual para a produção de objetos educacionais Anita Cestari Grando Mary Lúcia Pedroso Konrath Liane Margarida R. Tarouco CINTED/UFRGS Motivação Com a intensificação do uso da web como apoio

Leia mais

Manual de identidade Visual

Manual de identidade Visual Manual de identidade Visual.1 Manual de identidade Visual Neste volume apresentamos o sistema de identidade visual Libitun. É a apresentação gráfica do produto e que representa os valores e conceitos estabelecidos

Leia mais

Apresentação da ANABB

Apresentação da ANABB 2 Índice Apresentação da ANABB...3 Apresentação da Marca...4 Assinatura Visual...5 Significado da Marca...6 Cores da Marca...7 Família Tipográfica...9 Diagrama de Construção...10 Área de Reserva...11 Convivência

Leia mais

Tipo de documentos. Sadao Massago. Curso de L A TEX, Departamento de Matemática

Tipo de documentos. Sadao Massago. Curso de L A TEX, Departamento de Matemática 1 1 Departamento de Matemática Curso de L A TEX, 2004 Documento científico Conteúdo é formal e é difícil de ser lido Documento científico Conteúdo é formal e é difícil de ser lido Exigência na padronização

Leia mais

Manual da Marca. Portes Lantier. advogados

Manual da Marca. Portes Lantier. advogados Manual da Marca Logo Design e Conceito O conceito geral dessa marca deu-se pela função de atendimento da instituição, e busca mostrar serenidade com as cores utilizadas e com uma fonte moderna sem perder

Leia mais

Este é o nosso estilo.

Este é o nosso estilo. Este é o nosso estilo. MANUAL DE IDENTIDADE VISUAL. VERSÃO 1.0 Scool SIMPLICIDADE É O ÚLTIMO GRAU DE SOFISTICAÇÃO. Leonardo da Vinci 2 MANUAL DE IDENTIDADE VISUAL ESTE É UM GUIA PARA OS ELEMENTOS BÁSICOS

Leia mais

MANUAL DA MARCA GÜHRING. Data: Dez/2011

MANUAL DA MARCA GÜHRING. Data: Dez/2011 MANUAL DA MARCA GÜHRING Uma identidade visual coesa é um dos bens mais valiosos de uma empresa. A GÜHRING é reconhecida em todo mercado pela qualidade de seus produtos e serviços. É importante manter uma

Leia mais

Manual de Identidade Visual >

Manual de Identidade Visual > Manual de Identidade Visual São Paulo 2011 Introdução A manutenção da Identidade Visual depende da aplicação. correta e consistente da Marca, Logomarca, Cores e Tipografias. Este manual contém todas as

Leia mais

Design para slides. inspiradores

Design para slides. inspiradores Design para slides inspiradores INTRODUÇÃO Apresentar ideias com clareza e objetividade é algo cada vez mais valorizado no ambiente de negócios e, para isso, a mídia mais utilizada é a apresentação. Porém,

Leia mais

Manual de Aplicação da Marca. Boi Guru

Manual de Aplicação da Marca. Boi Guru Manual de Aplicação da Marca Boi Guru Boi Guru 4 Introdução O logotipo Variantes de cor Dimensões mínimas Área de não-interferência Usos incorretos Cores institucionais Tipografia Grafismo Aplicações

Leia mais

Henrique Magalhães. Tipologia

Henrique Magalhães. Tipologia Henrique Magalhães Tipologia Texto Recurso fundamental do cartaz Síntese da mensagem, pode prescindir da ilustração O texto e sua hierarquia: Título introdução à mensagem Subtítulo complemento do título

Leia mais

R Capim Brazil. Capim Brazil manual de identidade visual

R Capim Brazil. Capim Brazil  manual de identidade visual manual de identidade visual Sumário A marca Sobre a Marca... 03 Assinaturas da Marca... 04 Versões da Marca... 05 Padrão Cromático... 06 Mallha Construtiva... 07 imite de edução... 08 Área de Proteção...

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual 2014 Manual de Identidade Visual Dealernet Automotive Ecosystem Identidade Visual é a representação gráfica que caracteriza uma empresa. TK ATHAYDE DEALERNET Automotive Ecosystem 08/04/2014 Uma marca é

Leia mais

MANUAL DE NORMAS Identidade gráfica (parte 1) v.1.2 > 20/11/2015

MANUAL DE NORMAS Identidade gráfica (parte 1) v.1.2 > 20/11/2015 MANUAL DE NORMAS v.1.2 > 20/11/2015 Este documento pretende ser uma orientação prática e aspiracional para a marca ISEL articulando uma perspetiva estratégica sobre o reforço de implementação de uma de

Leia mais

Manual de Identidade Visual. conceito, estratégia e aplicações

Manual de Identidade Visual. conceito, estratégia e aplicações Manual de Identidade Visual conceito, estratégia e aplicações SUMÁRIO 04 MARCA 05 CONCEITO 05 Design 06 Desenho da Marca 07 Assinaturas 08 Malha de Construção 09 CORES 09 Pantone, CMYK e RGB 10 Versão

Leia mais

manual de identidade visual

manual de identidade visual manual de 1 identidade visual sumário 02 Apresentação 08 Aplicações 04 GDI Mata 13 Redução 05 Marca 14 Cores 06 Assinaturas 16 Tipografia 2 olá! Atualmente, o termo marca vai muito além de identificar

Leia mais

MANUAL DA MARCA DEFENSORIA PÚBLICA DO TOCANTINS

MANUAL DA MARCA DEFENSORIA PÚBLICA DO TOCANTINS MANUAL DA MARCA DEFENSORIA PÚBLICA DO TOCANTINS APRESENTAÇÃO A marca é o principal elemento de identificação visual constituído de personalidade própria, linguagem e atributos. Para se estabelecer e ser

Leia mais

Guia de Edição de Balões e Textos para Histórias em Quadrinhos

Guia de Edição de Balões e Textos para Histórias em Quadrinhos Guia de Edição de Balões e Textos para Histórias em Quadrinhos Ana Luiza Koehler Diagramação: Ana Cláudia Soares ana luiza koehler 2 Embora frequentemente deixados em segundo plano, os balões e textos

Leia mais

Manual da Marca. Studio.Perret. Arquitetura

Manual da Marca. Studio.Perret. Arquitetura Manual da Marca Por que um Manual da Marca... 3 Sumário A Missão de ser Melhor... 4 Apresentação... 5 Paleta de Cores... 6 Escala de Cinza... 7 Traço (P/B)... 8 Traço (Cor)... 9 Tipologia... 10 Malha de

Leia mais

Conteúdo 7 - Escolha e Combinação de Tipos

Conteúdo 7 - Escolha e Combinação de Tipos Conteúdo 7 - Escolha e Combinação de Tipos professor Rafael Hoffmann Escolha de tipos Escolher a tipografia exige levantar o máximo de informações sobre um projeto para tomar a decisão mais adequada. Conhecer

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual Manual de Identidade Visual MANUAL DE IDENTIDADE VISUAL USO Para que a Bovenau obtenha uma sólida e única imagem, perante seus clientes, fornecedores e público interno, é necessária uma programação e organização

Leia mais

Manual de Identidade Visual. Núcleo de Extensão em Direito Previdenciário

Manual de Identidade Visual. Núcleo de Extensão em Direito Previdenciário Manual de Identidade Visual 04 Plataforma de Marca 05 Conceito 06 Símbolo 07 Logotipo 08 A marca Sumário 09 Versões da marca 10 Tipografia 11 Arejamento 12 Orientações da marca 13 e 14 Redução Mínima

Leia mais

APRESENTAÇÃO. Assente nestes conceitos foi criado o logótipo, que se trata da conjugação do grafismo UAlg com o grafismo ALUMNI, formando um

APRESENTAÇÃO. Assente nestes conceitos foi criado o logótipo, que se trata da conjugação do grafismo UAlg com o grafismo ALUMNI, formando um APRESENTAÇÃO UAlg ALUMNI é a comunidade de antigos alunos da Universidade do Algarve. Com esta, a Universidade pretende criar uma base de dados que funciona como um elo de ligação contínuo entre a Instituição

Leia mais

Manual de identidade visual

Manual de identidade visual Manual de identidade visual 2.0 - Manual de identidade visual 2.1 - Elementos da marca 2.2 - Redução 2.3 - Área de proteção 2.4 - Aplicação 2.5 - Versões PB 2.6 - Malha construtiva 2.7 - Paleta de cores

Leia mais

Interfaces Pessoa. Desenho de Ecrãs II. Máquina. Cap. 8 Desenho de Ecrãs

Interfaces Pessoa. Desenho de Ecrãs II. Máquina. Cap. 8 Desenho de Ecrãs Interfaces Pessoa Máquina Desenho de Ecrãs II Cap. 8 Desenho de Ecrãs 08 Melhor e Pior? Melhor e Pior? Melhor e Pior? Resumo Aula Anterior Desenho Visual P A R C O E P D Resumo Aula Anterior Desenho Visual

Leia mais

guia de uso da marca

guia de uso da marca guia de uso da marca sumário Clique nos itens abaixo para navegar pelo conteúdo. 3 4 5 6 7 8 9 10 11 12 HISTÓRIA DA MARCA FNQ VERSÕES DA MARCA CONSTRUÇÃO DA MARCA MARGEM DE SEGURANÇA REDUÇÕES MONOCROMIA

Leia mais

Aula 06 Princípios do Design

Aula 06 Princípios do Design Aula 06 Princípios do Design FATEC ITU Curso Superior de Tecnologia em Eventos Disciplina Design Gráfico Prof. Ms. Luciane Panisson PRINCÍPIOS DO DESIGN São conceitos que descrevem a qualidade esténca

Leia mais

MANUAL DE IDENTIDADE VISUAL Campus Palmeira dos Índios ANOS

MANUAL DE IDENTIDADE VISUAL Campus Palmeira dos Índios ANOS MANUAL DE IDENTIDADE VISUAL Sumário 04 Conceito Marca 05 Desenho construtivo 06 Assinaturas 07 Área de proteção 08 Versões acromáticas 09 Tipografia Marca 10 Paleta 11 Usos incorretos 12 Fundos coloridos

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual Manual de Identidade Visual Índice 1.0 Formas de Uso do Logotipo 1.1 Versão Padrão 1.2 Variação de Posição 1.3 Versão Negativa 1.4 Versão Grayscale 1.5 Versão Monocromática 1.6 Área de Segurança 1.7 Utilização

Leia mais

Madeira Manual de Marca. Elementos Básicos

Madeira Manual de Marca. Elementos Básicos Madeira Manual de Marca Elementos Básicos Madeira Manual de Marca Elementos Básicos ESTE MANUAL TEM COMO OBJETIVO DEFINIR UM CONJUNTO DE REGRAS E RECOMENDAÇÕES QUE GARANTAM UMA APLICAÇÃO CORRETA DA MARCA

Leia mais

Sumário 1. A MARCA APRESENTAÇÃO 05

Sumário 1. A MARCA APRESENTAÇÃO 05 Sumário 1. A MARCA APRESENTAÇÃO 05 1.1 Logo 06 1.2 Símbolo 07 1.3 Marca vertical 08 1.4 Marca horizontal 09 1.5 Aplicação sobre fundos 10 1.6 Paleta de cores 11 1.7 Aplicação monocromática 12 1.8 Aplicação

Leia mais

Elaboração de pôsteres

Elaboração de pôsteres NAPQ - Núcleo de Assessoramento à Pesquisa Elaboração de pôsteres Luciana de Oliveira Assis Professora Adjunta do Departamento de Terapia Ocupacional Função Sintetizar informações e dados relevantes da

Leia mais

O papel cobre a pedra

O papel cobre a pedra O papel cobre a pedra Aula 03 II - O papel cobre a pedra Significaifi ter as coisas certas antes de você escrever o código. Ter o projeto de seu site no papel p Na pré-produção também deixamos que o usuário

Leia mais

Desenvolvimento Web. Professor: Bruno E. G. Gomes

Desenvolvimento Web. Professor: Bruno E. G. Gomes Instituto Federal de Educação Ciência e Tecnologia Curso Técnico Integrado em Informática Campus Currais Novos Desenvolvimento Web CSS Conceitos básicos parte I Professor: Bruno E. G. Gomes 2013 Introdução

Leia mais

Manual de. Universidade Federal do Recôncavo da Bahia. Identidade Visual

Manual de. Universidade Federal do Recôncavo da Bahia. Identidade Visual Manual de Identidade Visual Introdução O Manual de Identidade Visual da Universidade Federal do (UFRB) busca ser um instrumento fundamental à organização e aplicação da marca da instituição. Nele, normas

Leia mais

Manual de Aplicação da Marca G U I A D E I D E N T I D A D E V I S U A L

Manual de Aplicação da Marca G U I A D E I D E N T I D A D E V I S U A L Manual de Aplicação da Marca G U I A D E I D E N T I D A D E V I S U A L 2018 Sumário Conceito... 5 Símbolo... 6 Desenvolvimento... 7 Utilização... 8 Grade de Construção... 9 Margem de Segurança... 10

Leia mais

Dicas para uma apresentação eficaz em PowerPoint

Dicas para uma apresentação eficaz em PowerPoint Dicas para uma apresentação eficaz em PowerPoint Dicas para uma apresentação eficaz em PowerPoint Tamanho Progressão Consistência Simplicidade Clareza Sumário 1 Escreva em Grande Escreva em Grande (Texto)

Leia mais

Olá, Este manual tem como objetivo apresentar a correta aplicação de nossa marca em toda a sua comunicação.

Olá, Este manual tem como objetivo apresentar a correta aplicação de nossa marca em toda a sua comunicação. Olá, Este manual tem como objetivo apresentar a correta aplicação de nossa marca em toda a sua comunicação. Qualquer dúvida entre em contato com ascom@fuvs.br Sumário 1 2 3 4 5 ASSINATURA PRINCIPAL ÁREA

Leia mais

Manual de Identidade Visual

Manual de Identidade Visual APRESENTAÇÃO A Fundação de Turismo do Vale do Contestado é a organização que dá apoio e suporte ao turismo dos municípios que fazer parte do Vale do Contestado. O trabalho da Fundação, além de dar apoio

Leia mais

TABELAS. Profa. Raquel C. de Melo Minardi

TABELAS. Profa. Raquel C. de Melo Minardi 4 TABELAS Profa. Raquel C. de Melo Minardi ONDE USAMOS TABELAS? Relatórios Artigos Software ESTRUTURANDO OS DADOS ORGANIZANDO OS DADOS Como organizar os dados para que eles contem uma história? As subdivisões

Leia mais

MANUAL DE USO. BOULOS Vice. Identidade de marca SONIA. Presidente

MANUAL DE USO. BOULOS Vice. Identidade de marca SONIA. Presidente MANUAL DE USO Identidade de marca Presidente BOULOS Vice SONIA Índice Manual de uso - Boulos e Sonia 1 Logo 03 1.1 O conceito do Logo 04 1.2 Mandala de Conceitos 05 2 Versões do Logo 06 2.1 Versão Horizontal

Leia mais

Conceito, estrat«gias e aplica es

Conceito, estrat«gias e aplica es Conceito, estrat«gias e aplica es Toda marca é um organismo vivo, com personalidade própria, linguagem e atributos. Para se estabelecer, ser reconhecida e distinguida das demais, é necessário integração,

Leia mais

MANUAL DE IDENTIDADE VISUAL

MANUAL DE IDENTIDADE VISUAL MANUAL DE IDENTIDADE VISUAL SUMÁRIO SUMÁRIO Apresentação 3 Logotipo - versões cromáticas 4 Diagrama de construção, área de reserva e redução 6 Aplicações da marca 7 Aplicações sobre fundos 8 Aplicações

Leia mais

Manual de identidade visual

Manual de identidade visual Manual de identidade 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.

Leia mais

LETRAS POREXPAN > TEXTOS PERSONALIZADOS

LETRAS POREXPAN > TEXTOS PERSONALIZADOS LETRAS POREXPAN > TEXTOS PERSONALIZADOS A seguinte informação é relativa ao produto «Textos personalizados em porexpan». Se, após ler este documento, continuar a ter dúvidas, pode consultar a secção FAQ

Leia mais

09/05/2017. Noções de Designer Gráfico APRESENTAÇÃO

09/05/2017. Noções de Designer Gráfico APRESENTAÇÃO APRESENTAÇÃO Noções de Designer Gráfico Professora Janaide Nogueira Técnica: Secretária Escolar(FDR) Graduação: Bacharelado em Sistemas de Informação(FIED) Pós-Graduação: Especialização em Engenharia de

Leia mais

Manual de uso da marca das Superintendências da UFBA

Manual de uso da marca das Superintendências da UFBA Manual de uso da marca das Superintendências da UFBA Apresentação Logotipo Nomenclatura Símbolo Exemplo das marcas das outras Superintendências: A marca é o elemento central de uma identidade visual. Quando

Leia mais

Henrique Magalhães. Tipografia

Henrique Magalhães. Tipografia Henrique Magalhães Texto Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título introdução à mensagem. Subtítulo complemento do título. Texto

Leia mais

I - Projeto Gráfico Revista

I - Projeto Gráfico Revista I - Projeto Gráfico Revista Capa Primeiras Páginas Capa Como a capa de uma revista deve ser elaborada para despertar a atenção e o interesse do leitor? Capa Embalagem do produto; Destaca a manchete principal;

Leia mais

T I P O M E T R I A. Fournier estabeleceu que: Mais um pouco de história... Mais um pouco de história... o ponto tipográfico valeria = 0,35 mm

T I P O M E T R I A. Fournier estabeleceu que: Mais um pouco de história... Mais um pouco de história... o ponto tipográfico valeria = 0,35 mm Produção Gráfica 1 T I P O M E T R I A Mais um pouco de história... Com a disseminação do sistema de impressão através da tipografia Surgiram os casas de fundição, que fundiam os tipos em metal. Mais um

Leia mais

MANUAL DE IDENTIDADE VISUAL 2018

MANUAL DE IDENTIDADE VISUAL 2018 MANUAL DE IDENTIDADE VISUAL 2018 NOSSO LOGOTIPO É BASEADO NOS 3 PILATES DO FAIR TRADE QUE SUSTENTAM A IDENTIDADE DA MARCA E ESTRUTURA DE DESIGN.. O logotipo da Giovana Baer mostra sua simplicidade denota

Leia mais