26
maj
l tais como projetar 1 site funcional – parte 2 Post: formato, espaA�os e cores

A net A� claramente adequada para a apresentaA�A?o de papelada curtos, contendo muitos hyperlinks. No caso de um texto longo, nA?o substituirA? um livro ou uma revista (pelo menos pelo momento). Ainda assim, se houver necessidade por fazer upload de material mais longo, ele deverA? ser dividido em vA?rias partes e a versA?o para impressA?o ou download deverA? ser disponibilizada sob o formato de arquivos HTML ou RTF. Primeiro de tudo, o artigo deve ser lA?cido. Por meio de parA?grafos curtos, multiplos estilos (nA�veis) de tA�tulos e listas numeradas, podemos melhorar a legibilidade do texto. Palavras importantes devem ser destacadas em negrito ou em itA?lico e, ao mesmo tempo, sublinhado deve ser evitado, pois A� especialmente reservado para links. Este texto deve ser estA?tico, embora possamos descobrir pA?ginas da web com mensagens curtas na forma de faixa do rolagem. Excepcionalmente, um post em movimento A� lido mais lentamente. Nesse caso, o retorno A�s informaA�A�es selecionadas tambA�m A� prejudicado. VocA? deve esperar atA� que as informaA�A�es restantes tenham passado. A forma como os parA?grafos sA?o ajustados tambA�m influencia o ritmo da leitura. Sugere-se alinhar A� esquerda ou justificar, porque o texto formatado de tal maneira lA? muito muito mais facilmente. O texto nA?o deve ser exibido em toda a largura da tela. Muitas vezes, permite o leitor omitir linhas ou descer uma linha abaixo. Linhas contendo no mA?ximo 10 palavras sA?o as muito mais fA?ceis do ler. A cor do texto deve contrastar com a cor do programa de fundo. Um texto preto contra um fundo branco foi o mais legA�vel. A combinaA�A?o inversa tambA�m A� boa, ainda assim, no caso de textos mais longos, desencoraja este usuA?rio e diminui este ritmo da leitura. O emprego de cores brilhantes A� especialmente muito cansativo para os olhos. Por fato, a despeito de de chamarem nossa atenA�A?o, desestimulam depois um curto perA�odo de tempo. Este plano por fundo deve ser simples, porque os grA?ficos dificultam a distinA�A?o de linhas por caracteres e formas das palavras. No entanto, se decidirmos usar 1 padrA?o, ele deve ser bastante sutil. Pelo caso do tA�tulos de seA�A�es, temos que impedir cores. Este texto colorido A� reservado para referA?ncias. O usuA?rio nA?o lA? um site linha por linha, contudo sim passa por ele. Por isso, este conteA?do do site deverA? dividido em vA?rias partes, cada uma das quais deve receptar um tA�tulo. Vale a pena fazer alguns espaA�os vazios entre blocos de texto. 1 documento dividido em partes A� lido mais simplesmente do que 1 texto escrito sem espaA�os. As A�mpares desvantagens dessa soluA�A?o sA?o a extensA?o do artigo e a necessidade de sua rolagem contA�nua. Nesses casos, recomenda-se colocar uma referA?ncia que permita voltar a tela.

SeleA�A?o adequada de origens

A�s vezes, hA? discussA�es sobre a seleA�A?o do tipos por fonte por conta da divisA?o em fontes isento serifas (por exemplo, Verdana) e serif (por exemplo, Times New Roman). Foi comumente conhecido que as pessoas preferem ver textos escritos por meio de fontes serif. Isso resulta do fato de que as serifas facilitam a movimentaA�A?o por um personagem para outro, o de que aumenta sua prA?pria legibilidade. Este princA�pio, no entanto, aplica-se a documentos em papel. A baixa definiA�A?o torna as fontes usando serifa dificilmente legA�veis na tela. Foi especialmente por grande importA?ncia no caso de textos escritos por meio de fontes pequenas. Juntamente com o crescente nA?mero de usuA?rios que possuem monitores de alta definiA�A?o, esse princA�pio terA? menos influA?ncia. No entanto, por enquanto, fontes sans-serif sA?o mais preferA�veis. Certamente, o tamanho da fonte possui um impacto na legibilidade. Fonte tamanho pelo menos 10 pontos deve ser usado para o texto bA?sico. A� especialmente importante evitar letras maiA?sculas no texto. TEXTO ESCRITO NESSE FORMA Foi LIDO EM CERCA DE 10% MAIS TARDIAMENTE. NA?o apenas dois estilos de fonte (para textos de papelada e tA�tulos) ou trA?s no caso de textos especiais, por ex. aviso do plano, deve ser utilizado.

GrA?ficos, ilustraA�A�es e animaA�A�es

