Comparación de diferentes dispositivos
Si desea diseñar páginas web optimizadas para el iPhone, iPad, y el equipo de escritorio, es necesario entender primero las diferencias de diseño de los diferentes dispositivos. La tabla da una visión rápida de las diferencias de resolución de pantalla, y la pantalla entre el iPhone, iPad y iPod touch.
Si desea diseñar también una versión de un sitio para las computadoras de escritorio, considere siguiendo las pautas actuales en la web y luego diseñar para monitores con una resolución de 1024 x 768 píxeles.
| Nombre del dispositivo | Display | Resolución de la pantalla | Tamaño de pantalla en píxeles | Icono Tamaño en píxeles |
|---|---|---|---|---|
| iPhone 3GS | Una pantalla Multi-Touch de 3 1/2-pulgadas (en diagonal) widescreen | 163 píxeles por pulgada (ppi) | Retrato: 320 x 480 Paisaje: 480 x 320 | 57 x 57 |
| iPhone 4.0 | Una pantalla de retina de alta resolución y pantalla Multi-Touch 3 1/2 pulgadas (en diagonal) widescreen | 326 ppi | Retrato: 640 x 960 Paisaje: 960 x 640 | 114 x 114 |
| iPad | Un 9,7 pulgadas (en diagonal) con retroiluminación LED panorámica brillante Multi-Touchdisplay con tecnología IPS (que es lo que da el iPad un ángulo wideviewing de hasta 178 grados) | 132 ppi | Retrato: 768 x 1024 Paisaje: 1024 x 768 | 72 x 72 |
| iPod Touch | A (diagonal) widescreen 3 1/2-pulgada Pantalla Multi-Touch | 326 ppi | Retrato: 640 x 960 Paisaje: 960 x 640 | 57 x 57 |
-
Cómo tamaño imágenes raster en Photoshop CS6 para la visualización en pantalla óptima - Comparación de los modelos de escritorio mac manzana
- Aplicaciones de diseño para los dedos en ipad, iphone y ipod touch
- IOS 6 app desarrollo: limitaciones de los dispositivos de iPhone y iPad
-
Elija entre ipad y iphone aplicaciones para el aula ipad -
Relaciones de aspecto de los dispositivos de mano
Elija resolución de imagen para el ipad y iphone los " factor sorpresa " del iPhone y el iPad es que son muy adecuadas para mostrar bellas imágenes reales. Para el diseñador de páginas web, mostrar imágenes correctamente en el iPad y el iPhone es una empresa que requiere al menos un…
Crear un icono de clip web para iphones Al igual que usted puede páginas web de marcadores en un navegador de escritorio, puede guardar un enlace a cualquier página web en un iPhone o iPad haciendo clic en el icono Exportar un círculo rojo en la figura superior y luego elegir Añadir a…
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…
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…
Optimizar diseños web para el iphone La pantalla del iPhone es pequeño, pero trate de dejar de pensar en las limitaciones y empezar a centrarse en las increíbles nuevas oportunidades - como atraer a una audiencia de personas en movimiento - personas que puedan estar de pie justo…
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…
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…