Logo Passei Direto

Design na Web: Gestalt e Princípios Básicos

Material
Study with thousands of resources!

Text Material Preview

CENTRO UNIVERSITÁRIO DA GRANDE DOURADOS
TECNOLÓGICO EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
Disciplina: COMUNICAÇÃO VISUAL PARA WEB I
Semestre: 4º Data: 
Professora: Renata Barbieri
Acadêmico(a): Polo: UNIGRAN RGM: 
ATIVIDADE 01 – DESIGN NA WEB
ORIENTAÇÕES DE ESTUDO:
Para responder as questões leia o guia de estudo e assista aos vídeos:
Conceitos básicos de leiaute e composição: 
https://www.youtube.com/watch?v=vCttJEO-qK0&t=92s
Gestalt - Entenda de vez esse negócio. 
https://www.youtube.com/watch?v=2K8aAsjExIM
ATENÇÃO: As respostas COPIADAS da internet ou IGUAIS aos dos colegas SERÃO ANULADAS.
1. Avalie a imagem da interface do site Viva Bonito, na imagem abaixo, ou no site https://www.vivabonito.com.br , e encontre 2 LEIS DA GESTALT presentes na interface. Na resposta você deve citar quais áreas/objetos estão sendo avaliadas e explicar o porquê a lei da Gestalt estão presentes nas referidas áreas. Justifique sua resposta (mín, 3 linhas para cada lei).
a) 1º LEI: Lei da Continuidade, que está ligada ao alinhamento da composição. No site em questão são apresentadas 5 imagens sendo uma grande dando uma visão geral e 4 menores abaixo mostrando as diferentes atividades oferecidas pelo site. Todas as imagens estão alinhadas de modo a criar a percepção de continuidade, fazendo com que sejam visualizadas como uma coisa só e criando o entendimento de que estão relacionadas. 
b) 2º LEI: Lei da Semelhança: ao utilizar as fotos em formato de quadrado para listar as atividades, cria a percepção de agrupamento. Além disso, o esquema de cores do site e das próprias fotos também auxilia nessa percepção. E a primeira foto sendo um retângulo do tamanho das 4 fotos abaixo, dá a idéia de uma visão do todo, para depois especificar o que encontramos nesse local nas fotos menores.
2) Assista ao vídeo CONCEITOS BÁSICOS DE LEIAUTE E COMPOSIÇÃO e explique os cinco princípios básicos que devem ser observados no design de um projeto gráfico?
Proximidade: utilização do espaçamento entre os elementos que forem para criar a percepção de relacionamento entre os mesmos.
Espaço em Branco: deve ser utilizado de modo a destacar o conteúdo e fazer com que o mesmo seja entendido da melhor forma.
Alinhamento: serve para organizar a composição, e assim criar a percepção de agrupamento e continuidade entre os elementos.
Contraste: diferenciação entre dois ou mais elementos através de cor, tamanho, fonte, etc., com o intuito de chamar atenção ou colocar ênfase em determinado elemento.
Repetição: cria a idéia de uniformidade e dá consistência ao design. se dá através de formas, paleta de cores, fontes, etc.