Quais são as restrições de design da página web?
Você precisa ser capaz de identificar os constrangimentos envolvidos na concepção de um site antes de mergulhar nas alguns princípios básicos em design de página que são comuns aos locais mais eficazes. A mais fundamental dessas limitações é que você não pode consertar onde os objetos aparecerão na tela do espectador.
Conteúdo
Qual é o ponto de concepção de uma página web, se você não pode definir onde os objetos aparecerão na tela do espectador? O ponto é, você posso definir onde as coisas aparecem na tela, mas você pode fazê-lo apenas relativo para o ambiente de visualização do espectador.
Mesmo que este é um mundo web-centric, concepções de projeto das pessoas tendem a ser enquadrada por design de impressão, onde um outdoor é sempre o mesmo tamanho, um anúncio de jornal é sempre o mesmo tamanho, e uma capa de revista é do mesmo tamanho não importa quem está vendo, ou quando eles estão lendo a revista.
Video: Как сделать страницу Mobile First и адаптивный дизайн 24 | HTML элементы веб|страницы
No entanto, as pessoas vêem as páginas de um site em diferentes viewports - isto é, de tamanhos diferentes telas. E então você tem que criar páginas que aparecerão em telefones celulares e talvez até mesmo projetadas em telas parede de tamanho.
Video: Как сделать страницу Mobile First и адаптивный дизайн 18 | Визуальные элементы сети
Video: 10 Páginas Web muy Útiles - LifeHacks | JuanTu3
Outra restrição do design do site é que ao contrário de imprimir desenhos, onde a área de visualização de qualquer projeto é fixo, os usuários da Internet podem (e fazem) ampliar ou reduzir como eles interagem com uma página web, alterando o tamanho de texto e imagens. E, a propósito, ambientes de navegação diferentes lidar com zoom de forma diferente - alguns ampliar imagens como texto for ampliada, e outras vezes ampliando texto não afeta outros elementos da página.
Aqui estão três técnicas básicas para esculpir o máximo controle sobre como as páginas olhar em diferentes ambientes:
Comece design da página com um recipiente que irá realizar todo o seu conteúdo da página.
Projetar de forma flexível. Explicar o fato de que os telespectadores vão esticar e distorcer seus projetos. Se você projetar com flexibilidade - por exemplo, tendo em conta que o texto irá expandir como um usuário aumenta o zoom na sua página - você pode criar página projeta que dobrar, mas não quebrar quando eles são vistos em diferentes ambientes.
Criar design de página única ou de conteúdo para sites de tamanho normal e móveis.