Os grA?ficos, assim como estes multimA�dia, devem ser colocados nos sitios quando eles realmente permitem que este usuA?rio entenda melhor as informaA�A�es apresentadas ou melhoram as qualidades estA�ticas da pA?gina da web. Estes objetivos do projeto grA?fico sA?o informar, facilitar a movimentaA�A?o por recursos, porA�m nA?o modificar-se atenA�A?o. Se nA?s usar grA?ficos, em vez do muitas fotos, podemos utilizar um vA?rias vezes. NA?o sA? irA? acelerar o carregamento da pA?gina, mas tambA�m garantirA? a coesA?o visual do site. Para fazer upload de uma imagem, devemos nos lembrar de adicionar o atributo ALT, que permitirA? ao usuA?rio olhar o que uma determinada imagem apresenta antes de ser exibida. Para alA�m disso, navegadores para cegos podem ler arquivos ALT em voz alta. Imagens de suplementos desempenham um papel vital no processo de consumida de decisA?o sobre sua compra. Estes usuA?rios que visitam lojas on-line estA?o mais dispostos a esperar por ainda mais alguns segundos para olhar como foi o produto em de que estA?o interessados. No entanto, este princA�pio por um nA?mero limitado de imagens e ilustraA�A�es deverA? aplicado em pA?ginas de nA�vel superior. No site que exprime um produto, para alA�m da descriA�A?o do resultado, devemos realizar o upload de uma pequena foto (leia-se: „light”) ou uma referA?ncia a uma pA?gina que apresenta seu formato maior ou fotografias adicionais na forma de uma galeria. Todos estes tipos de esquemas, diagramas e grA?ficos constituem outros elementos grA?ficos, que facilitam a compreensA?o e assimilaA�A?o do conteA?do da pA?gina, e que sA?o preferidos pelos usuA?rios por causa dessas qualidades. Os A�cones tambA�m igualmente similarmente identicamente conjuntamente sA?o bastante usados. No entanto, devemos lembrar que a aparA?ncia deles nem a todos os momentos pode ser interpretada de forma idA?ntica e vale a pena descrevA?-los de modo a nA?o induzir em erro este destinatA?rio. Para mais, nA?o A� especialmente aconselhA?vel usar o menu grA?fico e os botA�es. Prolonga o carregamento da pA?gina e, alA�m disso, causa problemas adicionais, p. quando outra categoria do menu A� especialmente adicionada derivado A? reestruturaA�A?o do site. Em seguida, este webmaster deve entrar em contato com o designer grA?fico que comeA�a a procurar por arquivos por origem. A situaA�A?o pode se tornar mais complicada quando os grA?ficos sA?o projetados por uma pessoa de fora, que nA?o definiu diretrizes para o design de elementos grA?ficos. As animaA�A�es constituem outra forma comumente usada, cujo objetivo A� chamar a atenA�A?o do usuA?rio. No entanto, eles devem ser usados raramente, como A� complicado se concentrar em 1 texto usando muitos sinais em movimento. Se o visitante puder responder afirmativamente a questA?o por saber se A� permitido expressar sua mensagem isento animaA�A?o, entA?o vocA? deve renunciar aos grA?ficos animados. Se tem que manter-se presente na pA?gina web, nA?o deve ser muito complicado. Ele incomoda o usuA?rio e dificulta o foco na parte principal da pA?gina. A� especialmente por isso de que, apA?s diversas repetiA�A�es, deve parar.

A pA?gina principal

A� uma vitrine do site, quando um usuA?rio precisa descobrir uma resposta para as seguintes perguntas: „Que gA�nero de informaA�A?o A� apresentada no site? „, „Que conteA?do ela oferece? ” A� portanto que, testingvideocourses.com alA�m do nome e logotipo de destaque da companhia, deve conter o catA?logo de seA�A�es, um breve resumo das principais informaA�A�es, bem do tipo mA?dulo de pesquisa. TambA�m constitui 1 bom lugar para informar sobre promoA�A�es, no entanto, eles nA?o devem ocupar demasiado espaA�o. Sua prA?pria principal funA�A?o deve ser familiarizar o usuA?rio com sua prA?pria A?rea de assunto, incentivA?-lo a entrar em outras pA?ginas da Web, mas antes de mais nada, para possibilitar uma pesquisa adicional por meio de um sistema de navegaA�A?o simples e intuitivo.

NA?o apenas 1 projeto

Foi impossA�vel discutir todos estes princA�pios de funcionalidade do site em um post. A� por isso que vale a pena se familiarizar com outras publicaA�A�es elaborando sobre o assunto. Muitas vezes, acontece de que a disposiA�A?o de praticamente as regras ao mesmo tempo nA?o A� viA?vel, especialmente ao projetar sites muito complicados. Em tais casos, A� especialmente necessA?rio renunciar a alguns princA�pios. Elementos nA?o diretamente relacionados com o design da pA?gina da web, por exemplo sentido de tela, tamanho de fonte delimitado pelo usuA?rio ou um navegador utilizado, tambA�m tA?m um impacto na funcionalidade. O sitio deve ser testado antes de ser publicado na Internet. A conclusA?o e implementaA�A?o do projeto nA?o significa que podemos ignorar a funcionalidade. Um porreiro criador deve monitorar suas pA?ginas da Web a esse respeito o tempo todo.