Conception sur un écran Retina Mes pensées sur le MacBook Pro Retina

220,5 pixels par pouce: 2 800 pixels de large et 1 800 pixels de haut pour un total de plus de cinq millions de pixels. C'est l'écran sur lequel je travaille maintenant, à temps plein. Cela soulève de nombreuses questions: Apple at-il une entreprise qui fabrique un tel écran? Cela aidera-t-il ou entravera-t-il l'industrie? Pouvez-vous vraiment travailler sur ce sujet si vous concevez des écrans non rétiniens?

Aujourd'hui, je vais vous raconter mon expérience avec la machine qui menace de changer votre façon de faire votre travail. Je ne retiendrai rien, car je m'émerveille de ce que j'aime et de ce qui me rend fou. Lisez le long et voir si vous êtes d'accord avec mes conclusions.

Dang You Apple

Au cours de la dernière décennie, nos concepteurs se sont concentrés sur la manière d’aborder un changement de paradigme majeur sous la forme de tailles d’écran toujours différentes. Ce défi nous a poussé à bout, mais il nous a fait découvrir de meilleurs concepteurs, capables de réaliser des exploits impressionnants avec des sites Web vraiment flexibles qui ont fière allure sur tout écran.

Mediaqueri.es présente une conception Web réactive qui a fière allure partout.

Alors que notre attention était concentrée sur un changement de paradigme majeur, un autre nous a interpellé: la résolution. La dynamique derrière ce changement vient récemment d’Apple avec sa? Rétine? affichages de qualité, maintenant présents sur l'iPhone, l'iPod Touch, l'iPad et le MacBook Pro, avec l'iMac et le MacBook Air à suivre certainement dans un an ou deux.

Apple n'est peut-être pas le premier ni le seul fabricant de produits électroniques à proposer des écrans haute résolution, pas plus qu'ils ne sont presque jamais les premiers à rien. Cependant, qu’ils le veuillent ou non, ils ont toujours marqué le pas en faveur de l’adoption généralisée de changements technologiques majeurs (c’est la partie où vous ignorez tout ce que je dis afin que vous puissiez dire à quel point cela n’est pas vrai dans les commentaires).

Comme pour la révolution de la taille de l'écran, les concepteurs sont confrontés à un énorme changement de paradigme qui change tout. Cet obstacle peut s'avérer encore plus difficile à surmonter que le dernier et il nécessite notre attention et nos spéculations immédiates. En mars dernier, j'ai posté une discussion sur ce sujet même.

Depuis lors, j'ai acheté un MacBook Pro Retina, la machine qui a cassé l'écran Retina de son joli petit jardin muré iOS et est devenue le domaine de quelque chose que les gens de tous les types de professions utiliseront pour le travail. Après des semaines de travail à plein temps sur la machine, j’ai pensé qu’il serait approprié de partager mes expériences avec vous.

Les écrans de rétine devraient-ils même exister?

«Alors que nous voyons les écrans haute densité de plus en plus grands, je commence à me demander pourquoi. Juste parce qu'on peut ?? - John Carey
Cinquante pieds d'ombres


Récemment, j'ai lu plusieurs articles de créateurs qui sont en réalité assez fâchés contre Apple pour avoir poussé l'industrie sur une voie aussi difficile. Comme Ian Malcom reprochant à John Hammond d'avoir pris la décision précipitée de ramener des dinosaures d'entre les morts, ces critiques insistent pour que, juste parce que Apple pouvez faire un tel écran, ne signifie pas qu'ils devrait.

Un jour avec l'écran de la rétine m'a convaincu que les critiques ont tort. C'est tellement magnifique. Je ne peux plus supporter de regarder mon ancien MacBook. Mes yeux ont été ouverts et tout à coup le même écran que je n'ai jamais eu un problème avec des regards tout à fait sombres et boueux.

Aurions-nous dû nous arrêter au magnétoscope?

La seule façon de vraiment apprécier la réalité sans en faire l'expérience vous-même est de trouver un vieux téléviseur à tube cathodique et de le brancher sur un magnétoscope afin de pouvoir regarder un film. Sérieusement, allez l'essayer. En quelques secondes, vous vous demanderez comment, dans le monde, vous avez pu supporter une expérience visuelle aussi médiocre. Dans dix minutes, vous remercierez quotidiennement les dieux de la technologie pour le tout-puissant Blu-ray.

