Criar Um Web Design para todos os dispositivos
Se a ideia de conceber um projeto retrato e paisagem web iPhone e um projeto retrato e paisagem iPad - apenas para uma página web - tem se sentindo sobrecarregado, aqui é um pouco de alívio.
O navegador web Safari faz um bom trabalho de exibir a maioria dos sites na Internet, mesmo que esses sites não são projetados especificamente para estes dois dispositivos. Se você quiser a opção mais simples para qualquer ou todos os seus sites, você pode criar um design que é # 147-bom o suficiente # 148- no ambiente de trabalho, bem como no iPhone, iPad e iPod touch.
Se você decidir criar apenas um projeto, certifique-se de seguir estas orientações:
Não use Adobe Flash. Desculpe - esta é uma chatice para os desenvolvedores de Flash, mas a menos que Apple muda sua postura, tudo projetado em Flash não mesmo trabalhar em um dispositivo iOS. Como resultado, não use o flash em qualquer um dos seus sites.
Criar um projeto que não é mais do que 980 pixels de largura. Embora o iPad exibe desenhos tão grande como 1024 pixels no modo paisagem, e apenas 768 no modo retrato, Safari redimensiona automaticamente a página web design se você criar uma página e não torná-lo muito grande.
Manter o número de pixels para entre 960 e 980 é ideal se você quiser que seu site automaticamente dimensionar de forma eficaz. Tenha em mente, contudo, que redimensionar imagens automaticamente pode levar a texto borrada e alterações em seus designs que podem deixá-los menos de pixel perfeito.
Criar projetos que se estendem mais de 600 pixels inferior da página. Se seus sites se encaixam perfeitamente em um monitor com uma resolução de 800 x 600 pixels, eles estão provavelmente muito curta para ficar bem em um iPad. Nesta figura, você pode ver um exemplo do espaço de sobra em uma página web que foi projetado para caber em menos de 600 pixels de cima para baixo.
Se você está procurando o # 147-Goldilocks opção # 148- projeto (não muito longo e não muito curto), projetar suas páginas para se parecer com o mostrado aqui. Neste local para o ator Yuval David, você ver como o iPad exibe uma página que é 970 pixels de largura e cerca de 2000 pixels de cima para baixo.
Observe que o projeto inteiro é automaticamente ampliada no modo paisagem para preencher a largura de 1024 pixels e é reduzida a apenas 768 pixels de largura para caber no modo retrato.
Para obter os melhores resultados, testar seus designs de página web em um iPad ou iPhone para se certificar de que sua primeira página preenche toda a tela no modo retrato. Também garantir que texto e imagens não se tornem demasiado obscuro para ler ou olhar muito distorcida quando estão automaticamente ampliada ou reduzida.