Projetando para Web e Tablets - Design Responsivo

• Abril 29, 2024

O termo Responsivo está na vanguarda há um tempo, mas o que exatamente isso significa? A Internet mudou muito ao longo dos anos, de uma plataforma principalmente baseada em texto para um ambiente interativo, envolvente, multimídia e multi-dispositivo.

As páginas da Web foram alteradas na última década para refletir as melhorias na Internet e nos dispositivos que usamos para visualizá-la. Por falar em dispositivos, temos vários tipos para escolher, incluindo computadores, minicomputadores, tablets e smartphones. À medida que o número de dispositivos e suas variações aumentam, um problema se torna óbvio. Cada dispositivo e cada variação de um dispositivo têm seu próprio tamanho de tela.

Quando tivemos apenas que projetar sites para computadores desktop e laptop, nossa principal consideração foi como garantir que a página fosse exibida da mesma forma, independentemente do computador ou navegador da web. A resposta foi criar os principais navegadores da Web e as resoluções de tela mais comuns. Isso funcionou por um curto período de tempo. Outro problema ficou evidente à medida que esses parâmetros continuavam mudando. O tamanho da tela do meu primeiro computador era de 800 x 600 e eu adorei mesmo assim. Então 1024 x 800 se tornou a norma. Agora, os computadores cresceram para 27 polegadas ou mais. Portanto, a resolução alvo para um site mudou constantemente.

Apenas quando começamos a gostar de projetar para essas telas maiores, a popularidade do smartphone e tablet aumentou muito, com seus aplicativos legais, mas telas menores. De fato, prevê-se que smartphones e tabelas sejam usados ​​com mais frequência do que computadores para visualizar a web em apenas alguns anos. No início, havia apenas alguns dispositivos móveis. Então, começamos a projetar um site principal para o usuário do computador e um segundo site para o usuário móvel. Mas isso não resolveu o problema completamente, porque ainda estávamos projetando para layouts de largura fixa.

Agora, você não pode assumir qual dispositivo o espectador usará para visualizar seu site. Portanto, projetar para determinados tamanhos de tela fixos não é mais a melhor resposta para o problema. O que precisamos é de uma maneira de determinar o tamanho da tela do dispositivo do usuário e exibir a página da Web de acordo. Portanto, o design da Web responsivo, que usa CSS para determinar a largura da tela e exibir uma página da Web de maneira diferente, conforme necessário. Isso nos permite ter apenas um site que se transformará em várias versões, conforme necessário.

Instruções De Vídeo: Design Responsivo (Abril 2024).