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

A net A� claramente adequada www.leomader.net para a apresentaA�A?o de papelada curtos, contendo muitos hyperlinks. No caso de 1 texto longo, nA?o substituirA? um livro ou uma revista (pelo menos no momento). No entanto, se houver necessidade de 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 sob a forma de arquivos HTML ou RTF. Primeiro 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 foi reservado para links. O texto deverA? estA?tico, embora possamos achar pA?ginas da web com mensagens curtas na forma por faixa de 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 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 ainda mais fA?ceis por ler. A cor do texto deve contrastar com a cor do plano de fundo. Um post preto contra um fundo branco A� especialmente o mais legA�vel. A combinaA�A?o inversa tambA�m A� boa, ainda assim, no caso de textos mais longos, desencoraja o usuA?rio e diminui este ritmo da leitura. O uso de cores brilhantes A� muito cansativo para estes olhos. Do fato, apesar de chamarem nossa atenA�A?o, desestimulam depois um curto perA�odo do tempo. O plano de fundo deverA? simples, visto que os grA?ficos dificultam a distinA�A?o de linhas de caracteres e formas das palavras. No entanto, se decidirmos usar um padrA?o, ele deve ser muito sutil. No caso do tA�tulos por 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, porA�m sim passa por ele. Por isso, o conteA?do do site deve ser dividido em vA?rias partes, cada uma das quais deve receber um tA�tulo. Vale a pena realizar alguns espaA�os vazios entre blocos do texto. 1 documento dividido em partes A� lido mais facilmente do que um texto escrito sem espaA�os. As A?nicas 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 de que permita voltar a tela.

SeleA�A?o adequada de fontes

A�s vezes, hA? discussA�es sobre a seleA�A?o de tipos do fonte por conta da divisA?o em fontes isento serifas (por exemplo, Verdana) e serif (por exemplo, Times New Roman). A� especialmente comumente reconhecido que os indA�viduos preferem ler textos escritos por meio de origens serif. Isso resulta do fato que as serifas facilitam a movimentaA�A?o de um personagem para outro, o que aumenta sua 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. A� especialmente de grande importA?ncia no caso de textos escritos por meio por fontes pequenas. Juntamente usando o crescente nA?mero por 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, 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 pelo texto. POST ESCRITO NESSE FORMA A� LIDO EM CERCA DE 10% MAIS LENTAMENTE. NA?o apenas dois modelos de fonte (para textos de papelada e tA�tulos) ou trA?s no caso de textos especiais, por ex. cA?digo 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 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. Os objetivos do projeto grA?fico sA?o informar, facilitar a movimentaA�A?o do recursos, mas nA?o sorver atenA�A?o. Se nA?s utilizar grA?ficos, em vez de muitas fotos, podemos usar um numerosas vezes. NA?o sA? irA? acelerar o carregamento da pA?gina, contudo 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 que uma determinada imagem apresenta antes de ser exibida. AlA�m disso, navegadores para cegos podem ler arquivos ALT em voz alta. Imagens de produtos desempenham 1 papel vital no processo de tomada de tenA�A?o sobre sua prA?pria compra. Os usuA?rios que visitam lojas on-line estA?o mais dispostos a aguardar por mais alguns segundos para olhar como foi 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 do nA�vel superior. No site que exprime um produto, 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 apresenta seu formato maior ou fotografias adicionais na forma por 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 que sA?o preferidos pelos utilizadores por causa dessas qualidades. Os 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 forma idA?ntica e vale a pena descrevA?-los de modo a nA?o induzir em erro o destinatA?rio. Para mais, 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 de menu A� adicionada derivado 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 por origem. A situaA�A?o tA?m a possibilidade de 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 foi chamar a atenA�A?o do usuA?rio. Ainda assim, eles devem ser usados raramente, como A� difA�cil se concentrar em um texto com muitos sinais em movimento. Se o visitante puder responder afirmativamente a questA?o do saber se A� permitido expressar sua prA?pria 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 parcela principal da pA?gina. A� por isso de 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 descobrir uma resposta para as seguintes perguntas: “Que espA�cie de saber A� apresentada no site? “, “Que conteA?do ela oferece? ” A� assim sendo que, alA�m do nome e logotipo de destaque da empresa, deve reprimir o catA?logo de seA�A�es, um breve resumo das principais informaA�A�es, bem do tipo mA?dulo por pesquisa. TambA�m igualmente similarmente identicamente conjuntamente constitui 1 bom lugar para informar sobre promoA�A�es, no entanto, eles nA?o devem ocupar bastante espaA�o. Sua principal funA�A?o deve ser familiarizar o usuA?rio com sua 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 do um sistema de navegaA�A?o simples e intuitivo.

NA?o apenas um projeto

A� impossA�vel discutir todos estes princA�pios por funcionalidade do site em um post. A� assim sendo que compensa se familiarizar com outras publicaA�A�es elaborando sobre o presente assunto. Imensas vezes, acontece de que a feiA�A?o de praticamente as regras ao mesmo tempo nA?o A� viA?vel, especialmente ao projetar sites muito complicados. Em tais casos, foi 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 do fonte delimitado pelo usuA?rio ou 1 navegador usado, 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 esquecer a funcionalidade. Um bom criador deve monitorar suas pA?ginas da Web a esse respeito o tempo todo.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *