Top i Cos Design
Transcript of Top i Cos Design
![Page 1: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/1.jpg)
Importância das cores num websiteO uso apropriado de cores pode resultar numa mais rápida e correta assimilação duma informação, por outro lado, o seu uso incorreto pode trazer resultados indesejáveis.
![Page 2: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/2.jpg)
Caraterísticas das coresAs cores são componentes com grande influência, interferindo nas emoções e sentimentos das pessoas.
![Page 3: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/3.jpg)
Cores quentes (amarelo, laranja e vermelho)As cores quentes são consideradas excitantes e vibrantes, são muito luminosas, atraem-nos mais.
Caraterísticas das cores
![Page 4: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/4.jpg)
Cores frias (azul, verde e violeta)As cores frias são consideradas calmantes transmitindo sensações de tranquilidade.
Caraterísticas das cores
![Page 5: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/5.jpg)
Cores neutras (cinzentos, preto, branco, beige ecastanho)
As cores neutras são aquelas onde não há predomínio de tonalidades quentes ou frias.
Elas ajudam a atenuar e suavizar.
Caraterísticas das cores
![Page 6: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/6.jpg)
Cores ComplementaresDe um modo geral, todas as cores são mais visíveis junto com as suas complementares, desde que estas sejam suavizadas, ou escurecidas.
Harmonia das cores
![Page 7: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/7.jpg)
Cores AnálogasAs cores análogas ou da mesma família de tons, são usadas para dar a sensação de uniformidade. Uma composição com cores análogas em geral é elegante, porém deve-se tomar o cuidado de não a deixar monótona.
Harmonia das cores
![Page 8: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/8.jpg)
Cores MonocromáticasAcontece quando o conjunto de cores de uma composição varia dentro de uma cor com vários tons ou de uma cor conjugada com cores neutras.
Harmonia das cores
![Page 9: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/9.jpg)
As cores têm pesoQuanto mais escuras, mais pesadas. Por outro lado, a ausência de cores mais escuras torna o ambiente visualmente opressivo, como num hospital, onde tudo é muito claro.As cores podem confundirO uso de muitas cores alegres, juntas, ao invés de tornar o ambiente mais vivo, pode causar confusão visual. É preferível o uso de alguns detalhes em tons contrastantes, mas sem exagero.
Uso adequado das cores
![Page 10: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/10.jpg)
As cores aumentam e diminuem espaçosAs cores quentes tornam o ambiente visualmente menor, enquanto as cores frias ampliam o ambiente. As cores podem cansarAs cores puras cansam a vista quando usadas em demasia. Para áreas grandes é preferível tons mais claros da mesma cor.
Uso adequado das cores
![Page 11: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/11.jpg)
Na dúvida entre quais cores usar, é preferível optar apenas por uma ou duas cores e trabalhar essas cores em vários tons (mais claros, mais escuros e médios). Para não ficar muito monótono, podem ser utilizadas cores contrastantes em pequenos detalhes.
Uso adequado das cores
![Page 12: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/12.jpg)
As fontes mais utilizadas na internet são as seguintes: Fontes com serifa (serif fonts) Century Schoolbook; Courier New; Georgia Times New Roman
Fontes sem serifa (sans serif fonts) Arial; Comic sans; Tahoma; Verdana
Nota: A conversão de texto em imagem resolve problemas de visualização de determinadas fontes.
Tipografia para páginas WEB
![Page 13: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/13.jpg)
As fontes com serifa são mais legíveis no papel. Nos ecrãs de computador as sem serifa são preferíveis porque as fontes com serifa, devido aos seus ornamentos, nos tamanhos inferiores a 12 funcionam como ruído visual.
Tipografia para páginas WEB
![Page 14: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/14.jpg)
A Verdana e a Arial são dois dos tipos de letras mais recomendados para Web, no entanto, no caso de a página ter um texto muito extenso ou ser destinado a impressão, a Times New Roman poderá ser uma boa escolha.
Considerando em simultâneo a estética e a legibilidade, o tipo de letra Verdana é uma excelente opção para Web, porque não só agrada esteticamente como é legível em tamanhos pequenos e com pouca resolução.
Tipografia para páginas WEB
![Page 15: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/15.jpg)
Públicos alvos específicos Vários estudos desenvolvidos permitiram chegar a conclusões sobre o mais adequado para os seguintes grupos:
Crianças – fonte Comic, tamanho 14, é a que mais agrada ao público infantil
Idosos – fonte Serifa, tamanho 14, permite uma leitura mais rápida em pessoas com uma média de idade de 70 anos.
Tipografia para páginas WEB
![Page 16: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/16.jpg)
![Page 17: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/17.jpg)
Organização visual - Formas
![Page 18: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/18.jpg)
Organização visual - Formas
![Page 19: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/19.jpg)
Organização visual - Formas
![Page 20: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/20.jpg)
Organização visual - Formas
![Page 21: Top i Cos Design](https://reader038.fdocument.pub/reader038/viewer/2022102713/55cf8fa9550346703b9e849f/html5/thumbnails/21.jpg)