Progettare su uno schermo Retina: i miei pensieri sul MacBook Pro Retina

220, 5 pixel per pollice: 2.800 di larghezza e 1.800 di altezza per un totale di oltre cinque milioni di pixel. Questo è lo schermo su cui lavoro ora, a tempo pieno. Questo fa sorgere tonnellate di domande: Apple ha qualche azienda a realizzare uno schermo del genere? Aiuterà o ostacolerà il settore? Puoi davvero fare lavori di progettazione su quella cosa se stai progettando per schermi non retina?

Oggi ti parlerò della mia esperienza con la macchina che minaccia di cambiare il modo in cui svolgi il tuo lavoro. Non trattengo nulla mentre impazzisco per ciò che amo e insulto per ciò che mi fa impazzire. Leggi insieme e vedi se sei d'accordo con le mie conclusioni.

Esplora Envato Elements

Dang You Apple

Nell'ultimo decennio, noi progettisti ci siamo concentrati su come affrontare un grande cambiamento di paradigma sotto forma di dimensioni dello schermo sempre diverse. Questa sfida ci ha allungato fino alla fine del nostro ingegno, ma ci ha fatto emergere designer dall'altra parte migliori, in grado di realizzare prodezze impressionanti di siti Web veramente flessibili che sembrano grandi su schermi di qualsiasi dimensione.

Mediaqueri.es mette in mostra un web design reattivo che sembra fantastico ovunque.

Mentre la nostra attenzione era focalizzata su un grande cambiamento di paradigma, un altro si è avvicinato a noi: la risoluzione. Lo slancio alla base di questo cambiamento è arrivato di recente da Apple con i suoi display di qualità "retina", ora presenti su iPhone, iPod Touch, iPad e MacBook Pro, con iMac e MacBook Air senza dubbio a seguire un po 'di tempo nel prossimo anno o due .

Apple potrebbe non essere il primo o unico produttore di elettronica a spingere display ad alta risoluzione, né è quasi mai il primo a qualcosa. Tuttavia, piaccia o no, hanno storicamente segnato il segno dell'adozione diffusa dei principali cambiamenti tecnologici (questa è la parte in cui salti tutto ciò che dico in modo da poter infastidire su quanto ciò non sia vero nei commenti).

Come con la rivoluzione delle dimensioni dello schermo, questo offre ai progettisti un enorme cambiamento di paradigma che cambia tutto. Questo ostacolo può rivelarsi ancora più difficile da superare rispetto al precedente e richiede la nostra immediata attenzione e speculazione. A marzo, ho pubblicato una discussione proprio su questo argomento.

Da allora ho acquistato un MacBook Pro Retina, la macchina che ha rotto il display della retina fuori dal suo grazioso piccolo giardino recintato iOS e nel regno di qualcosa che le persone di tutti i tipi di professioni useranno per lavoro. Dopo settimane di lavoro a tempo pieno sulla macchina, ho pensato che sarebbe stato opportuno condividere le mie esperienze con te.

Dovrebbero esistere schermi Retina?

“Quando vediamo che gli schermi ad alta densità diventano sempre più grandi, inizio a chiedermi, perché? Solo perché possiamo? " - John Carey
Cinquanta piedi di ombre

Di recente ho letto diversi articoli di creativi che in realtà sono piuttosto arrabbiati con Apple per aver spinto l'industria verso un percorso così problematico. Come Ian Malcom che castiga John Hammond per la sua affrettata decisione di riportare indietro i dinosauri dalla morte, questi critici insistono sul fatto che solo perché Apple può realizzare uno schermo del genere, non significa che dovrebbero .

Un giorno con lo schermo della retina mi ha convinto che i critici hanno torto. È semplicemente così bello. Riesco a malapena a guardare il mio vecchio MacBook. I miei occhi sono stati aperti e improvvisamente lo stesso schermo con cui non ho mai avuto problemi con un aspetto decisamente scuro e fangoso.

Dovremmo fermarci al videoregistratore?

L'unico modo per apprezzare davvero come è senza sperimentarlo da soli è trovare un vecchio televisore CRT e collegarlo a un videoregistratore in modo da poter guardare un film. Seriamente, vai a provarlo. In pochi secondi ti chiederai come mai nel mondo sei riuscito a sopportare un'esperienza visiva così scarsa. Dieci minuti e ringrazierai quotidianamente gli dei tecnologici per l'onnipotente Blu-ray.

