Vídeo: Grid Web Design - Como usar Grids em interface 2025
Se a idéia de projetar um design de iPhone e paisagem de web e um retrato de iPad e design de paisagem - apenas por uma página da web - você se sente sobrecarregado, aqui está um pouco de alívio.
O navegador da Safari faz um bom trabalho ao exibir a maioria dos sites na Internet, mesmo que esses sites não sejam especificamente projetados para esses dois dispositivos. Se você quer a opção mais simples para qualquer um ou todos os seus sites, você pode criar um design que seja "bom o suficiente" na área de trabalho, bem como no iPhone, iPad e iPod touch.
Se você decidir criar apenas um design, certifique-se de seguir estas diretrizes:
-
Não use o Adobe Flash. Desculpe - isso é um problema para os desenvolvedores Flash, mas, a menos que a Apple altere sua posição, qualquer coisa projetada no Flash nem funciona em um dispositivo iOS. Como resultado, não use o Flash em nenhum dos seus sites.
-
Crie um design que não tenha mais de 980 pixels de largura. Embora o iPad exiba projetos de até 1024 pixels no modo paisagem e apenas 768 no modo retrato, o Safari redimensiona automaticamente o design da página web se você criar uma página e não a tornar muito ampla.
Mantendo o número de pixels entre 960 e 980 é ideal se você deseja que seu site dimensione automaticamente de forma eficaz. Tenha em mente, no entanto, que as imagens de redimensionamento automático podem levar a texto embaçado e mudanças em seus projetos que podem deixá-los menos do que perfeito para pixels.
-
Crie projetos que estendam mais de 600 pixels na página. Se seus sites se encaixam perfeitamente em um monitor com uma resolução de 800 x 600 pixels, eles provavelmente são muito curtos para ficar bem em um iPad. Nesta figura, você pode ver um exemplo do espaço restante em uma página da Web que foi projetada para se ajustar em menos de 600 pixels de cima para baixo.
Se você está procurando a opção de design "Goldilocks" (não muito longa e não muito curta), crie suas páginas para se parecer com a mostrada aqui. Neste site para o ator Yuval David, você vê como o iPad exibe uma página com 970 pixels de largura e quase 2000 pixels de cima para baixo.
Observe que o design inteiro é ampliado automaticamente no modo paisagem para preencher a largura de 1024 pixels e é reduzido para apenas 768 pixels de largura para caber no modo retrato.
Para obter os melhores resultados, teste seus projetos de páginas web em um iPad ou iPhone para garantir que sua página inicial preenche toda a tela no modo retrato. Além disso, assegure-se de que o texto e as imagens não ficam muito embaçadas para ler ou parecerem distorcidas quando são ampliadas ou reduzidas automaticamente.
