Crear un diseño web para todos los dispositivos
Si la idea de diseñar un retrato y el paisaje diseño web iPhone y un retrato y el paisaje diseño del iPad - sólo para una página Web - tiene que sentirse abrumado, aquí es un poco de alivio.
El navegador web Safari hace un buen trabajo de mostrar la mayoría de los sitios web en Internet, incluso si estos sitios no están diseñados específicamente para estos dos dispositivos. Si desea que la opción más sencilla para todos o alguno de sus sitios web, puede crear un diseño que es " lo suficientemente bueno " en el escritorio, así como en el iPhone, iPad y iPod touch.
Si usted decide crear un solo diseño, asegúrese de seguir estas pautas:
No utilice Adobe Flash. Lo sentimos - este es un fastidio para los desarrolladores de Flash, pero a menos que Apple cambia su postura, algo diseñado en flash ni siquiera funciona en un dispositivo iOS. Como resultado, no usar Flash en cualquiera de sus sitios.
Crear un diseño que no es más de 980 píxeles de ancho. Aunque el iPad muestra diseños tan ancho como 1.024 píxeles en modo horizontal, y sólo 768 en el modo de retrato, Safari redimensiona automáticamente el diseño de su página web, si usted crea una página y no lo hacen demasiado ancho.
Mantener el número de píxeles a entre 960 y 980 es ideal si usted quiere que su sitio automáticamente el tamaño eficaz. Tenga en cuenta, sin embargo, que las imágenes de cambio de tamaño de forma automática puede dar lugar al texto borrosa y cambios en sus diseños que pueden dejar a menos de píxeles perfecto.
Crear diseños que se extienden más de 600 píxeles verticales en la página. Si sus sitios encajan perfectamente en un monitor con una resolución de 800 x 600 píxeles, que son probablemente demasiado corto para lucir bien en un iPad. En esta figura, se puede ver un ejemplo de espacio de sobra en una página web que fue diseñado para caber en menos de 600 píxeles de arriba a abajo.
Si usted está buscando para el " Ricitos de Oro " opción de diseño (no demasiado largo y no demasiado corto), el diseño de sus páginas para parecerse a la que se muestra aquí. En este sitio para el actor Yuval David, se ve cómo el iPad muestra una página que es de 970 píxeles de ancho y cerca de 2.000 píxeles de arriba a abajo.
Tenga en cuenta que todo el diseño se amplía automáticamente en modo horizontal para llenar la anchura de 1024 píxeles y se reduce a sólo 768 píxeles de ancho para que quepa en el modo de retrato.
Para obtener los mejores resultados, prueba sus diseños de páginas web en un iPad o iPhone para asegurarse de que su primera página llena toda la pantalla en modo vertical. Asegúrese también de que el texto y las imágenes no se conviertan en demasiado borrosa para leer o mirar demasiado distorsionada cuando están automáticamente ampliada o reducida.
Crear diseños web específicas para iPhone y iPad Si desea optimizar sus páginas para lucir lo mejor posible, debe tener en cuenta las diferencias de tamaño y resolución de pantalla de entre el iPhone y el iPad. Observe el diagrama simplificado que ilustra una forma común diseñadores alteran…
Crear diseños web para el ipad El iPad, con su hermosa pantalla grande, puede llevar a creer que no es necesario hacer nada especial, pero las mejores técnicas de diseño para el iPad no son las mismas técnicas que muchos han utilizado para diseñar para el escritorio.Aunque el…
Imágenes del diseño para el iphone y el ipad Tener imágenes llamativas en su sitio web es una de las mejores maneras de atraer iPhone y iPad entusiastas conscientes de la imagen. Pero abarrotar una imagen de alta resolución que puede ser volado hasta tamaño póster sobre una pantalla del…
¿Cómo los usuarios a navegar en un mundo de la pantalla táctil La forma en que sus visitantes interactúan con sus páginas y navegar sus enlaces es dramáticamente diferente en un iPhone o iPad que una computadora de escritorio o portátil. Los visitantes del sitio utilizando un iPhone o iPad están utilizando…
Diseños de página para vista horizontal y vertical Al encender un iPhone o iPad, la orientación de una página web se ajusta automáticamente en consecuencia. El navegador web Safari amplía inteligentemente (o reduce) las páginas web para ajustarse a la pantalla, pero no es perfecto. Incluso si…
Quite el flash de su sitio web para móviles Si usted ha pasado mucho tiempo navegando por la web en un iPhone o iPad, usted probablemente ya sabe que Flash no funciona en cualquiera de los dispositivos.Lo sentimos, pero no se puede utilizar el flash si desea que su sitio para mostrar bien en…
Cambiar el tamaño de los gráficos y fotos para ipad y iphone Cambiar el tamaño de imágenes de la web para su visualización en el iPad y el iPhone es importante por dos razones: Las imágenes deben ser lo suficientemente pequeña para mostrar así en un monitor de ordenador y descargar rápidamente a la…
Resolución de pantalla y profundidad de color en los dispositivos de mano Si eres nuevo en la creación de imágenes, vídeos y otros contenidos multimedia para la web móvil, la comprensión de los conceptos detrás de términos como profundidad del color y resolución puede ayudar a usted como empezar a crear diseños…
La elección de una estrategia para el diseño de su web móvil Ahora la gente ver las páginas web en todo, desde pequeñas pantallas de teléfonos celulares a los proyectores que iluminan el lado de un granero. Las limitaciones que enfrenta en el diseño web móvil para la pantalla del iPhone pequeños pueden…
Cómo crear diseños web móvil-ipad amigable El iPad, con su hermosa pantalla grande, puede llevar a creer que no es necesario hacer nada especial en el diseño de su web móvil, pero las mejores técnicas de diseño web para el iPad no son los mismos que para el escritorio.Aunque el iPad…
Cómo diseñar sitios web dentro de la red 960 Un ángulo de utilidad desde la que tallar en el reto de diseñar páginas web para que se inicie con qué páginas web son 960 px de ancho. Pero son ellos? No, no todos ellos. Pero hay poderosas razones de peso por los diseñadores web están…
IPhone & iPad diseño web para dummies Ahora la gente ver las páginas web en todo, desde pequeñas pantallas de teléfonos celulares a los proyectores que iluminan el lado de un granero. Las limitaciones que enfrenta en el diseño web móvil para la pantalla del iPhone pequeños pueden…