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

A internet A� perfeitamente adequada para a apresentaA�A?o de papelada curtos, contendo muitos hyperlinks. No caso de um texto comprido, nA?o substituirA? um livro ou uma revista (pelo menos pelo momento). Ainda assim, se houver necessidade de fazer upload de material mais longo, ele deverA? ser dividido em numerosas partes e a versA?o para impressA?o ou download deverA? ser disponibilizada sob a forma de arquivos HTML ou RTF. 1o de tudo, o post 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 deverA? estA?tico, ainda que possamos descobrir pA?ginas da web usando mensagens curtas na forma por faixa por rolagem. Excepcionalmente, um post em movimento A� lido mais tardiamente. Nesse caso, o retorno A�s informaA�A�es selecionadas igualmente A� prejudicado. VocA? deve esperar atA� mesmo 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. 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 pelo mA?ximo 10 palavras sA?o as muito mais fA?ceis por ler. A cor do texto deve contrastar com a cor do plano de fundo. Um post preto quizila um fundo branco A� o muito 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. Por fato, ainda que de chamarem nossa atenA�A?o, desestimulam apA?s um curto perA�odo por tempo. Este plano de fundo deve ser simples, visto que os grA?ficos dificultam a distinA�A?o de linhas do caracteres e formas de palavras. No entanto, se decidirmos usar 1 padrA?o, ele deve ser bastante sutil. No caso por tA�tulos do seA�A�es, temos que evitar cores. Este texto colorido A� reservado para referA?ncias. O usuA?rio nA?o lA? um site linha por linha, mas 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 do texto. Um documento dividido em partes A� lido mais simplesmente do que um texto escrito sem espaA�os. As A?nicas 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 adequada de origens

A�s vezes, hA? discussA�es sobre a seleA�A?o de tipos por fonte por conta da divisA?o em fontes sem serifas (por exemplo, Verdana) e serif (por exemplo, Times New Roman). A� comumente conhecido que os indA�viduos preferem ver textos escritos por meio de origens serif. Isso resulta do fato de que as serifas facilitam a movimentaA�A?o de um personagem para outro, o que aumenta sua prA?pria legibilidade. O presente princA�pio, ainda assim, aplica-se a documentos em papel. A baixa definiA�A?o torna as fontes com serifa dificilmente legA�veis na tela. A� especialmente especialmente do grande mais valia no caso de textos escritos por meio por fontes pequenas. Juntamente com o crescente nA?mero por usuA?rios de que possuem monitores de elevada 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 utilizado para este texto bA?sico. A� especialmente importante evitar letras maiA?sculas no texto. TEXTO ESCRITO NESSE FORMA Foi LIDO EM CERCA DE 10% MAIS LENTAMENTE. NA?o mais do que dois tipos de fonte (para textos de papeis e tA�tulos) ou trA?s no caso de textos especiais, por ex. lei do plano, 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 o 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 do recursos, mas nA?o absorver 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, contudo 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 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 1 papel vital no desenvolvimento de consumida de tenA�A?o sobre sua prA?pria compra. Estes usuA?rios de que visitam lojas on-line estA?o mais dispostos a aguardar por ainda mais alguns segundos para olhar como A� o produto em que estA?o interessados. No entanto, este princA�pio por um nA?mero limitado de imagens e ilustraA�A�es deve ser aplicado em pA?ginas de nA�vel superior. No sitio que apresenta 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 os 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 utilizadores por causa dessas qualidades. Os A�cones tambA�m igualmente similarmente identicamente conjuntamente sA?o em muito usados. No entanto, devemos lembrar que a aparA?ncia deles nem em algum momento Bactefort pode ser interpretada de forma idA?ntica e vale a pena descrevA?-los de modo a nA?o induzir em erro o destinatA?rio. Ainda mais, nA?o A� aconselhA?vel usar 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 por menu A� adicionada devido A? reestruturaA�A?o do site. Em seguida, o 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 se tornar mais complicada quando estes grA?ficos sA?o projetados por uma pessoa de fora, que nA?o definiu diretrizes para este 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� feio se concentrar em um texto com muitos sinais em movimento. Se vocA? puder responder afirmativamente a questA?o do saber se A� possA�vel 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 intoleravel. Ele incomoda o usuA?rio e dificulta o foco na parcela principal da pA?gina. A� especialmente por isso que, apA?s vA?rias 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 gA�nero de informaA�A?o A� apresentada no site? “, “Que conteA?do ela oferece? ” A� assim sendo que, alA�m do nome e logotipo de destaque da companhia, deve conter o catA?logo de seA�A�es, um breve resumo de principais informaA�A�es, bem do tipo mA?dulo de pesquisa. Igualmente constitui um bom lugar para informar sobre promoA�A�es, no entanto, eles nA?o devem ocupar muito espaA�o. Sua 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

A� especialmente impossA�vel discutir todos estes princA�pios do funcionalidade do site em um post. A� assim sendo que compensa se familiarizar com outras publicaA�A�es elaborando sobre o 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, foi necessA?rio renunciar a certos 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 delimitado pelo usuA?rio ou um navegador utilizado, tambA�m tA?m um impacto www.yvonneemerycoaching.co.uk 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 de que podemos esquecer a funcionalidade. Um bom criador deve monitorar suas pA?ginas da Web a esse respeito o tempo todo.