Design Comunicação.pptx

Erros de português
Fontes extravagantes
Abuso de sombras e degradês
Excesso de informações
Falta de informações
Falha na comunicação com o público-alvo
Erro nas cores



Design enquanto processo de comunicação
Art is not what you see, but what you make others see. Edgar Degas
O Design é a síntese visual de ideias.
Captura o pensamento e a linguagem, e reinventa-os.
O Design comanda a imaginação e o intelecto, gera ligações, promove a compreensão e atribui significado.
Os exemplos atractivos / convincentes de soluções de comunicação visual variam de simples a complexos, triviais a significativos.
O Design adequa o ambiente visível e fornece informações a todos dentro dele, é funcional, transmitindo mensagens com propósito.
O Design está sempre presente e concretiza-se em diferentes formatos, incluindo impressão, digital e ambiental.
Baseado na experiência cultural do individuo, o Design afeta a vida cotidiana de maneiras mundanas e extraordinárias.
Design enquanto processo de comunicação
O argumento retórico aqui é dedutivo.
Premissa 1: ela usou o perfume. Premissa 2 :ela é linda, exótica, atraente, sedutora e indomada.
Premissa 3 : se eu usar o perfume também eu vou ser como ela também.
Conclusão: Eu deveria comprar o perfume.
Design enquanto processo de comunicação
Design enquanto processo de comunicação
Qual o conceito, a ideia, a história?
Design enquanto processo de comunicação
If there is no Message, no story, no idea, no narrative, or no useful experience to be had, its not graphic design. It doesn´t matter how amazing the thing is to look at; without a clear Message, it's an empty, although beautiful shell. That's about as complicated as this rule can get:
Communicate do not decorate.
Talking to oneself is the domain of the fine artist.
Being universal is the domain of the designer.

A very large audience, not a few people who are "in the known" has to know what you mean with those shapes, that colour, and the image you choose. Graphic design comes with an agenda.
Design enquanto processo de comunicação
"O Design de Comunicação é uma actividade que organiza a comunicação visual na nossa sociedade"
Jorge Frascara
Linguagem gráfica
Comunicar

"Effective" (Two Ways) Communication scheme
Comunicação
Comunicação


Simple "One way" Communication scheme
Design enquanto processo de comunicação
Captura o pensamento e a linguagem, e reinventa-os.
O Design comanda a imaginação e o intelecto, gera ligações, promove a compreensão e atribui significado.
O Design é a síntese visual de ideias.
To Design is much more than simply to assembler, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse. Paul Rand
A função do design gráfico é a comunicação de mensagens através da justaposição de informação grafica e alfanumérica, ou seja, imagens desenhos, gráficos e texto.
O Design é a síntese visual do pensamento sob a forma de publicações, exposições e cartazes, bem como de embalagens, sinalização e interfaces digitais. O Design é tátil, ambiental e interativo.
Respondendo às necessidades dos utilizadores, é um meio visual poderoso que está presente nas mais diferentes situações da vida diária.

O Design educa, inspira e entretém, bem como informa e incentiva; cria consciência e nutre o diálogo, ao dirigir, orientar, motivar, promover e persuadir.
O Design transmite / estimula atitudes e emoções.
O Design é multifuncional.
Design enquanto processo de comunicação
Design enquanto processo de comunicação
Ex: outro modo de abordar o conceito de makeup
Design enquanto processo de comunicação
Experimentação de ideias

Desenvolver vários estudos explorando a cor, a composição visual, tipografia
Afastamento do computador
Desenvolver diferentes tratamentos para os elementos de ilustração ou fotografia
Sequenciar o conteúdo textual e visual de diferentes maneiras
Tentar algo diferente ou novo
Introduzir formas gráficas e elementos lineares
Trabalho desenvolvido à mão (afastamento do computador)
Discutir as diferentes experimentações com os colegas
Design enquanto processo de comunicação
Design enquanto processo de comunicação
Técnicas de brainstorming

Prática de escrever ideias soltas
Criar mapas mentais
Anotação e criação de listas de pensamentos e ideias
Construir quadros de inspiração visual
Na conceptualização do processo de projeto, o designer deve formular o esquema visual do mesmo.
O conceito é a ligação temática entre o projeto, a sua função e a entrega da mensagem ao visualizador / consumidor.

Um conceito forte adicionará profundidade ao projeto, enquanto cria e mantém o interesse do visualizador, definindo o foco e promovendo uma solução visual coerente.

