lafayette b. melo – cefet-pb - coinfo para entender o design como uma atividade profissional que...
TRANSCRIPT
![Page 1: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/1.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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. DESIGN2. DESIGN
![Page 2: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/2.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
![Page 3: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/3.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
![Page 4: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/4.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
![Page 5: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/5.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
![Page 6: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/6.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
![Page 7: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/7.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
• 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?
![Page 8: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/8.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
Suponha que você vai Suponha que você vai montar uma livraria montar uma livraria
virtual…virtual…
![Page 9: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/9.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
Você copia a Você copia a estrutura e estrutura e
muda o muda o logotipo?logotipo?
Você muda radicalmente Você muda radicalmente a apresentação das a apresentação das
seções?seções?
![Page 10: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/10.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
2.1 LEIS DO DESIGN2.1 LEIS DO DESIGN
• 1) ATRAÇÃO (elementos parecidos ficam próximos)– “cada macaco no seu galho”– Conjuntos de atração devem ser criados
![Page 11: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/11.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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
![Page 12: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/12.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
• Título em destaque em relação a outros elementos
![Page 13: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/13.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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
![Page 14: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/14.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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!
![Page 15: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/15.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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!
![Page 16: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/16.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
• Qual dos sites abaixo tem mais equilíbrio?
![Page 17: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/17.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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”
![Page 18: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/18.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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
![Page 19: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/19.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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 DIGITAL2.2 IMPRESSÃO E MÍDIA DIGITAL
![Page 20: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/20.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
• O padrão impresso CMYK
• O padrão Web RGB (mais espectros visuais)
![Page 21: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/21.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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
![Page 22: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/22.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette B. Melo – CEFET-PB - COINFO
• Quantidade e acessibilidade podem ser colocadas em conjunto maior na Web
![Page 23: Lafayette B. Melo – CEFET-PB - COINFO Para entender o design como uma atividade profissional que contribui no estudo de Interfaces Web é preciso entender](https://reader034.vdocuments.pub/reader034/viewer/2022051820/552fc12f497959413d8d4327/html5/thumbnails/23.jpg)
Lafayette B. Melo – CEFET-PB - COINFOLafayette 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