Passare dai nastri VHS è stato doloroso, ma ripensandoci ora, ne valeva la pena.

Con la prospettiva che abbiamo ora, guardando indietro, sia i clienti che i produttori dell'industria cinematografica stanno meglio per essersi lasciati alle spalle il nastro VHS come metodo principale di riproduzione e distribuzione video. La rivoluzione è stata scomoda per tutti i soggetti coinvolti? Assolutamente.

I creatori di contenuti hanno dovuto apprendere, adottare e persino sviluppare nuovi modi di fare le cose. I clienti dovevano abbandonare le vecchie attrezzature e un sacco di contenuti, fare nuovi acquisti che sembravano ridondanti con quelli precedenti, apprendere un nuovo linguaggio; era un casino. E questo li ha portati solo sul palco del DVD, molti sono ancora nel bel mezzo del salto al Blu-ray o forse anche a una soluzione puramente digitale come iTunes e Apple TV.

“I progressi non si basano sul fatto che possano arrecare disturbo a qualcuno. Soprattutto quando Apple è al posto di guida. "

L'arrivo dell'elaborazione ad alta risoluzione presenta gli stessi problemi, sia per i consumatori che per i creatori di contenuti. Sfortunatamente, è così che funziona l'industria tecnologica. I progressi sono fatti quando c'è un mercato per loro e il know how tecnologico presente per produrre un risultato di qualità che i consumatori possono permettersi. Non si basano sul fatto che possano arrecare disturbo a qualcuno. Soprattutto quando Apple è al posto di guida.

E questa è una buona cosa. Certo, potrebbe non sembrare così, ma tieni presente che una volta i monitor dei computer possedevano solo una manciata di colori e puoi scommettere che all'epoca c'erano persone nel settore che insistevano che non andavano oltre. Sono sicuro che sei contento di averlo fatto, quindi smetti di essere una delle persone che vengono trascinate a calci e urlando per progredire e invece prova ad attaccare le sfide frontalmente e contribuendo con qualcosa di prezioso per la conversazione.

Vivere e lavorare su un MacBook Pro Retina

"Sapevo che ci sarebbero stati dei problemi, e ci sono".

Se gli schermi retina debbano esistere o meno nel mercato mainstream è davvero una discussione irrilevante. Lo fanno e tu hai due scelte: adattarti o morire. Come ex designer di sola stampa ho affrontato questa scelta, gli sviluppatori Flash stanno affrontando questa scelta, potresti anche unirti al club.

Mi occupo di adattamento, quindi ho preso la prima strada dell'adozione e sono saltato su questo treno prima di avere idea di dove stesse andando. Ho lasciato alle spalle il mio MacBook 13 "del 2007 e ho acquistato un nuovo MacBook Pro da 15" Retina.

Sapevo che ci sarebbero stati dei problemi, e ci sono. Alcuni di quelli di cui ero preoccupato si sono rivelati un grosso problema, altri su cui non ho fatto affidamento e mi hanno afflitto per la frustrazione.

Mille cappelli

Ogni giorno indosso diversi cappelli metaforici. Sono un designer, scrittore, fotografo, browser web, osservatore di film; lo chiami.

Per questo motivo posso offrire una visione di molte esperienze diverse dal punto di vista del display della retina. L'unica cosa che non sono certo è un giocatore. Sono cresciuto attaccato a un controller Nintendo e non mi sono mai interessato ai giochi per PC, quindi dovrai chiedere altrove se stai cercando approfondimenti in quell'area.

Ecco uno sguardo ad alcune categorie principali di uso quotidiano e i miei pensieri su ciascuna.

Uso generale del sistema operativo

Attualmente sto eseguendo OS X Lion e sembra aggiornato al 99% per la grafica retina. Ogni tanto prendo il posto di un pulsante che sembra pixelato, ma solo in utility profondamente sepolte che pochi usano comunque.

Per la maggior parte, è qui che brilla il display. Tutto sembra assolutamente sorprendente. Apple non ha solo aggiornato il sistema principale ma la maggior parte delle sue app, come iMovie.

App di terze parti

Quest'area ha destato preoccupazione quando ho acquistato la macchina, ma si è rivelata una questione meno significativa di quanto pensassi.

