Progettare su uno schermo Retina I miei pensieri su Retina MacBook Pro

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 dà luogo a tonnellate di domande: Apple ha qualche azienda che produce questo schermo? Aiuterà o ostacolerà l'industria? Puoi davvero progettare il lavoro su quella cosa se stai progettando per schermi non retinici?

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

Dang ti Apple

Negli ultimi dieci anni, i progettisti si sono concentrati su come affrontare un importante cambiamento di paradigma sotto forma di schermi di dimensioni sempre variabili. Questa sfida ci ha teso alla fine del nostro spirito, ma ci ha portato dall'altra parte i migliori designer, in grado di realizzare impressionanti produzioni di siti Web veramente flessibili che sembrano grandi sullo schermo di qualsiasi dimensione.

Mediaqueri.es presenta un design web reattivo che sembra perfetto ovunque.

Mentre la nostra attenzione si è concentrata su uno dei principali cambiamenti di paradigma, un altro ci ha attaccati: la risoluzione. Lo slancio dietro questo cambiamento è arrivato di recente da Apple con la sua? Retina? display di qualità, ora presenti su iPhone, iPod Touch, iPad e MacBook Pro, con iMac e MacBook Air senza dubbio per seguire un po 'di tempo nel prossimo anno o due.

Apple potrebbe non essere il primo o il solo produttore di elettronica a spingere display ad alta risoluzione, né sono quasi mai i primi a fare qualcosa. Comunque, piaccia o no, hanno storicamente segnato il marchio per l'adozione diffusa di importanti cambiamenti tecnologici (questa è la parte in cui salti tutto il resto che dico in modo che tu possa lamentarti di quanto questo non sia vero nei commenti).

Come con la rivoluzione delle dimensioni dello schermo, questo presenta ai designer un enorme cambiamento di paradigma che cambia tutto. Questo ostacolo potrebbe rivelarsi ancora più difficile da superare rispetto all'ultimo e richiede la nostra immediata attenzione e speculazione. A marzo, ho pubblicato una discussione su questo argomento.

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

Gli schermi Retina dovrebbero persino esistere?

? Come vediamo gli schermi ad alta densità diventano sempre più grandi, comincio a chiedermi, perché? Solo perché possiamo? - John Carey
Fifty Foot Shadows

Ultimamente ho letto diversi articoli di creativi che sono in realtà piuttosto arrabbiati con Apple per aver spinto l'industria verso un percorso così problematico. Come Ian Malcom che castiga John Hammond per la sua sbrigativa decisione di riportare i dinosauri dai morti, questi critici insistono sul fatto che solo perché Apple può fare un tale schermo, non significa che loro dovrebbero.

Un giorno con lo schermo della retina mi convinse che i critici hanno torto. È proprio così bello. Riesco a malapena a guardare oltre il mio vecchio MacBook. I miei occhi sono stati aperti e improvvisamente lo stesso schermo che non ho mai avuto un problema con sembra decisamente scuro e fangoso.

Dovremmo esserci fermati al videoregistratore?

L'unico modo per apprezzare veramente com'è questo senza provarlo tu stesso è trovare un vecchio televisore CRT e collegarlo a un videoregistratore per poter guardare un film. Seriamente, vai a provarlo. In pochi secondi ti chiedi come mai nel mondo sei riuscito a sopportare un'esperienza visiva così scarsa. Dieci minuti di questo e ringrazierai gli dei della tecnologia ogni giorno per l'onnipotente Blu-ray.

È stato difficile passare dai nastri VHS, ma guardando indietro 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 aver abbandonato il nastro VHS come metodo principale di riproduzione e distribuzione video. La rivoluzione è stata inopportuna per tutte le persone coinvolte? Assolutamente.

I creatori di contenuti hanno dovuto imparare, adottare e persino sviluppare nuovi modi di fare le cose. I clienti hanno dovuto abbandonare vecchie attrezzature e un sacco di contenuti, fare nuovi acquisti che sembravano ridondanti con quelli precedenti, imparare nuovi gerghi; era un disastro E questo li ha solo portati 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.