Passer des cassettes VHS était pénible, mais en y regardant en arrière, cela en valait la peine.

Avec la perspective que nous avons maintenant, en regardant en arrière, les clients et les producteurs de l'industrie du film sont mieux lotis car ils ont laissé la bande VHS comme méthode principale de reproduction et de distribution vidéo. La révolution a-t-elle été gênante pour tous? Absolument.

Les créateurs de contenu devaient apprendre, adopter et même développer de nouvelles façons de faire. Les clients devaient abandonner le vieux matériel et les charges de contenu, faire de nouveaux achats qui semblaient redondants avec les précédents, apprendre un nouveau jargon; C'était le bordel. Et cela les a seulement conduits au stade DVD, beaucoup sont encore en train de passer au Blu-ray ou même à une solution purement numérique comme iTunes et l'Apple TV.

? Les avances ne sont pas basées sur le fait qu'elles dérangeront ou non quelqu'un. Surtout quand Apple est au volant.


L'arrivée de l'informatique à haute résolution pose les mêmes problèmes, tant pour les consommateurs que pour les créateurs de contenu. Malheureusement, c'est comme ça que l'industrie technologique fonctionne. Des progrès sont réalisés lorsqu'il existe un marché pour eux et que le savoir-faire technologique est présent pour produire un résultat de qualité que les consommateurs peuvent se permettre. Ils ne sont pas basés sur le fait qu'ils dérangeront ou non quelqu'un. Surtout quand Apple est au volant.

Et c'est une bonne chose. Bien sûr, cela ne vous semble peut-être pas, mais gardez à l'esprit qu'il était une fois des écrans d'ordinateur qui ne possédaient qu'une poignée de couleurs et vous pouvez parier qu'il y avait des personnes dans l'industrie à l'époque qui insistaient pour qu'elles n'aillent pas plus loin. Je suis sûr que vous êtes heureux qu'ils l'aient fait, alors arrêtez de faire partie de ceux qui traînent en avant et criez au progrès, mais essayez plutôt de relever les défis de front et d'apporter quelque chose de précieux à la conversation.

Vivre et travailler sur un MacBook Pro Retina

"Je savais qu'il y aurait des problèmes, et il y en a."


La question de savoir si les écrans de rétine doivent exister ou non sur le marché traditionnel est vraiment une discussion hors de propos.Ils le font et vous avez deux choix: vous adapter ou mourir. En tant qu'ancien designer d'impression, j'ai été confronté à ce choix, les développeurs Flash sont actuellement confrontés à ce choix, vous pouvez aussi bien rejoindre le club.

Je suis tout au sujet de l’adaptation, j’ai donc pris la première voie et j’ai sauté dans ce train avant d’avoir la moindre idée de son orientation. J'ai laissé derrière moi mon MacBook 2007 de 13 "et j'ai acheté un nouveau MacBook Pro Retina de 15".

Je savais qu'il y aurait des problèmes, et il y en a. Certains de ceux qui m'inquiétaient se sont avérés être peu importants, d'autres sur lesquels je ne comptais pas compter se sont faufilés et m'ont semé la frustration.

Mille chapeaux

Chaque jour, je porte plusieurs chapeaux métaphoriques. Je suis un designer, un écrivain, un photographe, un navigateur Web, un observateur de films; vous l'appelez.

Grâce à cela, je peux offrir un aperçu de nombreuses expériences différentes du point de vue de l'affichage rétinien. La seule chose que je ne reconnaisse pas, c’est un joueur. J'ai grandi attaché à une manette Nintendo et je n'ai jamais été intéressé par les jeux sur PC. Vous devrez donc demander ailleurs si vous cherchez un aperçu de ce domaine.

Voici un aperçu des principales catégories d’utilisation quotidienne et mes réflexions sur chacune d’elles.

Utilisation générale du système d'exploitation

J'utilise actuellement OS X Lion et il semble que 99% aient été mis à jour pour les graphiques de rétine. De temps en temps, j'attrape le site d'un bouton qui a l'air pixelisé, mais seulement dans des utilitaires profondément enfouis que peu utilisent même de toute façon.

Pour l’essentiel, c’est là que l’écran brille. Tout a l'air absolument magnifique. Apple a non seulement mis à jour le système principal, mais également la plupart de ses applications, telles que iMovie.

Applications tierces

Lorsque je me suis procuré la machine, je craignais ce problème, mais il s’est avéré que c’était un problème moins important que je ne le pensais.

