Design Leis do design Impressão e mídia digital

Slides:



Advertisements
Apresentações semelhantes
PROJETO GRÁFICO VISUAL
Advertisements

Bons e maus designs O que é design de interação
O USO DO LIXO PARA DESENVOLVER O RACIOCIONIO EM MATEMÁTICA
Imprimir apresentações em diversos formatos
Como utilizar esta ferramenta para apresentações profissionais.
Design para a Web Design é a cara do mundo moderno. Civilizados ou não, todos os homens querem ver algo relacionado a design de alguma maneira. Fazer isso.
POWER POINT O POWER POINT é um editor de apresentações, pertencente ao
Lafayette B. Melo – CEFET-PB - COINFO Interface do usuário, linhas de comando e menus Interface do usuário Linhas de comando Menus.
1 - Lafayette B. Melo – Análise e Projeto de Sistemas para a Internet – Noções de Engenharia de Software COINFO – CEFET-PB Noções de Engenharia de Software.
Comunicação e Coordenação
Modelos conceituais de interação
Interfaces gráficas e Interfaces Web
3. Como identificar requisitos?
Lafayette B. Melo – CEFET-PB - COINFO Comunicação e Colaboração Comunicação Suporte à comunicação na interface Coordenação Suporte à coordenação na interface.
Introdução à avaliação
Tipografia Propriedades Como orientar uma boa tipografia na Web
Lafayette B. Melo – CEFET-PB - COINFO A interface de software deve ser projetada para atender as necessidades e os desejos do usuário Por que o usuário.
Cor Sensações da cores Tipos de cores Alguns termos técnicos
Sugestões para tirar Apontamentos nas Aulas
Composição e Projeto Gráfico
Introdução aos Princípios e elementos de design
Percepção e Fund. Das Artes Visuais
Prof. Felippe M Zancarli
Fundamentos da Informática
CAPÍTULO 8 A FORMAÇÃO DE PREÇOS.
GESTALT.
EB23 Pe Vítor Melícias Estudo da Cor Rui Silva
O CARTAZ Departamento de Expressões Artísticas – Grupo de Educação Visual e Tecnológica Ano lectivo 2009/10.
Lafayette B. Melo – CEFET-PB - COINFO Quando só o que se tem é um martelo, se acha que tudo que tem no mundo é prego (?) Como você vê o mundo em sua volta.
Análise e Projeto de Sistemas para a Internet
Psicologia da interface
Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender.
WebDesign?
Modelos conceituais de interação
OS ELEMENTOS ESSENCIAIS VI
2.3 COR NO DESIGN A cor não tem existência material e é considerada muitas vezes como apenas um fenômeno da luz Os seus estudos passaram pela filosofia,
Análise de Anúncio Alunas: Marília Quezado e Natália Porto Disciplina: Introdução às Artes Gráficas Prof(a): Rita Paulino Fase: UNIVERSIDADE FEDERAL.
Construções Lógico –Matemáticas – Aula 09
Lab. de Produção Gráfica e Imagem
Logomarcas.
Planear um Website Principais etapas.
IHC Aula 10.
Para logos monocromáticos Cores Para logos em cinza Vermelho RGB: 169, 21, 1 CMYK: 22, 100, 100, 17 HEX: #a91501 Preto RGB: 0, 0, 0 CMYK: 0, 0, 0,
PROJETO DE JOGOS I Aula 3.
Organização, Sistemas e Métodos Formulários
LAYOUT E PROPORÇÃO ÁUREA Semana 04 LAYOUT E PROPORÇÃO ÁUREA.
Ilustração.
Estrutura física da revista
TIPOLOGIA E DESIGN.
DIAGRAMAÇÃO Colunas.
VRML. Roteiro  Introdução  A história de VRML  Visão geral  Potencial  Fundamentos  Ferramentas de software  Vantagens e Desvantagens  Conclusões.
Abrindo um projeto Clique em Arquivo → Salvar como Não esqueça de modificar o nome, colocando um nome que identifique o projeto. Salve seu projeto em mais.
(A psicologia da Forma)
Gestaltismo ..
Como elaborar uma apresentação em PPT para defesa de TCC
PÓSTER CIENTÍFICO COMO FAZÊ-LO ?.
Aplicativos Web – Web Design
Aplicativos Web – Web Design
INTERFACE HOMEM-MÁQUINA
PUBLISHER AULA 01 Neste primeiro capítulo, você terá uma visão geral do Microsoft Publisher e conhecerá suas funcionalidades, além de obter o conhecimento.
Introdução Crie ilustrações e arte vetorial usando ferramentas precisas e avançadas de desenho e tipografia. Trabalhe com rapidez e de forma intuitiva.
Elementos da composição gráfica
Fernando Feltrin Criando uma revista Fernando Feltrin
Apontamentos sugestões e orientações práticas. Apontamentos nas Aulas Esta tarefa irá permitir-te estar mais atento e mais concentrado na aula. O registo.
Dicas - como criar um boa apresentação Dicas Como criar um boa apresentação.
História em Quadrinhos e Fanzine na Escola
5S Qualidade de vida a partir do ambiente de trabalho.
Web Design Aula 01 Jackson Eduardo
blogspot.com GESTALT A psicologia das formas.
1. 2 Os processos da álgebra levados para a vida moderna são decisivos muitas vezes, para resumir experiências realizadas ou desenvolver roteiros que.
Transcrição da apresentação:

Design Leis do design Impressão e mídia digital Princípios de design Design Leis do design Impressão e mídia digital

Você aplica algum princípio de design nos seus trabalhos? O que é um bom design de site para você? Você usa os princípios de design que trabalha no papel do mesmo modo que usa na confecção dos seus sites?

DESIGN O design como atividade profissional a ser utilizada no estudo de Interfaces Web tem alguns pontos fundamentais a serem debatidos Está mais relacionado com “projeto” do que “desenho” Possui princípios básicos baseados na Gestalt Tem uma forte herança da mídia impressa Também é importante entender as suas quatro leis: atração, harmonia, equilíbrio e simplicidade Uma pergunta: as regras de design funcionam do mesmo modo o tempo todo? Não, algumas concepções sobre o design de objetos mudam com a história

Suponha que você vai montar uma livraria virtual... Antes de aplicar as leis do design é importante entender os caminhos que se segue para escolher um design na Web Os profissionais se preocupam com a identidade? Há mais cópias ou padronizações? Suponha que você vai montar uma livraria virtual...

Você copia a estrutura e muda o logotipo? Você muda radicalmente a apresentação das seções?

1) ATRAÇÃO (elementos parecidos ficam próximos) LEIS DO DESIGN 1) ATRAÇÃO (elementos parecidos ficam próximos) “cada macaco no seu galho” Conjuntos de atração devem ser criados

2) HARMONIA (coerência visual) A criação de formas subordina-se à composição da estrutura Cada forma deve estar ligada a um esquema total Toda forma varia em grau e importância de acordo com o destaque que se quer dar a uma forma particular DICA: se eu já tenho a estrutura e o conteúdo de um site e quero dar mais destaque ao título do que à imagem transformo o título em imagem

A relação proporcional na harmonia é a de duas partes iguais, mas é a mais desprovida de animação e variedade, sem atração visual Para criar uma harmonia simétrica, deve-se dispor os elementos ímpares de maneira centralizada e os pares em duplas

A proporção igual não chama atenção, mas o ideal é de três partes para cinco ou de três partes para dois Apesar das regras, o ideal é treinar o bom senso, observando pinturas, formas arquitetônicas e o que mais chama atenção das pessoas nas ruas, enfim INTERAGIR!

3) EQUILÍBRIO (dois pesos duas medidas) O equilíbrio entre duas forças, ou entre dois elementos, ocorre quando ambos compensam-se mutuamente É obtido mais com treino do que com proporções e cálculos matemáticos (“o equilibrista”) Assim como o equilibrista, há a possibilidade de fracassar!

4) SIMPLICIDADE (sinônimo de eficiência) Gera clareza, organização mais harmoniosa e unificada Boa assimilação e fácil compreensão Godin traduziu como “macaco quer banana”

IMPRESSÃO E MÍDIA DIGITAL As semelhanças de uma página impressa com as páginas da Web existem, mas para fazer um bom design é necessário antes entender as diferenças O custo de publicação Seja um folheto, um livro ou um anúncio em uma revista ou jornal, o valor impresso é muito mais alto Na Web, acrescenta-se a possibilidade da quantidade de armazenagem A cor O padrão impresso é CMYK (ciano, magenta, amarelo e preto O padrão Web é RGB (vermelho, verde e azul)

O padrão impresso CMYK O padrão Web RGB (mais espectros visuais)

Revisões, atualizações e arquivos podem ser mantidos melhor na Web A distribuição do material impresso é feita por envio e na Web o cliente é ativo As respostas ao material são mais rápidas na Web Na Web, há muita integração com outras mídias Quantidade e acessibilidade podem ser colocadas em conjunto maior na Web

Mas há muitas vantagens na impressão Portabilidade Mais barata de ler Familiaridade / história com a impressão Você pode ler no banheiro, na rede etc As ferramentas de impressão são mais desenvolvidas

As situações abaixo se enquadram melhor em impressão ou na Web? 1) Relatório anual que precisa chegar aos acionistas 2) Você deseja mudar de uma pequena cidade para uma maior para mostrar seus talentos de artista gráfico 3) Você tem uma pequena empresa de software e precisa atualizá-lo a cada mês. Como avisar aos clientes? 4) Você é um professor e quer mostrar folhetos seus com os mais diversos assuntos, mas os editores dizem que os folhetos são muito pequenos 5) Sua namorada quer compilar todo seu trabalho artístico para que o mundo conheça

Tarefa Encontre um grande site empresarial e diga se ele está de acordo com as expectativas que você teria das suas cores, se ele tem informações demais / de menos, se tem páginas divididas demais / de menos, se a sua atualização poderia ser menor / maior e se os seus mecanismos de interação fazem com que você queira ou não interagir. Analise tudo de acordo com as leis do design e fazendo eventuais ponderações em relação ao fato de as leis poderem ter sido aplicadas melhor no modo impresso.