O básico em web design flexível
| by samuel bryant | November 27, 2008
Web designers devem construir páginas Web para a flexibilidade, porque nunca são exibidos os mesmos em todos os computadores. A razão para isto é que não apenas fazer navegadores diferentes têm diferentes configurações padrão, mas o usuário também tem controle sobre vários aspectos visuais. O layout de uma página pode ser feita em sólidos, líquidos, ou suspensão formulário. A suspensão é uma mistura de sólidos e líquidos, sendo a parte sólida no meio do líquido. Na concepção sólida, os itens da página são medidos em pixels, em vez de porcentagem, para que a página não vai esticar para a tela. Esta é uma tentativa por parte do desenvolvedor Web para tornar a página idêntica a partir de um computador para controlar o próximo. Este método despreza a concepção ampla gama de computadores, monitores e definições de resolução. Esta concepção sólida pode resultar em grandes quantidades de espaço branco e também pode cortar a parte da tela do computador se a resolução for definido baixa.
Liquid design é onde percentagens (parente unidades) são utilizados, o que ajuda a reduzir a quantidade de espaço não utilizado tela. Ambos os líquidos e sólidos layout têm prós e contras, mas observa Schmitt um compromisso em uma combinação dos dois. Suspensão concepção poderia ser a melhor forma de design para a Web, pois isso lhe permitirá ter certos conteúdos marcados fora em um espaço confinado enquanto abastecia o navegador viewport com outros' líquido 'conteúdo. Uma variação comum deste modelo pode incluir uma coluna à esquerda ou à direita em uma largura fixa, enquanto a principal coluna preenche o espaço restante.
Texto exibição é uma questão importante conceber uma vez que muitas pessoas ainda não estão tão confortáveis com a leitura de um monitor enquanto eles estiverem com a leitura palavras impressas no papel. As pessoas geralmente preferem frases curtas quando ler na Web, e é por isso que um bom design deve romper grandes números. Em uma tentativa de fazer um site usável em um ambiente fluido, o uso de CSS para controlar texto comprimento e margem existência é essencial. Schmitt acredita que linhas de texto não deve depender completamente em percentagens, mas deve ser limitado a 400 pixels devido à dificuldade de leitura em toda a largura dos monitores. Legibilidade depende também o contraste entre o fundo eo primeiro plano. A cor do texto deve ser considerado em relação à cor e padrão do fundo.
A aparência da fonte afecta grandemente a aparência geral da página. Mantendo o tipo de letra pequena ajuda a manter a página olhar limpo e organizado, mas a fonte deve ser suficientemente grande para as pessoas com visão normal para vê-la com facilidade. Sans-serif rosto fontes, especialmente Arial, são bons para a maioria dos desenhos na tela. Outra preocupação é a usabilidade do comprimento da página. Comprimento ser reduzido a um máximo de três a cinco telas. Na hipótese de páginas ultrapassar este período, a colocação intra-page ligando na página permite uma fácil navegação de volta ao topo. No que se refere à página inicial, peritos, insistiria para que ela não se mover porque exigem acredita-se que muitos usuários geralmente não gostam de percorrer na primeira página. Caso a informação é tão grande que uma segunda tela da página principal devem existir, mantendo as informações mais importantes para a parte superior é preferível.
Em um site, os temas de interesse devem ser facilmente localizadas. Isto pode ser feito com uma constante navegador bar e um mapa do site listando todas as páginas em alguma ordem ou agrupamento. Para ajudar a localizar com tópicos de interesse, alguns elementos do desenho devem ser colocadas em todo o site inteiro, não apenas na página inicial. Estes incluem o logotipo do site, navegação superior, lateral e de navegação. É considerado bom desenho para ter uma coluna de navegação em todas as páginas para que o botão "BACK" nunca tenha de ser usado. Seu bom também para deixar o seu público sabe onde eles estão no site. Isto é conseguido através do uso de cabeçalhos denotando tópicos e subtópicos. Algumas pessoas recomendam o uso de uma imagem sutil. O objectivo é que ela proporciona forma e movimento, sem intrusão visual sobre o design do site.
Conteúdo visual deve ser interessante, a fim de capturar a atenção da platéia, mas o tamanho total da página deve ser pequena o suficiente para fazer o download da página rapidamente. Ela não é boa para usar a última tecnologia em web design, porque geralmente precisam navegadores plug-ins que requerem o download quando a tecnologia estiver totalmente nova. Nova tecnologia pode também ser irritante para aqueles que não estão habituadas a ela. Mais importante do que de bom aspecto gráfico é a frescura do conteúdo. Um desenho questão que deve ser aplicado ao Web site em uma base regular é a prática de actualização. Manter um site atualizado incentiva os usuários a acreditar novos conteúdos serão adicionados em uma base regular, e irá mantê-los a voltar. Além disso, novas informações mantém o site atractivo e interessante. É fácil esquecer que por vezes simples sites da Web sites são atraentes, e é por isso que é importante para não overuse chamativo gráficos e GIFs animados. Mesmo um pouco espaço branco pode adicionar uma página à definição e reduzir a sua complexidade.
Visite www.arkraider.com, www.kingraven.com, e www.aztecbay.com
Liquid design é onde percentagens (parente unidades) são utilizados, o que ajuda a reduzir a quantidade de espaço não utilizado tela. Ambos os líquidos e sólidos layout têm prós e contras, mas observa Schmitt um compromisso em uma combinação dos dois. Suspensão concepção poderia ser a melhor forma de design para a Web, pois isso lhe permitirá ter certos conteúdos marcados fora em um espaço confinado enquanto abastecia o navegador viewport com outros' líquido 'conteúdo. Uma variação comum deste modelo pode incluir uma coluna à esquerda ou à direita em uma largura fixa, enquanto a principal coluna preenche o espaço restante.
Texto exibição é uma questão importante conceber uma vez que muitas pessoas ainda não estão tão confortáveis com a leitura de um monitor enquanto eles estiverem com a leitura palavras impressas no papel. As pessoas geralmente preferem frases curtas quando ler na Web, e é por isso que um bom design deve romper grandes números. Em uma tentativa de fazer um site usável em um ambiente fluido, o uso de CSS para controlar texto comprimento e margem existência é essencial. Schmitt acredita que linhas de texto não deve depender completamente em percentagens, mas deve ser limitado a 400 pixels devido à dificuldade de leitura em toda a largura dos monitores. Legibilidade depende também o contraste entre o fundo eo primeiro plano. A cor do texto deve ser considerado em relação à cor e padrão do fundo.
A aparência da fonte afecta grandemente a aparência geral da página. Mantendo o tipo de letra pequena ajuda a manter a página olhar limpo e organizado, mas a fonte deve ser suficientemente grande para as pessoas com visão normal para vê-la com facilidade. Sans-serif rosto fontes, especialmente Arial, são bons para a maioria dos desenhos na tela. Outra preocupação é a usabilidade do comprimento da página. Comprimento ser reduzido a um máximo de três a cinco telas. Na hipótese de páginas ultrapassar este período, a colocação intra-page ligando na página permite uma fácil navegação de volta ao topo. No que se refere à página inicial, peritos, insistiria para que ela não se mover porque exigem acredita-se que muitos usuários geralmente não gostam de percorrer na primeira página. Caso a informação é tão grande que uma segunda tela da página principal devem existir, mantendo as informações mais importantes para a parte superior é preferível.
Em um site, os temas de interesse devem ser facilmente localizadas. Isto pode ser feito com uma constante navegador bar e um mapa do site listando todas as páginas em alguma ordem ou agrupamento. Para ajudar a localizar com tópicos de interesse, alguns elementos do desenho devem ser colocadas em todo o site inteiro, não apenas na página inicial. Estes incluem o logotipo do site, navegação superior, lateral e de navegação. É considerado bom desenho para ter uma coluna de navegação em todas as páginas para que o botão "BACK" nunca tenha de ser usado. Seu bom também para deixar o seu público sabe onde eles estão no site. Isto é conseguido através do uso de cabeçalhos denotando tópicos e subtópicos. Algumas pessoas recomendam o uso de uma imagem sutil. O objectivo é que ela proporciona forma e movimento, sem intrusão visual sobre o design do site.
Conteúdo visual deve ser interessante, a fim de capturar a atenção da platéia, mas o tamanho total da página deve ser pequena o suficiente para fazer o download da página rapidamente. Ela não é boa para usar a última tecnologia em web design, porque geralmente precisam navegadores plug-ins que requerem o download quando a tecnologia estiver totalmente nova. Nova tecnologia pode também ser irritante para aqueles que não estão habituadas a ela. Mais importante do que de bom aspecto gráfico é a frescura do conteúdo. Um desenho questão que deve ser aplicado ao Web site em uma base regular é a prática de actualização. Manter um site atualizado incentiva os usuários a acreditar novos conteúdos serão adicionados em uma base regular, e irá mantê-los a voltar. Além disso, novas informações mantém o site atractivo e interessante. É fácil esquecer que por vezes simples sites da Web sites são atraentes, e é por isso que é importante para não overuse chamativo gráficos e GIFs animados. Mesmo um pouco espaço branco pode adicionar uma página à definição e reduzir a sua complexidade.
Visite www.arkraider.com, www.kingraven.com, e www.aztecbay.com
Article Source: http://www.articleset.com

You are welcome to publish or reprint this article free of charge, provided:
- you include the entire article, unchanged, including the "About The Author" box
- all hyperlinks remain active, including the bottom ArticleSet.com link (does not apply to print publications)
- you agree not to hold the authors nor ArticleSet.com liable for any loss profits, expenses, or any other damages resulting from the use or misuse of articles published on this website