l saiba como projetar um site funcional – parte 2 Artigo: formato, espaA�os e cores

A net A� claramente adequada bangpakongriver.com para a apresentaA�A?o de papeis curtos, contendo muitos hyperlinks. No caso de 1 texto comprido, nA?o substituirA? um livro ou uma revista (pelo menos no momento). No entanto, se houver necessidade por fazer upload de material mais longo, ele deverA? ser dividido em diversas partes e a versA?o para impressA?o ou download deverA? ser disponibilizada na forma de arquivos HTML ou RTF. Primeiro 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 A� especialmente reservado para links. Este texto deve ser estA?tico, embora possamos encontrar pA?ginas da web usando mensagens curtas na forma do faixa de rolagem. Infelizmente, um artigo em movimento A� lido mais lentamente. Nesse caso, o retorno A�s informaA�A�es selecionadas igualmente A� prejudicado. VocA? deve esperar atA� 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 mais facilmente. Este 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 mais fA?ceis do ler. A cor do texto deve contrastar com a cor do programa de fundo. Um artigo preto inana um fundo branco foi o mais legA�vel. A combinaA�A?o inversa tambA�m foi boa, ainda assim, no caso de textos mais longos, desencoraja este usuA?rio e diminui este ritmo da leitura. O uso de cores brilhantes A� muito cansativo para os olhos. Do fato, ainda que de chamarem nossa feitio, desestimulam apA?s um curto perA�odo de tempo. O plano por fundo deverA? simples, porque os grA?ficos dificultam a distinA�A?o de linhas por caracteres e formas das palavras. Ainda assim, se decidirmos usar 1 padrA?o, ele deve ser demasiado sutil. No caso por tA�tulos de seA�A�es, temos que abster cores. Este texto colorido A� reservado para referA?ncias. O usuA?rio nA?o lA? um sitio linha por linha, contudo sim passa por ele. Por isso, o conteA?do do site deve ser dividido em vA?rias partes, cada uma das quais deve arrecadar um tA�tulo. Vale a pena fazer alguns espaA�os vazios entre blocos por texto. Um documento dividido em partes A� lido mais facilmente do que um texto escrito sem espaA�os. As A�mpares desvantagens dessa soluA�A?o sA?o a extensA?o do texto e a necessidade de sua rolagem contA�nua. Nesses casos, recomenda-se colocar uma referA?ncia que permita voltar a tela.

SeleA�A?o apropriada de origens

A�s vezes, hA? discussA�es sobre a seleA�A?o do tipos por fonte por conta da divisA?o em fontes nenhumas serifas (por exemplo, Verdana) e serif (por exemplo, Times New Roman). A� especialmente 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 do um personagem para outro, o de que aumenta sua prA?pria legibilidade. Este princA�pio, ainda assim, aplica-se a documentos em papel. A baixa definiA�A?o torna as fontes usando serifa dificilmente legA�veis na tela. Foi especialmente do grande mais valia no caso de textos escritos por meio por fontes pequenas. Juntamente usando o crescente nA?mero por usuA?rios que possuem monitores de elevada definiA�A?o, esse princA�pio terA? menos importA?ncia. No entanto, por enquanto, origens sans-serif sA?o mais preferA�veis. Certamente, o tamanho da fonte tem um impacto na legibilidade. Fonte tamanho pelo menos 10 pontos deve ser utilizado para o texto bA?sico. A� essencial evitar letras maiA?sculas pelo texto. TEXTO ESCRITO NESSE FORMA A� especialmente LIDO EM CERCA DE 10% MAIS LENTAMENTE. NA?o mais do que dois estilos de fonte (para textos de papelada e tA�tulos) ou 3 no caso de textos especiais, por ex. aviso do programa, deve ser utilizado.

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