? Gli anticipi non si basano sul fatto che possano arrecare disturbo a qualcuno. Soprattutto quando Apple è al posto di guida.

L'arrivo del computing ad alta risoluzione presenta gli stessi problemi, sia per i consumatori che per i creatori di contenuti. Sfortunatamente, è così che funziona l'industria della tecnologia. 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 nessuno. Soprattutto quando Apple è al posto di guida.

E questa è una buona cosa. Certo, potrebbe non sembrare così, ma tieni a mente che un tempo i monitor dei computer possedevano solo una manciata di colori e puoi scommettere che c'erano persone del settore che al tempo insistevano nel dire che non andavano oltre. Sono sicuro che tu sia contento di averlo fatto, quindi smetti di essere una delle persone che viene trascinata a calci e urlando in progresso e invece prova a attaccare le sfide direttamente e a contribuire con qualcosa di prezioso alla conversazione.

Vivere e lavorare su un MacBook Pro Retina

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

La presenza o meno di schermi retinici nel mercato mainstream è davvero una discussione irrilevante.Lo fanno, e tu hai due scelte: adattare o morire. Come ex designer di sola stampa ho affrontato questa scelta, gli sviluppatori di Flash si trovano attualmente di fronte a questa scelta, potresti anche unirti al club.

Mi sto dedicando all'adattamento, quindi ho seguito la prima strada dell'adozione e sono saltato su questo treno prima di avere un'idea di dove fosse. Ho lasciato il mio MacBook 13 "2007 e acquistato un nuovo MacBook Pro Retina da 15".

Sapevo che ci sarebbero stati dei problemi, e ci sono. Alcuni di quelli di cui ero preoccupato si rivelarono essere un grosso problema, altri che non mi aspettavo e mi tormentarono per la frustrazione.

Mille cappelli

In un dato giorno, indosso molti cappelli metaforici. Sono un designer, scrittore, fotografo, browser web, osservatore di film; lo chiami.

Per questo motivo posso offrire approfondimenti su molte diverse esperienze dal punto di vista della retina. L'unica cosa che, ammetto, non è un giocatore. Sono cresciuto attaccato a un controller Nintendo e non ho mai avuto interesse per i giochi per PC, quindi dovrai chiedere altrove se stai cercando approfondimenti in quella zona.

Ecco alcune delle principali categorie di uso quotidiano e i miei pensieri su ciascuno.

Uso generale del sistema operativo

Attualmente sto eseguendo OS X Lion e sembra aggiornato del 99% per la grafica retina. Ogni tanto rilevo il sito di un pulsante che sembra pixelato, ma solo in utilità profondamente sepolte che solo pochi usano comunque.

Per la maggior parte, questo è dove il display brilla. Tutto sembra assolutamente incredibile. Apple ha non solo aggiornato il sistema principale ma anche la maggior parte delle sue app come iMovie.

App di terze parti

Questa zona è stata una preoccupazione quando ho acquistato la macchina, ma si è rivelato essere un problema meno significativo che pensavo sarebbe stato.

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

Certo, la maggior parte delle app non è ancora stata aggiornata ma, nonostante sia un app-dipendente, 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 infastidisce davvero è Twitter per Mac.

Questa applicazione mostra davvero la cattiveria della grafica non retina su un display retina. Abbastanza interessante, il testo live, modificabile come quello che si verifica nel? Nuovo tweet? la finestra sembra soddisfacente, 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 perfettamente che il web è un mondo a bassa risoluzione e puntare uno schermo retina da 15 "è come prendere una lente d'ingrandimento per una foto con un DPI basso.

Con mia sorpresa, ci siamo preparati molto bene per questa rivoluzione, anche se completamente per caso. Nella nostra ossessione di risparmiare larghezza di banda con la creazione di grafica Web senza immagini, stavamo effettivamente costruendo un web che è infinitamente scalabile.