O designer deve sempre considerar a função do projeto, bem como seu visualizador / utilizador final e não deve complicar o design com um conceito que é inadequado, inacessível ou muito abstrato para transmitir a mensagem ao visualizador. O projeto deve ser acessível, interessante, informativo e comunicativo.
Design enquanto processo de comunicação
O visualizador (frequentemente consumidor / utilizador)

Para quem é o projeto orientado?
Quais são as características do visualizador (consumidor / utilizador)?
O que torna o visualizador único?
Como poderá acontecer a interacção do visualizador com o design?
Quais são as necessidades do consumidor / utilizador final?
Design enquanto processo de comunicação
A relação cliente – designer


Quais são as responsabilidades do cliente?
Quais são as responsabilidades do designer?
Qual é o nível de envolvimento do cliente?
Em que etapas do processo de projeto o cliente estará diretamente envolvido?
Quais são as datas importantes, como apresentação e entrega?
Com que frequência o cliente e o designer interagem?
Qual é o melhor método de comunicação (e-mail, reuniões, telefone)?
Quem são os principais contatos?
Design enquanto processo de comunicação
O problema de projeto de Design

Que tipo de projecto é necessário (relatório anual, brochura, cartaz, website)?

Qual é a função e o propósito do projeto?

Quais são os objetivos / metas do cliente para o projeto

Qual é a principal mensagem que o cliente deseja comunicar?

Que considerações devem ser feitas para atender às necessidades do cliente e do espectador (frequentemente consumidor)?

Existem limitações e restrições?
Qual é o orçamento?
Qual é o cronograma?
Design enquanto processo de comunicação

The recognition of the value of the journey, as opposed to the imagined value points of ending, informs the idea of process.
Tomato
O designer deve compreender a relação entre a cor, a forma e o espaço, bem como a estrutura, a hierarquia e a tipografia.

Pela educação e prática, o designer constrói suas as suas competências, enquanto aumenta a sua capacidade intelectual e a acuidade visual. É responsabilidade primária do designer criar experiências comunicativas fortes que suportem a função do projeto em nome do cliente e para o público alvo.

O designer simplifica, traduz e compartilha ideias através da manipulação cuidada dos elementos visuais.

A relação apropriada de forma para conteúdo, bem como a utilidade e função do projeto, é gerida pelo designer.

O designer desenvolve e controla a apresentação visual da informação para permitir a compreensão da mensagem e relacionar a forma de funcionar com a estética, criando mensagens com significado e facilmente descodificadas pela sua visualização. A informação deve ser comunicada num formato acessível (usabilidade) e eficaz que responda à função do projeto, e não aos desígnios individuais ou de autor do designer.
Design enquanto processo de comunicação
Design
Como transmitir mensagens compreensiveis
Criação de documentos digitais não implica uma nova linguagem, mas sim compreender que é outra forma de comunicação.

A Internet permite comunicação em tempo real possibilitando o uso de linguagem grafica e alfanumérica, com recurso a composições que inserem elementos estáticos e dinâmicos que apelam aos sentidos visual e auditivo.

O documento apresentado em dispositivos digitais tem requisitos diferentes do apresentado em papel.

O alcance da informação apresentada em Sistema Digital é francamente maior que a informação apresentada em papel (independentemente de se tratar de um poster, um outdoor, um desdobravel, um livro….)
Design enquanto processo de comunicação
As páginas de internet podem mudar de dimensão e proporção, pelas características da máquina e configuração.

Os navegadores e a velocidade de acesso são igualmente factores a considerer.

Determinados formatos de documentos podem requerer a instalação de plugins.

Algumas fontes de lettering podem não ser reconhecidas.
As páginas de internet permitem a total liberdade de visualização e navegação por parte do utilizador.
O utilizador pode consultar as páginas na sequência que desejar.
Assim, quanto mais interessante / rico fôr o conteúdo e mais apelativa a forma de o transmitir mais enriquecedora será a experiência do utilizador.
Design enquanto processo de comunicação
repetição
A repetição de elementos visuais na composição unifica e fortalice o sentido de unidade agrupando elementos que pareciam separados.

O objective da repetição é unificar a mancha visual e acrescentar interesse visual. Quando o documeto é interessante visualmente, é mais agradável à vista, facilita a leitura e ajuda na compreensão da mensagem transmitida.

Elementos que permitem a repetição:
layout
ilustrações
tipografia (lettering, espaçamentos, justificação)
cores
navegação
logotipo / marca
repetição
repetição
Contraste
O contraste num documento tem por objectivo organizar a informação, facilitar a sua leitura e criar interesse sobre o mesmo.

