Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender.

Apresentação em tema: "Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender."— Transcrição da apresentação:

1 Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender algumas questões fundamentais: –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 2. DESIGN 2. DESIGN

2 Lafayette B. Melo – CEFET-PB - COINFO

3

4

5

6

7 Antes do conhecimento das regras é 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?

8 Lafayette B. Melo – CEFET-PB - COINFO Suponha que você vai montar uma livraria virtual…

9 Lafayette B. Melo – CEFET-PB - COINFO Você copia a estrutura e muda o logotipo? Você muda radicalmente a apresentação das seções?

10 Lafayette B. Melo – CEFET-PB - COINFO 2.1 LEIS DO DESIGN 1) ATRAÇÃO (elementos parecidos ficam próximos) –cada macaco no seu galho –Conjuntos de atração devem ser criados

11 Lafayette B. Melo – CEFET-PB - COINFO 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

12 Lafayette B. Melo – CEFET-PB - COINFO Título em destaque em relação a outros elementos

13 Lafayette B. Melo – CEFET-PB - COINFO 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

14 Lafayette B. Melo – CEFET-PB - COINFO 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!

15 Lafayette B. Melo – CEFET-PB - COINFO 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!

16 Lafayette B. Melo – CEFET-PB - COINFO Qual dos sites abaixo tem mais equilíbrio?

17 Lafayette B. Melo – CEFET-PB - COINFO 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

18 Lafayette B. Melo – CEFET-PB - COINFO Têm certa estabilidade Representam mais do que emoções e envolvem símbolos 5) AS FORMAS TÊM SUAS FUNÇÕES

19 Lafayette B. Melo – CEFET-PB - COINFO 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) 2.2 IMPRESSÃO E MÍDIA DIGITAL

20 Lafayette B. Melo – CEFET-PB - COINFO O padrão impresso CMYK O padrão Web RGB (mais espectros visuais)

21 Lafayette B. Melo – CEFET-PB - COINFO 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

22 Lafayette B. Melo – CEFET-PB - COINFO Quantidade e acessibilidade podem ser colocadas em conjunto maior na Web

23 Lafayette B. Melo – CEFET-PB - COINFO 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