Beaucoup de mes applications préférées, telles que Sublime Text 2, semblaient rudes au début, mais ont déjà reçu des mises à jour de la rétine qui les rendent meilleures que jamais.

Certes, la plupart des applications n’ont pas encore été mises à jour, mais bien qu’elles soient dépendantes, il n’ya pas beaucoup d’applications que j’utilise quotidiennement. À l'exception de CS6, dont nous parlerons plus tard, la seule application que j'utilise tous les jours et qui me cause le plus de problèmes est Twitter pour Mac.

Cette application met vraiment en valeur la méchanceté des graphiques non rétiniens sur un écran rétinien. Chose intéressante, texte en direct, éditable, comme celui qui apparaît dans le «nouveau tweet». La fenêtre a l'air bien, mais tout votre flux est hideux, du texte aux avatars.

Navigation sur le Web

Ce sont les petites images qui ont l’air mauvais. Le petit logo JPG en haut du site, la capture d'écran de l'interface? ?


La navigation sur le Web m'a vraiment effrayé. Je savais très bien que le Web était un monde à basse résolution et pointer un écran de rétine de 15 "vers lui est comme prendre une loupe sur une photo avec une DPI faible.

À ma grande surprise, nous nous sommes préparés remarquablement bien à cette révolution, même si c'est par accident. Dans notre obsession à économiser de la bande passante en construisant des graphiques Web sans images, nous étions en train de créer un Web infiniment évolutif.

La plupart des interfaces utilisateur actuelles sont construites avec du bon vieux HTML, CSS et JavaScript. Lancer un écran Retina sur ces graphiques ne fait que les rendre plus beaux! Pour mémoire, on ne peut certainement pas en dire autant des sites Flash.

Le vrai problème réside bien entendu dans les images. Chose intéressante, la plupart de mes navigations sur le Web se passent sans un regard renfrogné, et je suis fou de résolution.

Les photographies professionnelles ont tendance à être superbes. Naviguez vers Flickr ou 500px et vous trouverez l'expérience aussi agréable que jamais, peut-être même plus.

Ce sont les petites images qui ont l'air mauvais. Le minuscule logo JPG en haut du site Web, la capture d'écran de l'interface, ne contient pas beaucoup d'informations à utiliser pour le doublage de pixels, ce qui le rend plutôt déplorable.

Films et séries télé

Le MacBook Pro Retina a abandonné son lecteur optique comme le MacBook Air. Je n’ai donc évidemment aucune expérience des DVD, mais la plupart du temps, les vidéos sont comme des images. Le meilleur est meilleur et le mauvais est pire.

Les films HD téléchargés numériquement brillent à l'écran, tandis que la diffusion en direct de Netflix / Hulu est remarquablement irrégulière. Heureusement, la distance à laquelle je regarde habituellement une émission est beaucoup plus éloignée que celle où je travaille, de sorte que les problèmes de résolution ne sont généralement pas aussi perceptibles.

La photographie

Comme je tire avec un Canon 5D Mk II, mes photos sont belles et grandes. Ils ont fière allure sur l'écran de la rétine et je n'ai eu aucun problème avec le zoom avant et l'édition de détails fins. Le seul problème réel est que le logiciel (Photoshop & Lightroom) n’a pas encore été amélioré, même dans CS6.

L'écriture

D'un point de vue purement écrit, l'écran de la rétine est incroyablement bon. La typographie à 220 pixels par pouce est une belle chose. Je lève Writeroom, passe en mode plein écran et bloque le monde.

Après quelques heures, il est facile d’oublier à quel point le type est bon. Cependant, quelques secondes après avoir affiché un document texte sur un écran basse résolution, tout ce que je vois est constitué de pixels. Des pixels sales et laids.

Le type ne semble pas simplement bon à bout de bras non plus. Je peux coller mon visage aussi près de l'écran que mes yeux peuvent le supporter et le type semble toujours très pointu.

La typographie est magnifiquement nette sur l'écran de la rétine.

Photoshop, Design et Screenshots

Maintenant vient la partie que vous voulez vraiment entendre: comment va Photoshop? Pouvez-vous concevoir sur cette chose?

Les concepteurs iOS devraient le trouver utile

Je vais commencer par dire que je ne suis pas un concepteur iOS. Ces gars-là ont été contraints de concevoir des graphiques de la rétine sur des écrans autres que de la rétine jusqu'à présent et j'imagine qu'ils ont hâte de faire le changement.