La maggior parte delle UI in questi giorni è costruita con il buon vecchio HTML, CSS e JavaScript. Lanciare uno schermo retina con questi grafici li fa apparire solo migliori! Per la cronaca, lo stesso non può certo dirsi dei siti Flash.

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

In particolare le fotografie professionali tendono ad apparire grandiose. Naviga su Flickr o 500px e troverai l'esperienza altrettanto piacevole che mai, forse anche di più.

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

Film e programmi TV

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

I film in HD scaricati digitalmente brillano sul display mentre lo streaming live Netflix / Hulu appare notevolmente jaggy. Fortunatamente, la distanza alla quale di solito guardo uno spettacolo è molto più indietro rispetto a dove lavoro, quindi in genere i problemi di risoluzione non sono così evidenti.

fotografia

Perché scatto con una Canon 5D Mk II, le mie foto escono belle e grandi. Hanno un bell'aspetto sul display retina e non ho avuto problemi con lo zoom e la modifica dei minimi dettagli. L'unico vero problema è che il software (Photoshop e Lightroom) non è ancora stato abbellito da retina, anche 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. Sollevo Writeroom, passa alla modalità a schermo intero e blocco il mondo.

Dopo poche ore, è facile dimenticare quanto sia bello il tipo. Tuttavia, in pochi secondi di visualizzare un documento di testo su un display a bassa risoluzione, tutto quello che vedo sono i pixel. Pixel sporchi e brutti.

Il tipo non è solo bello a portata di mano. Posso attaccare la mia faccia allo schermo quanto i miei occhi riescono a gestire e il tipo sembra ancora nitido.

La tipografia è splendidamente nitida sullo schermo retina.

Photoshop, design e schermate

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

I progettisti di iOS dovrebbero trovarlo utile

Inizierò dicendo che non sono un progettista iOS. Questi ragazzi sono stati costretti a progettare grafici retina su schermi non retinici 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 per essere onesti, lo è davvero.

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

Pixel Doubled Artwork Sucks

? Per capire correttamente se la grafica è o meno all'altezza, devo dare un'occhiata al mio vecchio schermo.?

Nella retina, tutto ciò che creo o importare in Photoshop con una risoluzione Web standard sembra una schifezza. Anche se costruisco qualcosa in vettoriale, a meno che non sia disposto a esportarlo come SVG, e la maggior parte delle volte non è ancora un'opzione (ancora), verrà comunque generato un piccolo JPG o PNG che sembra super pixelato perché il mio schermo tenta di raddoppiare la sua risoluzione.

Questo presenta molti problemi spinosi, sia quando lavoro con la mia opera che con quella 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 è in grado di cestinare la grafica raster durante il ridimensionamento.

È anche un problema quando utilizzo le illustrazioni di qualcun altro. Se sei un designer, probabilmente riceverai generalmente opere di terze parti che sono schifose e pixelate. Di conseguenza, sceglierai di richiedere una grafica migliore saltandola completamente.

Per me, questo è molto più difficile, perché a prima vista, avrà sempre un aspetto negativo sul display retina, a meno che non sia enorme. Per capire correttamente se la grafica è o meno all'altezza, devo dare un'occhiata al mio vecchio schermo.

Screenshots

? Improvvisamente, gli screenshot che prendo sono il doppio della dimensione che intendevo !?

Dato il fatto che io blog per vivere, penso che è sicuro di dire che prendo più screenshot rispetto alla persona media. Lavoro sempre con gli screenshot di un'interfaccia o di un sito web di app e li includo nei post.

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

Con lo schermo retina, quello che era uno screenshot di 510 pixel (la dimensione standard di Design Shack) ora ha una larghezza di 1.020 pixel. Se ignoro completamente gli utenti di 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 peggio di molti utenti perché, avete indovinato, sono su uno schermo retinico.

Cambia la tua risoluzione stupida