Molte delle mie app preferite, come Sublime Text 2, all'inizio sembravano brutte ma hanno già ricevuto aggiornamenti sulla retina che le rendono migliori che mai.

Certo, la maggior parte delle app non è ancora stata aggiornata, ma nonostante sia un appassionato di app, in realtà non ci sono molte app che uso quotidianamente. Con l'esclusione di CS6, di cui parleremo più avanti, l'unica app che uso ogni giorno che mi dà davvero fastidio è Twitter per Mac.

Questa app mostra davvero la cattiveria della grafica non retina su un display retina. È interessante notare che il testo modificabile dal vivo e modificabile come quello che si presenta nella finestra "nuovo tweet" sembra a posto, ma l'intero flusso è orribile, dal testo agli avatar.

Navigare su Internet

“Sono le piccole immagini che sembrano cattive. Il piccolo logo JPG nella parte superiore del sito Web, lo screenshot dell'interfaccia ... "

La navigazione sul Web mi ha davvero spaventato. Sapevo benissimo che il web è un mondo a bassa risoluzione e puntare uno schermo retina da 15 "è come portare una lente d'ingrandimento su una foto a basso DPI.

Con mia sorpresa, ci siamo preparati molto bene a questa rivoluzione, anche se completamente per caso. Nella nostra ossessione per il risparmio della larghezza di banda attraverso la creazione di grafica Web senza immagini, in realtà stavamo costruendo una rete infinitamente scalabile.

La maggior parte dell'interfaccia utente in questi giorni è costruita con un buon vecchio HTML, CSS e JavaScript. Lanciare un display retina su questi elementi grafici li rende solo più belli! Per la cronaca, lo stesso non si può certo dire dei siti Flash.

Il vero problema ovviamente sta nelle immagini. È interessante notare che la maggior parte della mia navigazione web passa senza un solo cipiglio, e io sono un pazzo risolutore.

Le fotografie professionali tendono soprattutto ad avere un bell'aspetto. Naviga su Flickr o 500px e troverai l'esperienza divertente come non mai, forse anche di più.

Sono le piccole immagini che sembrano cattive. Il piccolo logo JPG nella parte superiore del sito Web, lo screenshot dell'interfaccia, in realtà non hanno molte informazioni con cui lavorare per il raddoppio dei pixel e quindi risultano piuttosto deplorevoli.

Film e programmi TV

Il MacBook Pro Retina ha demolito la sua unità ottica proprio come il MacBook Air, quindi ovviamente non ho avuto alcuna esperienza con i DVD, ma per la maggior parte, i video sono come immagini. Il grande aspetto migliore e il cattivo aspetto peggiore.

I film HD scaricati digitalmente brillano sul display mentre lo streaming live di Netflix / Hulu sembra notevolmente strabiliante. Fortunatamente, la distanza alla quale di solito guardo uno spettacolo è molto più indietro rispetto a dove lavoro, quindi qualsiasi problema di risoluzione di solito non è così evidente.

fotografia

Poiché scatto con una Canon 5D Mk II, le mie foto risultano belle e grandi. Sembrano fantastici sul display della retina e non ho avuto problemi con lo zoom e la modifica dei dettagli. L'unico vero problema è che il software (Photoshop e Lightroom) non è stato ancora abbellito dalla retina, nemmeno in CS6.

scrittura

Dal punto di vista della scrittura pura, lo schermo della retina è sorprendentemente buono. La tipografia a 220 pixel per pollice è una cosa meravigliosa. Accendo Writeroom, passo alla modalità a schermo intero e blocco il mondo.

Dopo poche ore, è facile dimenticare quanto sia bello il tipo. Tuttavia, pochi secondi dopo aver visualizzato un documento di testo su uno schermo a bassa risoluzione, tutto ciò che vedo sono pixel. Pixel sporchi e brutti.

Il tipo non è solo bello da vedere. Riesco ad attaccare il viso il più vicino possibile allo schermo, come i miei occhi riescono a gestire e il tipo sembra ancora affilato.

La tipografia è meravigliosamente nitida sullo schermo della retina.

Photoshop, design e schermate

Ora arriva la parte di cui vuoi davvero sentire parlare: com'è Photoshop? Puoi progettare su questa cosa?

I designer iOS dovrebbero trovarlo utile

