Você pode encontrar designs da Web de todas as formas e tamanhos, incluindo todos os tipos diferentes. Nosso foco principal é apresentar seis dos tipos mais populares de web design, que incluem página única, sites estáticos, páginas dinâmicas da Web, designs responsivos, designs líquidos e designs fixos. Ao final do curso, você será um profissional na compreensão desses seis tipos de web design e poderá explicá-los facilmente aos clientes:
Um web design de página única é exatamente o que parece: todas as informações que você precisa transmitir podem ser encontradas em uma única página. Não há limite para o tamanho da página, mas, muitas vezes, você vai querer criar algum tipo de narrativa ou fluxo para que a página faça sentido para o usuário. Com um design de página única, você também pode ter uma estrutura em que clicar em um cabeçalho pode levá-lo para baixo na página - ainda há muitas oportunidades para estruturar sites de página única de uma forma que funcione bem para o cliente e seja funcional para os usuários.
Um site estático é um site sem interação. Ele tem largura e design fixos que não mudam quando você alterna entre plataformas diferentes. Em geral, os sites estáticos são fáceis de criar e exigem codificação mais simples. Seu site ainda pode apresentar várias páginas diferentes com um design estático. Uma das vantagens do site estático é que, como há menos codificação no back-end, ele geralmente é mais fácil de carregar ou mais rápido para você navegar entre as páginas. O modelo, no entanto, é mais simples e, às vezes, pode não ter criatividade e capacidade de interagir com os usuários. Em geral, esse tipo de site é melhor para transmitir informações do que para vender produtos ou serviços.
No extremo oposto do espectro, você tem um site dinâmico que permite que os consumidores interajam com o site. Esses sites podem ser mais interessantes de se ver, mas sua criação é mais desafiadora. Muitas vezes, você precisará codificar um site dinâmico usando JavaScript, .net, .php ou .asp. Como a codificação desses sites pode ser um pouco mais complexa do que a de um design estático, geralmente eles custam mais dinheiro para serem criados para um cliente. Eles também podem exigir um tempo de carregamento maior em comparação com um design estático mais simples; no entanto, podem ser esteticamente agradáveis e ótimos para envolver o público que visita o site. Eles são ótimos para destacar produtos e serviços.
Um design de site responsivo é aquele que pode responder e se ajustar às plataformas em que você está visualizando o site. Isso significa que o layout e a exibição das informações se ajustarão ao tamanho da tela que está sendo usada. Um design responsivo costuma ser importante para diferentes clientes, pois isso significa que o site poderá ser manipulado para qualquer tamanho de tela, ou seja, envolver o texto, dimensionar fotos e dimensionar de forma que seja legível em qualquer dispositivo, seja ele expandido ou reduzido. Embora isso às vezes possa ser um pouco desafiador, com a predominância de dispositivos móveis e tablets, a recomendação de designs responsivos geralmente vale o investimento - tanto de tempo quanto de dinheiro. Especialmente porque os celulares se tornaram mais populares para navegação na Web, é importante que seus sites sejam otimizados para os formatos de celular, tablet e desktop.
Posteriormente, o oposto do design responsivo é o design fixo. Com isso, o layout do site não se modifica para se ajustar à tela em que está sendo exibido. Isso pode significar que, se o site for visualizado em um dispositivo móvel, as imagens poderão cair da tela e nem todas as informações poderão ser lidas. Você provavelmente pode se lembrar de algumas vezes em que isso aconteceu ao visitar o site de alguém em seu dispositivo móvel. Você provavelmente teve que rolar a tela de um lado para o outro para encontrar algumas informações. Para os designers, as dimensões rígidas podem ajudar com parte da criatividade na visão de criar a aparência de um design específico, mas não há como ter certeza de que as pessoas não visualizarão o site em um dispositivo ou tamanho de tela diferente.
Às vezes, um design líquido também é chamado de design fluido. Ele funciona de forma muito semelhante a um design responsivo, com a diferença de que, com um design líquido, ele se espalha ou encolhe para uma tela, dependendo do tamanho. Por exemplo, em uma tela maior, a fonte seria maior e o site inteiro pareceria ampliado, ao passo que, se você estivesse em um dispositivo pequeno, a fonte simplesmente pareceria menor. Às vezes, um design líquido pode fazer com que um site pareça distorcido. Esses designs também podem ajudar os sites a funcionar bem em telas de diferentes larguras. Para esse tipo de design, pense na água e em como ela tomaria a forma de qualquer coisa em que você a colocasse - grande ou pequena.