Ho presentato il mio screenshot dilemma a poche persone diverse e tutti dicono la stessa cosa: cambia la tua risoluzione! Questa sembra una soluzione perfettamente fattibile, ma risulta che non è così semplice.

Retina MacBook Pro è dotato di cinque diverse impostazioni di risoluzione. Ecco cosa succede se scelgo due risoluzioni diverse, scatta uno screenshot della stessa finestra esatta, quindi le incolliamo una accanto all'altra in Photoshop.

Come puoi vedere, escono esattamente della stessa misura. La modifica della risoluzione nelle Preferenze di sistema influisce sulla dimensione complessiva dello screenshot totale, ma la maggior parte delle volte gli elementi all'interno dello screenshot risultano invariati.

Per la cronaca, ecco quanta parte di quella finestra posso inserire in un documento di 510px in tutto e per tutto:

Se hai appena imprecato, la tua reazione è stata giusta per me.

Lavorando su uno schermo luminoso e nitido

"Trascorrere metà della giornata saltando tra uno schermo retina e uno senza retina mi ha letteralmente fatto sentire male al mare !?

Sul mio vecchio MacBook, in genere ho lavorato a piena luminosità. Ho letto un sacco di cose sulla durata della batteria, l'affaticamento degli occhi e quant'altro, ma non mi è mai piaciuto come appariva a meno che la luminosità non fosse accesa.

In questo nuovo schermo, la piena luminosità è assolutamente troppo luminosa per la maggior parte degli scenari di illuminazione. Schermo retina? Più simile alla schermata di masterizzazione della retina. Questo è bello però, preferirei avere uno schermo che è troppo luminoso e deve essere abbassato.

È interessante notare che ho notato alcuni mal di testa occasionali dal passaggio. 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 faccia risparmiare. Finché manterrò la luminosità, non penso che questo sarà un problema importante a lungo termine.

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

Dolori crescenti

Con la nuova tecnologia arrivano nuove sfide e gli early adopter come me sono quelli che pagano il prezzo?

Quindi ecco qua, la mia lista completa di lodi e lamentele riguardo il mio nuovo Retina MacBook Pro. Intenzionalmente, questo articolo si concentra sulle sfide di lavorare su uno schermo retina più dei benefici. Se sono completamente onesto, i benefici mi fanno svenire 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 crescenti dolori. Con la nuova tecnologia arrivano nuove sfide e gli early adopter come me sono quelli che pagano il prezzo (in senso figurato e letterale) in cambio del possesso di nuovi giocattoli brillanti che nessun altro possiede.

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ù accessibile e le sanzioni per l'uso quasi inesistente.

Confronto risoluzione schermo del computer da The Verge

Quasi ogni lamentela che ho elencato sopra si riduce in realtà al fatto che possiedo un computer con una risoluzione più alta rispetto alle persone che sto progettando. Quando saremo tutti sulla stessa pagina, tutto sarà drasticamente semplificato.

Devo dire però che possedere un dispositivo con uno schermo di qualità della retina può aumentare il senso di urgenza per il problema di immagine che ora affrontiamo sul web. Volete che gli utenti della retina abbiano belle immagini, ma vale la pena di caricare il tempo per gli utenti non-retina? Fortunatamente, alcune ottime soluzioni come Retina.js stanno cominciando a spuntare che faciliterà questo problema.

Eppure, un futuro prossimo in cui dobbiamo creare e caricare il doppio delle immagini che abbiamo usato non è esattamente qualcosa di cui essere entusiasti è?

Cosa pensi?

Si spera che questo enorme sproloquio non sia stato un mucchio completo di drivel. La mia intenzione era quella di aiutare i progettisti a chiedersi se dovessero o meno acquistare un Mac retina prendere una decisione informata. Troppe fonti elencano attualmente solo il buono o il solo cattivo e volevo condividere tutti i miei pensieri e lasciarti decidere se un retina Mac è giusto per te.

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