Inizierò dicendo che non sono un designer iOS. Questi ragazzi sono stati costretti a progettare la grafica retina su schermi non retina fino ad ora e immagino che siano desiderosi di fare il passaggio.

Ho il problema opposto: progettare grafica non retina su uno schermo retina. Potresti non aspettarti che sia un dolore, ma ad essere sincero, lo è davvero.

Questo perché perdi tutto il concetto di risoluzione quando ti trovi nella gamma inferiore di ppi. Potrei essere in grado di ignorare le piccole immagini irregolari mentre sto navigando, ma quando sono sulla sedia del creatore, il mio cervello esamina ogni pixel.

Pixel Doubled Art Sucks

"Per avere un'idea del fatto che la grafica sia o meno alla pari, devo dare un'occhiata al mio vecchio schermo."

Nella schermata della retina, tutto ciò che creo o importa in Photoshop con una risoluzione web standard sembra una schifezza. Anche se creo qualcosa in formato vettoriale, a meno che non sia disposto a esportarlo come SVG, e il più delle volte non è un'opzione (ancora), continuerà comunque a produrre output su un piccolo JPG o PNG che sembra super pixel perché il mio schermo tenta di raddoppiare la sua risoluzione.

Questo presenta molti problemi difficili, sia quando lavoro con le mie opere che con quelle degli altri. Per la mia opera d'arte, dovrei costruirla a bassa risoluzione? Ciò compromette la mia capacità di giudicare la sua chiarezza. O dovrei costruirlo ad alta risoluzione e ridimensionarlo per outpur? Non sono sicuro che tu l'abbia notato, ma Photoshop può davvero eliminare i disegni raster durante il ridimensionamento.

È anche un problema quando sto usando opere d'arte di qualcun altro. Se sei un designer, allora probabilmente riceverai opere d'arte di terze parti che sono scadenti e pixelate. Di conseguenza, sceglierai di richiedere una migliore opera d'arte saltandola completamente.

Per me, questo è molto più difficile, perché a prima vista, avrà sempre un aspetto negativo sul display della retina a meno che non sia enorme. Per avere un'idea del fatto che la grafica sia o meno alla pari, devo dare un'occhiata al mio vecchio schermo.

Screenshots

"Improvvisamente, gli screenshot che prendo sono il doppio delle dimensioni che intendevo!"

Dato che blog per vivere, penso che sia sicuro dire che prendo più screenshot della persona media. Lavoro sempre con schermate da un'interfaccia di app o un sito Web e includendole nei post.

Il display della retina mi ha colpito con una palla curva malvagia qui. Improvvisamente, gli screenshot che prendo sono il doppio delle dimensioni che intendevo! Quando ridimensionati, gli screenshot dell'interfaccia utente, con la loro grafica raster e il loro testo minuscolo, sembrano davvero cattivi su qualsiasi schermo, quindi cerco sempre di usarli al 100% quando possibile.

