Formato de design da Web nº 1: layout de página estática
Um dos tipos mais básicos de design de site é o layout de página estática. Com esse layout, você cria um site com dimensões de página pré-definidas – tem uma largura permanente. Os layouts estáticos seguem essas dimensões, independentemente do navegador ou tipo de dispositivo.
Os layouts estáticos foram extintos com o aumento do uso móvel. Como esses sites não se adaptam a dispositivos, eles não proporcionam uma experiência positiva ao usuário em smartphones ou tablets. Embora os layouts estáticos ainda sejam uma opção, normalmente você não deseja usá-los, a menos que esteja criando uma versão para celular completamente separada do seu site .
Prós do layout de página estática:
- Fácil de configurar
Contras do layout de página estática:
- Não responde a dispositivos ou navegadores
- Requer a criação de um site móvel separado (mais trabalho)
Formato de design da Web nº 2: layout de design líquido
O próximo nesta lista de tipos de design de site são os layouts de design líquido. Esse layout, também conhecido como design fluido, usa unidades flexíveis em vez das unidades fixas que os layouts estáticos usam. Como as unidades são flexíveis, a página sempre preencherá a largura com a tela do dispositivo, independentemente do dispositivo.
Como a experiência do usuário é fundamental para o seu site direcionar e atrair tráfego, os layouts líquidos também começaram a ser eliminados como uma opção viável para as empresas. Embora você ainda possa usar esse layout, corre o risco de fornecer uma experiência de usuário ruim em seu site, estendendo-se demais ou comprimindo informações na página.
Prós do layout de design líquido:
- Mais fácil de configurar do que o design responsivo
- Nenhuma informação é cortada nas páginas
Contras do layout de design líquido:
- Se um navegador for muito amplo, as informações são esticadas para caber na tela e podem parecer pouco atraentes
- Se um navegador for menor, as informações serão agrupadas para caber na tela, dificultando a leitura e a navegação
Formato de design da Web nº 3: layout de site adaptável
Um formato de web design que você pode usar para o seu site é o layout de site adaptável. Como o nome indica, este site usa consultas CSS para ajustar o tamanho do site para detectar o tamanho do navegador. Os sites adaptáveis alterarão automaticamente o layout do site para fornecer a melhor experiência de usuário aos visitantes.
Com layouts de site adaptáveis, existem parâmetros definidos para como um site se ajustará, sendo ele de qualquer nicho, sobre caça vazamento de água ou eletrônicos. Por exemplo, um parâmetro definido pode ter esta aparência: “Se o navegador tiver 500 pixels de largura, defina o contêiner de conteúdo principal para 400 pixels de largura”. Por exemplo, se você tiver um site com um layout de duas colunas, o layout adaptável mudará para um design de coluna única em uma pequena tela do navegador.
Prós do layout de site adaptável:
- Fácil de configurar
- Leva menos tempo de desenvolvimento do que layouts responsivos
- Pode ajustar seu site de acordo com o tamanho de cada navegador
Contras do layout de site adaptável:
- As larguras do dispositivo entre os pontos de ajuste podem fazer com que seu site tenha muito espaço ou espaço insuficiente
- Não é totalmente responsivo
