Comparer les différents dispositifs

Si vous voulez concevoir des pages Web optimisées pour l'iPhone, l'iPad et l'ordinateur de bureau, vous devez d'abord comprendre les différences de conception de ces différents dispositifs. Le tableau donne un aperçu rapide des différences de résolution, l'écran, et entre l'iPhone, iPad, et iPod touch.

Si vous souhaitez concevoir également une version d'un site pour les ordinateurs de bureau, envisager de suivre les lignes directrices actuelles sur le web, puis de concevoir pour les moniteurs avec une résolution de 1024 x 768 pixels.

Une comparaison des différences de conception de l'iPhone, iPad, et iPodtouch
Nom de l'appareil	Affichage	Résolution d'écran	Taille de l'écran en pixels	Icône taille en pixels
iPhone 3GS	Un écran Multi-Touch (diagonale visible) 3 1/2-inch	163 pixels par pouce (ppi)	Portrait: 320 x 480 Paysage: 480 x 320	57 x 57
iPhone 4.0	Un affichage de la rétine à haute résolution et de 3 1/2 pouces écran Multi-Touch (diagonale visible)	326 ppi	Portrait: 640 x 960 Paysage: 960 x 640	114 x 114
iPad	A 9,7 pouces (diagonale visible) rétroéclairé par LED panoramique brillant Multi-Touchdisplay avec technologie IPS (qui est ce qui donne à l'iPad un wideviewing-angle allant jusqu'à 178 degrés)	132 ppi	Portrait: 768 x 1024 Paysage: 1024 x 768	72 x 72
Ipod touch	A 3 1/2 pouces (diagonale visible) Écran Multi-Touch	326 ppi	Portrait: 640 x 960 Paysage: 960 x 640	57 x 57

A propos Auteur

Rapports des appareils portatifs Aspect

Lors de la conception des sites Web qui seront affichés sur les iPhones et iPads, garder à l'esprit rapport d'aspect - le rapport de la largeur à la hauteur d'une image ou une vidéo. Ratio d'aspect est particulièrement important lorsque vous…

Choisissez la résolution d'image pour iPad et iPhone

La “ facteur wow ” de l'iPhone et l'iPad est qu'ils sont bien adaptés à l'affichage des images belles et réalistes. Pour le concepteur de sites Web, d'afficher des images correctement sur l'iPad et l'iPhone est une entreprise qui…

Créez un clip web pour les iPhones

Tout comme vous pouvez les pages Web de signets dans un navigateur de bureau, vous pouvez enregistrer un lien vers une page Web sur un iPhone ou iPad en cliquant sur l'icône Exporter entouré en rouge dans la figure du haut, puis en choisissant…

Créer un design web pour tous les périphériques

Si l'idée de concevoir un portrait et paysage web design iPhone et un portrait et paysage conception iPad - juste pour une seule page Web - a vous sentir débordé, voici un certain soulagement.Le navigateur web Safari fait un bon travail…

Créez des conceptions de Web spécifiques pour iPhone et iPad

Si vous souhaitez optimiser vos pages pour regarder leur meilleur, vous devez tenir compte de la taille de l'écran et la résolution des différences entre l'iPhone et l'iPad. Remarquez le schéma simplifié illustrant un moyen commun concepteurs…

Créez des conceptions web pour l'iPad

L'iPad, avec son grand écran magnifique, peut vous amener à croire que vous ne devez faire quelque chose de spécial, mais les meilleures techniques de conception pour l'iPad ne sont pas les mêmes techniques que beaucoup ont utilisé pour…

Images de conception pour l'iPhone et l'iPad

Ayant images accrocheur sur votre site Web est l'une des meilleures façons d'attirer iPhone et iPad amateurs soucieux de leur image. Mais bachotage une image haute résolution qui peut être soufflé jusqu'à la taille de l'affiche sur un écran de…

Comment les utilisateurs à naviguer dans un monde de l'écran tactile

La façon dont les visiteurs de votre site d'interagir avec vos pages et de naviguer vos liens est radicalement différent sur un iPhone ou un iPad à un ordinateur de bureau ou portable. Les visiteurs du site en utilisant un iPhone ou un iPad…

Conceptions de pages pour vues portrait et paysage

Lorsque vous mettez sur un iPhone ou un iPad, l'orientation d'une page Web ajuste automatiquement en conséquence. Le navigateur web Safari agrandit intelligemment (ou réduit) les pages web pour adapter à l'écran, mais il est pas parfait. Même…

Résolution de l'écran et la profondeur de couleur sur les appareils portatifs

Si vous êtes nouveau à la création d'images, de vidéo et d'autres multimédia pour le web mobile, comprendre les concepts derrière des termes comme la profondeur de la couleur et résolution peut vous aider comme vous commencez à créer des…

Choisir une stratégie pour votre conception de Web mobile

Les gens voient maintenant les pages Web sur tout, des écrans de téléphones portables minuscules projecteurs qui illuminent le côté d'une grange. Les contraintes que vous rencontrez dans la conception de Web mobile pour le petit écran de…

Comment créer des conceptions Web mobiles ipad-friendly

L'iPad, avec son grand écran magnifique, peut vous amener à croire que vous ne devez faire quelque chose de spécial dans votre conception de Web mobile, mais les meilleures techniques de conception web pour l'iPad ne sont pas les mêmes que…

IPhone & iPad conception de sites Web pour les nuls

Résolution de l'écran de l'ordinateur

Comme les appareils photo numériques, les écrans d'ordinateur (et d'autres dispositifs d'affichage) créer tout ce que vous voyez à l'écran de pixels. Vous pouvez généralement choisir parmi plusieurs paramètres du moniteur, chacun qui se…

godiches.com » Internet & médias sociaux » Web design & développement » Conception iPhone & iPad web » Comparer les différents dispositifs