Os grA?ficos, assim como os 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. Estes objetivos do projeto grA?fico sA?o informar, facilitar a movimentaA�A?o por recursos, contudo nA?o modificar-se atenA�A?o. Se nA?s usar grA?ficos, em vez de muitas fotos, podemos usar um vA?rias vezes. NA?o sA? irA? acelerar este carregamento da pA?gina, porA�m tambA�m garantirA? a coesA?o visual do site. Para fazer upload de uma imagem, devemos nos lembrar de adicionar o dote ALT, de que permitirA? ao usuA?rio ver o que uma determinada imagem apresenta antes de ser exibida. Para alA�m disso, navegadores para cegos podem ver arquivos ALT em voz alta. Imagens de produtos desempenham um papel vital no desenvolvimento de tomada de decisA?o sobre sua compra. Estes usuA?rios de que visitam lojas on-line estA?o mais dispostos a esperar por ainda mais alguns segundos para olhar como A� especialmente o resultado em de que estA?o interessados. No entanto, o princA�pio de um nA?mero limitado de imagens e ilustraA�A�es deve ser aplicado em pA?ginas do nA�vel superior. No site que apresenta um produto, para alA�m da descriA�A?o do resultado, devemos fazer 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 do uma galeria. Todos estes tipos do 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 utilizadores por causa dessas qualidades. Estes A�cones tambA�m sA?o em muito usados. No entanto, devemos lembrar que a aparA?ncia deles nem em algum momento pode ser interpretada de maneira idA?ntica e vale a pena descrevA?-los de modo a nA?o induzir em erro o destinatA?rio. Ainda mais, nA?o foi aconselhA?vel utilizar o menu grA?fico e os botA�es. Prolonga este carregamento da pA?gina e, alA�m disso, causa problemas adicionais, p. quando outra categoria do menu foi adicionada devido A? reestruturaA�A?o do site. Em seguida, este webmaster deve entrar em contato com o designer grA?fico de que comeA�a a procurar por arquivos do 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 este design de elementos grA?ficos. As animaA�A�es constituem outra forma comumente usada, cujo objetivo A� especialmente chamar a atenA�A?o do usuA?rio. Ainda assim, eles devem ser utilizados raramente, como A� complicado se concentrar em 1 texto com muitos sinais em movimento. Se o visitante puder responder afirmativamente a questA?o por saber se A� permitido expressar sua mensagem nenhumas animaA�A?o, entA?o vocA? deve renunciar aos grA?ficos animados. Se tem que manter-se presente na pA?gina web, nA?o deverA? muito intoleravel. Ele incomoda o usuA?rio e dificulta o foco na parte principal da pA?gina. A� especialmente por isso de que, apA?s numerosas repetiA�A�es, deve parar.

A pA?gina principal

A� uma vitrine do site, quando um usuA?rio precisa achar uma resposta para as seguintes perguntas: “Que tipo de saber A� apresentada no sitio? “, “Que conteA?do ela oferece? ” A� por isso que, alA�m do nome e logotipo de destaque da empresa, deve conter o catA?logo de seA�A�es, um breve resumo das principais informaA�A�es, bem do tipo mA?dulo de pesquisa. Igualmente 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, contudo antes de mais nada, para possibilitar uma pesquisa adicional por meio de um sistema de navegaA�A?o simples e intuitivo.

NA?o apenas um projeto

Foi impossA�vel discutir todos os princA�pios por funcionalidade do site em um post. A� por isso que compensa se familiarizar com outras publicaA�A�es elaborando sobre o assunto. Inumeras vezes, acontece de 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� especialmente necessA?rio Bactefort renunciar a alguns princA�pios. Elementos nA?o diretamente relacionados com o design da pA?gina da web, por exemplo sentido de tela, tamanho do fonte definido pelo usuA?rio ou um navegador utilizado, tambA�m tA?m um impacto na funcionalidade. O site deve ser testado antes de ser publicado na Internet. A conclusA?o e implementaA�A?o do projeto nA?o significa que podemos omitir a funcionalidade. Um porreiro criador deve monitorar suas pA?ginas da Web a esse respeito o tempo todo.