Con lo schermo della retina, quello che era uno screenshot di 510 pixel (la dimensione dell'immagine standard di Design Shack) è ora largo 1.020 pixel. Se ignoro completamente gli utenti della retina e faccio finta che non esistano, la logica dice che dovrei pubblicare immagini larghe 510px, il che significa che devo ridimensionarle manualmente in Photoshop e sopportare il fatto che sembrano come se fossero appena investito da un camion, in particolare per quanto riguarda il testo rasterizzato.

Intendiamoci, ovviamente mi sembrano peggiori della maggior parte degli utenti perché, hai indovinato, sono su uno schermo di retina.

Cambia la tua risoluzione Stupido

Ho presentato il mio dilemma dello screenshot a poche persone diverse e tutti dicono la stessa cosa: basta cambiare la tua risoluzione! Sembra una soluzione perfettamente praticabile, ma si scopre che non è così semplice.

Il MacBook Pro Retina viene fornito con cinque diverse impostazioni di risoluzione. Ecco cosa succede se scelgo due risoluzioni diverse, faccio uno screenshot della stessa finestra esatta, quindi li attingo uno accanto all'altro in Photoshop.

Come puoi vedere, escono esattamente della stessa dimensione. La modifica della risoluzione in Preferenze di Sistema influisce sulla dimensione complessiva dello screenshot totale, ma il più delle volte gli elementi all'interno dello screenshot risultano invariati.

Per la cronaca, ecco quanta parte di quella finestra posso inserire in un documento largo 510px a dimensione intera:

Se hai appena maledetto, la tua reazione è stata perfetta con la mia.

Lavorando su uno schermo luminoso e nitido

"Trascorrere mezza giornata saltando tra una retina e uno schermo non retina mi ha fatto letteralmente sentire male al mare!"

Sul mio vecchio MacBook, di solito lavoravo alla massima luminosità. Ho letto tonnellate di cose sulla durata della batteria, l'affaticamento degli occhi e quant'altro, ma non mi è mai piaciuto il modo in cui appariva a meno che la luminosità non fosse accesa.

Su questo nuovo schermo, la piena luminosità è assolutamente troppo luminosa per la maggior parte degli scenari di illuminazione. Schermo retina? Più come lo schermo che brucia la retina. È fantastico, preferirei piuttosto avere uno schermo troppo luminoso e che deve essere abbassato.

È interessante notare che ho notato alcuni mal di testa occasionali da quando sono passati. Lo schermo è così luminoso e nitido, penseresti che sia più facile per gli occhi, ma potrebbe esserci un punto in cui va troppo lontano e provoca più affaticamento degli occhi di quanto non risparmi. Finché terrò sotto controllo la luminosità, non credo che questo sarà un grosso problema a lungo termine.

La nitidezza dello schermo era davvero solo un problema il primo giorno, quando stavo trasferendo tutto dalla vecchia macchina a quella nuova. Trascorrere mezza giornata saltando tra uno schermo retina e uno schermo non retina mi ha fatto letteralmente sentire male al mare!

Dolori crescenti

"Con la nuova tecnologia arrivano nuove sfide e i primi ad adottare come me sono quelli che pagano il prezzo"

Quindi il gioco è fatto, la mia lista completa di elogi e lamentele riguardo al mio nuovo MacBook Pro Retina. Intenzionalmente, questo articolo si concentra sulle sfide di lavorare su uno schermo retina più che sui vantaggi. Se sono completamente onesto, i vantaggi mi spazzano via e non sono un po 'dispiaciuto del mio acquisto. Adoro questo computer e non esiterò a dire che è il migliore che abbia mai usato.

Tutte le lotte che ho elencato sopra sono solo dolori in crescita. Con la nuova tecnologia arrivano nuove sfide e i primi ad adottare come me sono quelli che pagano il prezzo (in senso figurato e letterale) in cambio del possesso di nuovi giocattoli luccicanti che nessun altro ha.

Anni dopo, quando tutti i nuovi computer colpiscono 220ppi e hanno unità a stato solido come componenti standard, il prezzo di questa tecnologia sarà molto più conveniente e le penalità per l'utilizzo quasi inesistente.

Confronto della risoluzione dello schermo del computer da The Verge

Quasi tutte le lamentele che ho elencato sopra si riducono al fatto che possiedo un computer con un display a risoluzione più elevata rispetto alle persone per le quali sto progettando. Quando saremo tutti sulla stessa pagina, tutto sarà notevolmente semplificato.

Dirò però che possedere un dispositivo con uno schermo di qualità retina può aumentare il tuo senso di urgenza per il problema dell'immagine che ora affrontiamo sul web. Volete che gli utenti della retina abbiano belle immagini, ma vale la pena il tempo di caricamento per gli utenti non retina? Fortunatamente, alcune soluzioni davvero fantastiche come Retina.js stanno iniziando a sorgere per alleviare questo problema.

Tuttavia, un futuro prossimo in cui dobbiamo creare e caricare il doppio delle immagini a cui eravamo abituati non è esattamente qualcosa di cui entusiasmarci, vero?

Cosa pensi?

Spero che questo enorme sfogo non fosse un mucchio completo di drizze. La mia intenzione era quella di aiutare i designer che si chiedono se dovrebbero acquistare o meno un Mac retina per prendere una decisione informata. Troppe fonti stanno attualmente elencando solo il buono o solo il cattivo e volevo condividere tutti i miei pensieri e lasciarti decidere da solo se un Mac Retina è giusto per te.

In quella nota, cosa ne pensi? Se non hai ancora acquistato un computer con un display di qualità retina, pensi che lo farai presto? Perché o perché no? Se hai, cosa ne pensi? Lo raccomanderesti ad altri?