O contraste num documento atrai a atenção do leitor sobre o mesmo, uma vez que cria a hieraraquização da informação.

O contraste é atingido sempre que a diferença entre os vários elementos é significativa. Elementos pouco diferentes não hierarquizam nem organizam a informação, pelo contrário confundem e causam conflito visual.

Elementos que permitem o contraste:
cores
tipografia
espessura das Linhas
formas
dimensões



Contraste
Contraste
Contraste
Contraste
Neste ponto do processo de projeto, o conceito foi finalizado e a experimentação resultou num conjunto diverso de estudos exploratórios.
O desenvolvimento adicional dos estudos reuniu todos os elementos visuais em diferentes soluções para selecionar a solução/orientação final.
Durante a fase de execução, o designer deve examinar cada detalhe da peça atentamente, deve pré-visualizar o espaço de composição e organizar o conteúdo logicamente permitindo um olhar / uma leitura sequencial - Alinhamento, orientação, contraste, repetição e posição dos elementos visuais devem ser metodicamente coordenados para criar relações apropriadas.
O sistema hierárquico deve assegurar um arranjo ordenado de conteúdo textual e visual com informações designadas em distintos níveis de importância.

Depois de trabalhar num projeto, o designer encontra-se frequentemente ligado emocionalmente à sua solução, o que às vezes torna difícil analisar o projeto objetivamente. Em consequência será sempre útil apresentar o projeto a outros elementos da equipa para avaliação da sua apresentação e utilidade visuais: O design é esteticamente forte? Demonstra um sistema consistente e coerente que se aplica a todos os elementos visuais? O visualizador será capaz de usá-lo efetivamente?

Design enquanto processo de comunicação
Alinhamento
Alinhamento
O alinhamento de elementos (gráficos e/ou alfanuméricos) auxilia à unidade de grupo, contribui para a identificação visual como coerente e facilita a leitura.

Nenhum elemento informativo deve ser posicionado aliatóriamente no documento.

Cada elemento deve conter uma ligação visual com outro elemento do documento.

Organiza a folha / página.

Auxilia a visualização, criando linhas invisiveis que permitem direccioanr o olhar.


Principios básicos

Proximidade
Alinhamentos
Repetição
Contraste

Design enquanto processo de comunicação
Proximidade
Elementos relacionados entre si (em termos de informação) devem ser agrupados.

Quando vários elementos estão próximos são percebidos como uma mancha visual, garantindo unidade e não elementos individualizados. Esta mancha visual ajuda a sua leitura e compreensão uma vez que permite organizar a informação.

Mesmo dentro da mancha visual é importante agrupar os diferentes elementos gráficamente. Identifique sequências de modo a realçar o que é mais importante, ou onde uma sequência nova se inicia.
Alinhamento
Proximidade
Quantos elementos visuais pode ver neste espaço de informação?
Por onde se iniciou a leitura?
Qual a sequência da leitura?
O que sucede quando se chega ao canto inferior direito?
É facil determiner o fim da leitura?


Qual o maior problema de visualização da lista de itens?
A considerer

Os elementos quando relacionados devem ser agrupados.

Os conjuntos de informação devem ser organizados para uma melhor leitura.

A informação alfanumérica deve conter letras maiusculas e minusculas de modo a facilitar e a conduzir a leitura.

A criação de espaços em branco não serve apenas para formar a composição gráfica mas serve para respirar, tal como a pontuação num texto escrito.

A dimensão dos caractères bem como o seu alinhamento também contribuem para a unidade do conjunto.
Proximidade
Proximidade
Proximidade
Proximidade
Click to edit Master title style
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
12/2/2016

#
Click to edit Master title style
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
Edit Master text styles
12/2/2016

#
12/2/2016

#
Click to edit Master title style
12/2/2016

#
Edit Master text styles
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
Edit Master text styles
12/2/2016

#
Click to edit Master title style
Click to edit Master title style
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
12/2/2016

#
Click to edit Master title style
Edit Master text styles
12/2/2016

#
Click to edit Master title style
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
12/2/2016

#
Click to edit Master title style
Click to edit Master subtitle style
12/2/2016

#
Click to edit Master title style
Click icon to add picture
Edit Master text styles
12/2/2016

#
Click to edit Master title style
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
12/2/2016

#
Click to edit Master title style
Edit Master text styles
Second level
Third level
Fourth level
Fifth level
12/2/2016

#

02-12-2016

Edit Master text styles
Second level
Third level
Fourth level
Fifth level

#