Atividade 4

Prévia do material em texto

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:22/09/2021 
Professora: Renata Barbieri
Acadêmico (a): Alex Ribeiro Gauna Martins Polo:Bonito Ms RGM: 343.5103
ATIVIDADE 04 – USABILIDADE APLICADA A ELEMENTOS DA INTERFACE
Atenção: ATENÇÃO: As respostas COPIADAS da internet ou IGUAIS aos dos colegas SERÃO ANULADAS.
SUGESTÕES DE CONTEÚDO:
LAYOUT E COMPOSIÇÃO
https://www.youtube.com/watch?v=vCttJEO-qK0&t=107s
TUDO TEM UM PORQUÊ | OS FUNDAMENTOS DO DESIGN
https://www.youtube.com/watch?v=oxkcoI4eaa4&t=224s
COMO USAR IMAGENS PARA FAZER LAYOUT
https://www.youtube.com/watch?v=vbktvZf9pNI
1) Assista o vídeo LAYOUT E COMPOSIÇÃO e explique cada um dos cinco princípios básicos que deve ser considerados na elaboração de projetos gráficos, são eles:
a. Proximidade: Aproxime ou forme grupos com elementos que se relacionam.Quando aproximamos os elementos que se relacionam conseguimos dar pistas para o observador de qual a ordem de leitura ele deve seguir. Isso acontece instantaneamente, pois, primeiramente, o nosso cérebro escaneia o layout como um todo e depois inicia o processo de leitura das parte.
b. Espaço em branco: Esse espaço normalmente fica entre os elementos do seu trabalho, como linhas de texto, margens, ícones etc. Sua função é simples, mas importante: oferecer espaço ao conteúdo para que ele seja melhor entendido.
c. Alinhamento: Ao inserir textos e imagens em um layout precisamos ter em mente que mantê-las organizadas é fundamental para a compreensão do observador, e o alinhamento ajuda muito nisso. Nós, seres humanos, começamos a alinhar informações desde a nossa alfabetização, onde nossas queridas professoras nos ensinam que devemos escrever de cima para baixo, da esquerda para a direta.
d. Contraste: O contraste é o responsável por dar relevância visual ao que deve ser atrativo. Ou seja, dar destaque a algumas áreas no layout. Isso além de atribuir um ritmo a arte, define o que possui maior relevância e possibilita o observador a compreender todo o enredo do layout com apenas uma passagem de olhar.
e. Repetição: O ato de repetir um elemento no layout faz com que o observador siga um fluxo de leitura. E ausentar a repetição de elementos pode deixar a arte sem um conectivo visual, fazendo com que o observador se sinta perdido. É obvio que a repetição em demasia também cria confusão, então para evitar esse ruído visual utilize o princípio da repetição com o intuito de organizar as informações da composição.
2) Assista o vídeo COMO USAR IMAGENS PARA FAZER LAYOUT e explique quais critérios devem ser utilizados na escolha das imagens, para elaborar uma interface amigável. 
O uso de imagens na Web torna o ambiente mais agradável e interativo, no entanto estas devem ser empregadas com muito critério, pois o uso de imagens em excesso e inadequadas a temática do site, podem comprometer a função estética e informativa, como também podem causar morosidade no carregamento da página. Na web os usuários navegam de forma não linear e observam as principais informações na página, ignorando o restante do conteúdo, desta forma a interface deve transmitir os assuntos prioritários de forma clara e precisa, sem que o usuário tenha que observar todos os elementos que a compõem para assimila-los.
Imagens Bitmaps e Vetoriais: Na computação gráfica, há dois tipos de arquivos de imagem: bitmap e vetorial. Imagens bitmap ou mapa de bits: são imagens desenhadas na tela por uma matriz de pixels, que juntos compõem imagem vista. As imagens bitmaps são manipulados por programas editores de imagens. Os programas mais conhecidos que criam arquivos bitmap são: Adobe PhotoShop, Corel Photopaint, Corel Paint Shop Pro, Gimp e outros.
Imagens Vetoriais: as imagens são compostas por vetores matemáticos, tais como curvas, elipses, polígonos, texto, entre outros elementos e podem se redimensionar sem perder qualidade. Essas imagens são criadas em programas como Corel Draw,Adobe Ilustrator,Macromedia FreeHand, flash entre outros.Os programas mais conhecidos que criam arquivos vetoriais são: CorelDraw, Illustrator, Freehand,RealDraw,Xara, Inkscape, entre outros.