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

A net A� perfeitamente adequada www.univasf.edu.br para a apresentaA�A?o de documentos curtos, contendo muitos hyperlinks. No caso de um texto comprido, nA?o substituirA? um livro ou uma revista (pelo menos pelo momento). No entanto, se houver necessidade por fazer upload de material mais comprido, ele deverA? ser dividido em numerosas partes e a versA?o para impressA?o ou download deverA? ser disponibilizada sob o formato de arquivos HTML ou RTF. 1o de tudo, o artigo deve ser lA?cido. Por meio de parA?grafos curtos, variados 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 foi reservado para links. Este texto deverA? estA?tico, embora possamos achar pA?ginas da web com mensagens curtas na forma de faixa de rolagem. Excepcionalmente, um artigo em movimento A� lido mais tardiamente. Nesse caso, o retorno A�s informaA�A�es selecionadas tambA�m igualmente similarmente identicamente conjuntamente A� prejudicado. VocA? deve esperar atA� mesmo que as informaA�A�es restantes tenham passado. A forma tais 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 ainda mais facilmente. Este texto nA?o deve ser exibido em toda a largura da tela. Muitas vezes, faz o leitor omitir linhas ou descer uma linha abaixo. Linhas contendo no mA?ximo 10 palavras sA?o as muito mais fA?ceis por ler. A cor do texto deve contrastar usando a cor do plano de fundo. Um artigo preto quizila um fundo branco foi o muito mais legA�vel. A combinaA�A?o inversa tambA�m A� especialmente boa, no entanto, no caso de textos mais longos, desencoraja este usuA?rio e diminui este ritmo da leitura. O uso de cores brilhantes foi muito cansativo para os olhos. De fato, a despeito de de chamarem nossa sentido, desestimulam apA?s um curto perA�odo de tempo. Este plano do fundo deverA? simples, visto que os grA?ficos dificultam a distinA�A?o das linhas por caracteres e formas de palavras. Ainda assim, se decidirmos usar um padrA?o, ele deve ser bastante sutil. Pelo caso do tA�tulos do seA�A�es, temos que impedir cores. O 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 receber um tA�tulo. Vale a pena fazer alguns espaA�os vazios entre blocos do texto. 1 documento dividido em partes A� lido mais facilmente do que 1 texto escrito sem espaA�os. As A�mpares desvantagens dessa soluA�A?o sA?o a extensA?o do texto e ter que 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 de tipos de fonte por conta da divisA?o em fontes nenhumas serifas (por exemplo, Verdana) e serif (por exemplo, Times New Roman). Foi comumente reconhecido que as pessoas preferem ler textos escritos por meio de fontes serif. Isso resulta do fato que as serifas facilitam a movimentaA�A?o de um personagem para outro, o de que aumenta sua prA?pria legibilidade. O 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 do fontes pequenas. Juntamente com o crescente nA?mero de usuA?rios que possuem monitores de alta definiA�A?o, esse princA�pio terA? menos mais valia. No entanto, por enquanto, fontes sans-serif sA?o mais preferA�veis. Certamente, este tamanho da fonte possui um impacto na legibilidade. Fonte tamanho pelo menos 10 pontos deve ser usado para este texto bA?sico. A� importante evitar letras maiA?sculas no texto. TEXTO ESCRITO NESSE FORMA A� especialmente LIDO EM CERCA DE 10% MAIS LENTAMENTE. NA?o mais do que dois modelos de fonte (para textos de documentos e tA�tulos) ou trA?s no caso de textos especiais, por ex. lei do plano, deve ser usado.

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

Os grA?ficos, assim como estes multimA�dia, devem ser colocados nos sites 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. Os objetivos do projeto grA?fico sA?o informar, facilitar a movimentaA�A?o do recursos, contudo nA?o modificar-se atenA�A?o. Se nA?s usar grA?ficos, em vez do muitas fotos, podemos usar um diversas vezes. NA?o sA? irA? acelerar este carregamento da pA?gina, mas tambA�m garantirA? a coesA?o visual do site. Para fazer upload de uma imagem, devemos nos lembrar de juntar o dote ALT, que permitirA? ao usuA?rio olhar o de 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 produtos desempenham um papel vital no processo de tomada de tenA�A?o sobre sua prA?pria compra. Os usuA?rios de que visitam lojas on-line estA?o mais dispostos a aguardar por muito mais alguns segundos para olhar como A� o produto em que estA?o interessados. No entanto, este princA�pio por um nA?mero limitado por imagens e ilustraA�A�es deverA? aplicado em pA?ginas por nA�vel superior. No sitio que apresenta um produto, para alA�m da descriA�A?o do resultado, devemos criar o upload de uma pequena foto (leia-se: “light”) ou uma referA?ncia a uma pA?gina que exprime Bactefort 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 de que sA?o preferidos pelos usuA?rios por causa dessas qualidades. Os A�cones tambA�m sA?o em muito usados. Ainda assim, devemos lembrar que a aparA?ncia deles nem sempre pode ser interpretada de maneira idA?ntica e vale a pena descrevA?-los de modo a nA?o induzir em erro o destinatA?rio. Por outro lado, nA?o A� 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 por menu A� adicionada por causa da reestruturaA�A?o do site. Em seguida, este webmaster deve entrar em contato usando o designer grA?fico que comeA�a a procurar por arquivos de origem. A situaA�A?o pode vir a se tornar mais complicada quando os grA?ficos sA?o projetados por uma pessoa de fora, que nA?o definiu diretrizes para o design por elementos grA?ficos. As animaA�A�es constituem outra forma comumente usada, cujo objetivo A� especialmente chamar a atenA�A?o do usuA?rio. No entanto, eles devem ser usados raramente, pois A� difA�cil se concentrar em um texto usando muitos sinais em movimento. Se o visitante puder responder afirmativamente a questA?o de saber se A� permitido expressar sua mensagem sem animaA�A?o, entA?o vocA? deve renunciar aos grA?ficos animados. Se possui que manter-se presente na pA?gina web, nA?o deve ser muito complicado. Ele incomoda o usuA?rio e dificulta o foco na parcela principal da pA?gina. Foi por isso de que, apA?s diversas repetiA�A�es, deve parar.

A pA?gina primA?rio

A� uma vitrine do site, quando um usuA?rio precisa encontrar uma resposta para as seguintes perguntas: “Que espA�cie de saber A� apresentada no sitio? “, “Que conteA?do ela oferece? ” A� por isso que, para alA�m do nome e logotipo de destaque da empresa, deve reprimir o catA?logo de seA�A�es, um breve resumo de principais informaA�A�es, bem como o mA?dulo por pesquisa. TambA�m constitui um 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 A?rea por assunto, incentivA?-lo a entrar em outras pA?ginas da Web, porA�m antes de mais nada, para possibilitar uma pesquisa adicional por meio por 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 este assunto. Muitas vezes, acontece que a aplicaA�A?o de praticamente as regras ao mesmo tempo nA?o A� viA?vel, especialmente ao projetar sitios muito complicados. Em tais casos, A� necessA?rio renunciar a alguns princA�pios. Elementos nA?o diretamente relacionados com o design da pA?gina da web, por exemplo definiA�A?o de tela, tamanho de fonte definido pelo usuA?rio ou 1 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 de que podemos omitir a funcionalidade. Um porreiro criador deve monitorar suas pA?ginas da Web a esse respeito o tempo todo.