J'ai le problème inverse: concevoir des graphiques non rétiniens sur un écran rétinien. Vous ne pouvez pas vous attendre à ce que ce soit une douleur, mais pour être honnête, c'est vraiment le cas.

En effet, vous perdez tout concept de résolution lorsque vous vous trouvez dans la plage inférieure de ppp. Je peux peut-être ignorer de petites images irrégulières lorsque je navigue, mais lorsque je suis dans le fauteuil du créateur, mon cerveau examine chaque pixel.

Pixel Doublé Artwork Sucks

«Afin de bien comprendre si l’œuvre est à la hauteur, je dois la regarder sur mon ancien écran.


Sur l'écran Retina, tout ce que je crée ou importe dans Photoshop avec une résolution Web standard ressemble à de la merde. Même si je construis quelque chose en vecteur, à moins que je ne veuille l'exporter au format SVG, et la plupart du temps, ce n'est pas une option (pour le moment), il restera toujours une sortie au format JPG ou PNG minuscule qui a l'air super pixellisé car mon écran tente de doubler sa résolution.

Cela pose de nombreux problèmes épineux, que ce soit lorsque je travaille avec mes propres créations ou celles d’autres. Devrais-je le construire pour mes propres créations en basse résolution? Cela nuit à ma capacité de juger de sa clarté. Ou devrais-je le construire en haute résolution et le réduire pour sortir? Je ne sais pas si vous avez remarqué, mais Photoshop peut vraiment supprimer les illustrations raster lors de la mise à l'échelle.

C'est également un problème lorsque j'utilise des œuvres d'art de quelqu'un d'autre. Si vous êtes un designer, vous recevez probablement généralement des illustrations de tiers qui sont nauséabondes et pixélisées. En conséquence, vous choisirez soit d'exiger une meilleure illustration que de ne pas l'utiliser.

Pour moi, c'est beaucoup plus difficile, car à première vue, l'affichage de la rétine va toujours mal paraître, à moins que ce ne soit énorme. Pour avoir une idée précise de la qualité de l'œuvre, je dois la regarder sur mon ancien écran.

Captures d'écran

"Soudain, les captures d'écran que je prends sont le double de la taille que je voulais!"


Étant donné que je blogue pour gagner ma vie, je pense pouvoir dire que je prends plus de captures d'écran que la moyenne des internautes. Je travaille toujours avec des captures d'écran d'une interface d'application ou d'un site Web et les inclut dans des publications.

L'affichage de la rétine m'a frappé avec une balle courbe mal. Soudain, les captures d'écran que je prends sont le double de la taille que je souhaitais! Lorsqu'elles sont redimensionnées, les captures d'écran de l'interface utilisateur, avec leurs graphiques en points et leur texte minuscule, ont vraiment l'air désagréables sur tous les écrans. C'est pourquoi j'essaie toujours de les utiliser à 100% lorsque cela est possible.

Avec l'écran Retina, ce qui était auparavant une capture d'écran d'une largeur de 510 pixels (la taille standard de Design Shack) fait maintenant 1 020 pixels de large. Si j'ignore complètement les utilisateurs de la rétine et fais comme s'ils n'existaient pas, la logique me dit de diffuser des images de 510 pixels de large, ce qui signifie que je dois les redimensionner manuellement dans Photoshop et accepter le fait qu'elles ont l'air d'être. écrasé par un camion, en particulier en ce qui concerne le texte rasterisé.

Remarquez-le, ils me semblent évidemment pires que la plupart des utilisateurs car, vous l'avez deviné, je suis sur un écran de rétine.

Changer votre résolution stupide

J'ai présenté mon dilemme de capture d'écran à plusieurs personnes différentes et elles disent toutes la même chose: changez simplement votre résolution! Cela semble être une solution parfaitement viable, mais il s'avère que ce n'est pas si simple.

Le MacBook Pro Retina est livré avec cinq paramètres de résolution différents. Voici ce qui se passe si je choisis deux résolutions différentes, prend une capture d'écran de la même fenêtre, puis les colle l'une à côté de l'autre dans Photoshop.

Comme vous pouvez le constater, ils ont exactement la même taille. Changer la résolution dans les Préférences Système affecte la taille globale de la capture d'écran totale, mais la plupart du temps, les éléments de la capture d'écran restent inchangés.

Pour mémoire, voici quelle partie de cette fenêtre je peux insérer dans un document de 510 px de large en taille réelle:

Si vous venez de maudire, alors votre réaction a été juste avec la mienne.

Travailler sur un écran lumineux et net

"Passer la moitié de la journée à sauter entre un écran rétinien et un écran non rétinien m'a littéralement rendu malade de la mer!"


Sur mon ancien MacBook, je travaillais généralement à pleine luminosité. J'ai lu des tas de choses sur la durée de vie de la pile, la fatigue oculaire, etc., mais je n'ai jamais aimé l'apparence de celle-ci à moins que la luminosité ne soit augmentée.

Sur ce nouvel écran, la pleine luminosité est absolument trop forte pour la plupart des scénarios d'éclairage. Écran de la rétine? Plus comme écran de gravure de rétine. Cela tombe bien, je préférerais de loin un écran trop lumineux et qui doit être baissé.

Chose intéressante, j'ai remarqué des maux de tête occasionnels depuis le changement. L'écran est tellement lumineux et net que vous penserez que ce sera plus facile pour les yeux, mais il y a peut-être un point où il va trop loin et provoque plus de fatigue oculaire qu'il n'enregistre. Tant que je garde la luminosité sous contrôle, je ne pense pas que ce sera un problème majeur à long terme.

La netteté de l'écran n'était vraiment qu'un problème le premier jour, lorsque je transférais tout de l'ancienne machine à la nouvelle. Passer la moitié de la journée à sauter entre un écran rétinien et un écran non rétinien me donnait littéralement le mal de mer!

Douleurs de croissance

«Les nouvelles technologies entraînent de nouveaux défis et les premiers utilisateurs comme moi sont ceux qui en paient le prix.


Voilà donc ma liste complète d’éloges et de plaintes concernant mon nouveau MacBook Pro Retina. Intentionnellement, cet article est davantage axé sur les défis liés au travail sur un écran de rétine que sur les avantages. Si je suis tout à fait honnête, les avantages me décoiffent et je ne regrette pas un peu mon achat. J'adore cet ordinateur et n'hésiterai pas à dire que c'est le meilleur que j'ai jamais utilisé.

Toutes les luttes que j'ai énumérées ci-dessus ne sont que des douleurs de croissance. Les nouvelles technologies entraînent de nouveaux défis et les premiers utilisateurs comme moi sont ceux qui paient le prix (au sens propre et au sens figuré) en échange de la possession de nouveaux jouets brillants que personne d'autre n'a encore.

Des années plus tard, lorsque tous les nouveaux ordinateurs atteindront 220 ppi et auront des disques SSD comme composants standard, le prix de cette technologie sera beaucoup plus abordable et les pénalités pour son utilisation presque inexistantes.

Comparaison de la résolution de l'écran d'ordinateur de The Verge

Presque toutes les plaintes que j'ai énumérées ci-dessus se résument au fait que je possède un ordinateur avec un écran de résolution supérieure à celle des personnes pour lesquelles je conçois. Une fois que nous sommes tous sur la même page, tout sera considérablement simplifié.

Je dirai cependant que le fait de posséder un appareil avec un écran de qualité rétine peut renforcer votre sentiment d'urgence pour le problème d'image auquel nous sommes actuellement confrontés sur le Web. Vous voulez que les utilisateurs de rétine aient de belles images, mais le temps de chargement est-il intéressant pour les utilisateurs autres que ceux de rétine? Heureusement, des solutions vraiment impressionnantes, comme Retina.js, commencent à apparaître pour atténuer ce problème.

Néanmoins, un avenir proche dans lequel nous devons créer et télécharger le double des images que nous avions l'habitude de ne pas être vraiment excitant, n'est-ce pas?

Qu'est-ce que tu penses?

Espérons que cet énorme coup de gueule n'était pas un tas de drivel. Mon intention était d'aider les concepteurs qui se demandent s'ils doivent ou non acheter un rétine Mac à prendre une décision éclairée. Trop de sources ne répertorient actuellement que les bons ou les mauvais, et je voulais partager toutes mes pensées et vous permettre de décider vous-même si un Mac avec rétine vous convient ou non.

Sur cette note, qu'en pensez-vous? Si vous n'avez pas encore acheté d'ordinateur avec un écran de qualité rétine, pensez-vous que cela se produira bientôt? Pourquoi ou pourquoi pas? Si vous en avez, qu'en pensez-vous? Le recommanderiez-vous à d'autres?