Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

UFSJ-PE-Elementos do Design

No description
by

Profª. Alessandra de Falco

on 22 August 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of UFSJ-PE-Elementos do Design

Branco
É a ausência de cor
Conota força dominate e envolvente
Conota integridade e força espiritual
Em torno de outras cores, escuras, como o preto, gera maior contraste
Transmite a ideia de tranquilidade e pureza
Produção Editorial
Profª. Alessandra de Falco

Elementos do Design
Design
Recomendações
finais
O design define a concepção de um projeto e de um produto de um planejamento
No século XVII na Inglaterra, o termo design significava "plano de uma obra de arte"
Na origem latina, "designare" significa "desenho" e implica o conceito de um objeto em vias de produção
Antes do surgimento da expressão designer gráfico, o trabalho do desenho ou redesenho de peças gráficas recebeu – e ainda recebe – diversas nomenclaturas como: comunicação visual, programação visual e projeto gráfico
O design de um produto jornalístico deve incluir elementos como tipografia, cores e imagem
Elemento básico
Tipografia
Codificação
Cores
Funções
Imagens
A escolha de padrões deve se basear em critérios técnicos e estéticos que orientam o trabalho da diagramação

Entretanto, é importante frisar que cada veículo, a partir de seu projeto gráfico – respeitando as
especificidades de cada temática e de seu público – define suas regras próprias
O aspecto mais crucial na escolha de uma tipografia é a uniformidade de estilo, pois evita a distração durante o processo de leitura
Espaçamento
Deve ser utilizado para serparar letras, palavras, orações e parágrafos
O importante é facilitar a compreensão do conteúdo em uma sequência padronizada
Corpo
Uma leitura cômoda e efeciente de textos longos acontece quando o corpo escolhido está entre 9 e 14
Tamanhos acima de 14 são considerados corpos de títulos; entre 14 e 9 de textos; e menores que 9, corpo de legendas
Letras com traços muito finos podem ameaçar sua legibilidade, assim como textos longos com fonte clara em fundo escuro
É importante checar a fonte na versão impressa
Tipografia
Variações visuais
As diferentes formas das letras transmitem associações com períodos específicos da história, movimentos culturais e localização geográfica
As formas dos tipos variam em pelo menos 5 aspectos:
Caixa alta/caixa-baixa: Maiúscula / minúscula
Peso: Espessura do traço (com ou sem bold)
Largura: As letras podem ser condensadas ou expandidas
Postura: romano (padrão) ou itálico
Estilo: com ou sem serifa (arremates nas extremidades)/ bastonadas, diferentes períodos históricos
Hierarquia
Uma das tarefas mais importantes do designer é dar às informações uma ordem que permita ao observador navegar por elas
A hierarquia baseia-se no nível de importância de cada parte do conteúdo
O que deve ser lido em primeiro lugar, segundo lugar, ...
A hierarquia também distingue as funções dos textos: corpo do texto, título, subtítulo, legenda, ...
Qual deve ser o foco principal da atenção do leitor?
O efeito da hierarquia é ao mesmo tempo verbal e visual
Cores
São eficazes para realçar ou contrastar relações espaciais entre o texto e a imagem
Tipografia
Medidas e Padrões
Em um espaço reservado para um texto de 30 linhas (2100 caracteres), o texto deve ser no máximo de 33 linhas, pois a condensação poderá ser de apenas 10%
Título: C-18 a C-60 (C-72 usa-se somente em manchete de capa ou em título de página espelhada)
Capitular: C-30
Linha fina: C-18
Olho: C-14
Texto: C-10, C-11, C-12
Entrelinha: E -1 ponto acima do corpo utilizado
Legenda: C-10
Crédito de foto: C-9
Crédito de texto: C-10
Padrões de corpo
As cores podem ajudar a separar os diferentes tipos de informação, como, por exemplo, as seções de uma revista
Para ser eficaz, a codificação das cores tem que ser simples e facilmente identificável
Psicologia
As cores transmitem mensagens pscicológicas que podem ser utilizadas para influenciar o conteúdo
Cores de comprimentos de onda variados têm efeitos diferentes no sistema nervoso
Por exemplo, cores mais quentes, como vermelho e amarelo, têm comprimento de onda longos, portanto, muito mais energia é necessária para processá-las quando elas são percebidas pelos olhos e cérebro
Os comprimentos de onda mais curtos de cores frias, como azul e verde, requerem menos energia para serem processados, resultando em um efeito calmante
Entretanto, as propriedades psicológicas das cores também dependem da cultura e da experiência pessoal do observador
Cores
Cultura
Muitas culturas relacionam o vermelho a sensações de fome, raiva ou energia porque a cor remete à carne, ao sangue e à violência
Em oposição, os vegetarianos associam a cor verde à fome
Nas culturas ocidentais, predominantemente cristãs, o preto é associado com morte, luto e tristeza, enquanto os hindus relacionam a cor branca à ideia de morte
Os critãos associam o branco com pureza ou limpeza
Na civilização ocidental, o violeta transmite a ideia de autoridade, status e luxo
A maioria das culturas liga o azul à água, à ideia de vida, ao planeta terra
Tons de sépia em fotografias evocam o passado
O amarelo evoca sol, energia, felicidade
Vermelho
Esta cor vibrante está entre as mais chamativas
Estimula o sitema nervoso invocando uma resposta de adrenalina do "instinto de sobrevivência"
Pode nos fazer salivar de fome ou nos tornar impulsivos
Também evoca sentimentos de paixão e excitação
Amarelo
Associada ao sol e ao calor, estimula sentimento de felicidade
Avança em relação a outras cores e torna as cores circundantes mais vivas
Estimula a clara reflexão e a retenção de memória
Amarelos mais brilhantes e mais esverdeados podem causar ansiedade
Um amarelo mais profundo evoca saúde
Marrom
Associado à terra e à madeira, cria sensação de conforto e segurança
A solidez da cor evoca estabilidade
As qualidades naturais percebidas são rusticidade, ecologia e trabalho duro
Conota confiança e durabilidade
Preto
É a cor mais forte visível
Não parece recuar, nem avançar no espaço
Evoca o vazio, o espaço e, na cultura ocidental, a morte
Evoca formalidade
Sugere superioridadade e dignidade
Principal referência deste Prezi:
Elementos do Design
Timothy Samara
Violeta
Percebido como comprometedor, mas também como misterioso e impreciso
Tons escuros, aproximando do preto, conotam morte
Tons claros, masi frios, como lavanda, são nostálgicos e oníricos
Tons avermelhados são impressionantes e enérgicos
Tom ameixa é mágico
Verde
Com comprimento de onda mais curto, é a cor mais relaxante
Sua associação com a natureza e a vegetação transmitem sentimento de segurança
Quanto mais brilhante, mais jovem e energético
Verde mais profundo sugere crescimento econômico sustentável
Verdes mais neutros, como oliva, evocam qualidade terrena
Verde também pode conotar doença ou decadência
Laranja
Mistura de vermelho e amarelo, produz sensações semelhantes às de suas cores de origem, como vitalidade e excitação (vermelho) e calor e amizade (amarelo)
Evoca alguém expansivo e aventureiro e que pode ser percebido como ligeiramente irresponsável
O laranja escuro provoca salivação e remete à sensação de luxo
O mais brilhante conota saúde, frescura, qualidade e força
Quando o tom é mais neutro remete à sofisticação, tornando-se exótico
Cinza
A mais neutra das cores
Pode ser percebida como formal
Mas também pode representar alguém nobre e autoritário
Pode sugerir riqueza intocável
Também é associado à tecnologia, principalmente quando o tom é prata
Sugere exatidão, controle, competência, sofisticação e remete à indústria
Azul
Tem força para acalmar e criar uma sensação de proteção ou segurança, resultado do seu curto comprimento de onda
A associação com o oceano e o céu é responsável pela percepação de algo sólido e confiável
É a cor mais apreciada dentre todas as outras
Uma imagem é uma experiência poderosa que está longe de ser inerte - uma descrição simples de objetos, lugares ou pessoas
É um espaço simbólico e emocional que substitui a experiência física (ou a memória dela) na mente do observador no momento em que está sendo vista
Imagens fornecem um contraponto visual ao texto, ajudando a envolver o público
Elas podem ajudar a esclarecer informações muito complexas
Logo
Imagem utilizada para identificar uma organização e diferenciá-la da concorrência
Tem como objetivo o rápido reconhecimento e a fácil recordação
Ilustração
Revela um aspceto mais individualizado, interpretativo e humorístico de visaulização
Fotografia
É a principal forma de imagem utilizada no Jornalismo
É veloz ao transmitir a informação, pois representa a realidade de forma objetiva
Possibilidades na diagramação
Abrir foto usando toda a área horizontal da página
Abrir foto usando toda a página
A foto pode ter área maior do que o texto a que se refere
Duas ou mais fotografias podem ser aplicadas lado a lado
É possível encerrar a diagramação com uma foto
Detalhes
Em páginas espelhadas com um texto principal, a foto pode atravessar a medianiz, unificando as páginas
Aplicar fios nas fotos emoldura e valoriza a imagem, principalmente em se tratando de reprodução em preto e branco
Usar tipo diferente do texto principal e no formato bold
Evitar tipos muito pequenos
Usar alinhamento à esquerda quando tiver mais de uma linha facilita a leitura
Legenda
Cores
Full transcript