Designe på en netthinneskjerm: Mine tanker om netthinnen MacBook Pro

220, 5 piksler per tomme: 2800 brede og 1 800 høye for totalt over fem millioner piksler. Det er skjermen som jeg jobber med nå, på heltid. Dette gir mange spørsmål: har Apple noen virksomheter som lager en slik skjerm? Vil det hjelpe eller hindre bransjen? Kan du virkelig utføre designarbeid på den tingen hvis du designer for ikke-netthinneskjermer?

I dag skal jeg fortelle deg alt om min erfaring med maskinen som truer med å endre måten du gjør jobben din på. Jeg holder ingenting tilbake mens jeg er interessert i det jeg elsker og gir noe om det som driver meg. Les videre og se om du er enig i konklusjonene mine.

Utforsk Envato Elements

Dang deg eple

Det siste tiåret har vi designere vært fokusert på hvordan vi takler et stort paradigmeskifte i form av stadig varierende skjermstørrelser. Denne utfordringen har strukket oss til vår viten mot slutten, men brakt oss ut den andre siden bedre designere, i stand til å oppnå imponerende bragder med virkelig fleksible nettsteder som ser bra ut på alle størrelser.

Mediaqueri.es viser responsiv webdesign som ser bra ut hvor som helst.

Mens vi hadde oppmerksomheten rettet mot ett stort paradigmeskifte, snakket en annen på oss: oppløsning. Momentet bak dette skiftet har nylig kommet fra Apple med sine "retina" kvalitetsskjermer, nå til stede på iPhone, iPod Touch, iPad og MacBook Pro, med iMac og MacBook Air uten tvil om å følge litt tid i løpet av det neste året eller to .

Apple er kanskje ikke den første eller eneste elektronikkprodusenten som skyver skjermer med høy oppløsning, og er heller ikke noen gang de første til noe. Imidlertid, som det eller ikke, har de historisk sett preget for utbredt adopsjon av store teknologiske skift (dette er delen der du hopper over alt annet som jeg sier, slik at du kan skaffe deg ut hvor mye dette ikke stemmer i kommentarene).

Som med skjermstørrelsesrevolusjonen, gir dette designerne et stort paradigmeskifte som endrer alt. Dette hindret kan vise seg å være enda vanskeligere å overvinne enn sist, og det krever øyeblikkelig oppmerksomhet og spekulasjoner. Tilbake i mars la jeg ut en diskusjon om akkurat dette emnet.

Siden den gang har jeg kjøpt en netthinne MacBook Pro, maskinen som brakk netthinnedisplayet ut av den fine, lille inngjerdede hagen til iOS og inn i riket til noe folk fra alle typer yrker vil bruke til arbeid. Etter flere uker med å jobbe på maskinen på heltid tenkte jeg at det ville være aktuelt å dele mine erfaringer med deg.

Bør netthinneskjermene til og med eksistere?

"Når vi ser at skjermene med høy tetthet blir større og større, begynner jeg å stille spørsmål, hvorfor? Bare fordi vi kan? " - John Carey
Femti fotskygger

Jeg har lest flere artikler i det siste fra reklamer som faktisk er ganske sinte på Apple for å ha presset bransjen ned på en så plagsom vei. I likhet med Ian Malcom som kastet ut John Hammond for sin forhastede beslutning om å bringe dinosaurer tilbake fra de døde, insisterer disse kritikerne at bare fordi Apple kan lage en slik skjerm, ikke betyr det at de skulle gjøre det .

En dag med netthinneskjermen overbeviste meg om at kritikerne tar feil. Det er bare så vakkert. Jeg kan knapt tåle å se på min gamle MacBook lenger. Øynene mine har blitt åpnet og plutselig den samme skjermen som jeg aldri hadde noe problem med ser rett og slett mørk og gjørmete ut.

Bør vi ha stoppet på videospilleren?

Den eneste måten å virkelig sette pris på hvordan dette er uten å oppleve det selv, er å finne en gammel CRT-TV og koble den til en videospiller slik at du kan se en film. Seriøst, prøv det. I løpet av sekunder vil du lure på hvordan i all verden du noen gang har tålt en så dårlig visuell opplevelse. Ti minutter av dette, og du vil hver dag takke teknologegudene for den allmektige Blu-ray.

Det var vondt å bytte fra VHS-bånd, men når jeg ser tilbake nå, var det verdt det.

Med det perspektivet vi har nå, når vi ser tilbake, har både kunder og produsenter i filmindustrien det bedre å ha etterlatt seg VHS-båndet som den viktigste metoden for videoproduksjon og distribusjon. Var revolusjonen ubeleilig for alle involverte? Absolutt.

Innholdsskapere måtte lære, adoptere og til og med utvikle helt nye måter å gjøre ting på. Kundene måtte forlate gammelt utstyr og mye innhold, gjøre nye innkjøp som virket overflødige med tidligere, lære nye sjargonger; det var et rot. Og det bare fikk dem til DVD-scenen, mange er fremdeles midt i å hoppe til enten Blu-ray eller kanskje til og med en rent digital løsning som iTunes og Apple TV.

”Forskudd er ikke basert på om de vil være til ulempe for noen. Spesielt når Apple sitter i førersetet. ”

Ankomsten til høyoppløselig databehandling gir de samme problemene, både for forbrukere og innholdsskapere. Dessverre er det slik teknologibransjen fungerer. Det gjøres fremskritt når det er et marked for dem og den teknologiske kunnskapen er til stede for å gi et kvalitetsresultat som forbrukerne har råd til. De er ikke basert på om de vil bry noen eller ikke. Spesielt når Apple sitter i førersetet.

Og det er bra. Visst kan det ikke virke som det, men husk at datamaskinmonitorer en gang bare hadde en håndfull farger, og du kan satse på at det var mennesker i bransjen på den tiden som insisterte på at de ikke skulle gå lenger. Jeg er sikker på at du er glad for at de gjorde det, så slutt å være en av menneskene som blir dratt og sparker og skriker til fremgang, og prøv i stedet å angripe utfordringer og bidra til noe verdifullt i samtalen.

Leve og jobbe på en netthinne MacBook Pro

"Jeg visste at det ville være noen problemer, og det er det."

Hvorvidt retina-skjermer skal eksistere i mainstream-markedet er ikke en irrelevant diskusjon. Det gjør de, og du har to valg: tilpasse eller dø. Som en tidligere bare trykkdesigner møtte jeg dette valget, Flash-utviklere står for øyeblikket overfor dette valget, du kan like gjerne melde deg inn i klubben.

Jeg handler om tilpasning, så jeg tok den tidlige adopterruten og hoppet på dette toget før jeg hadde noen anelse om hvor det skulle. Jeg etterlot meg 2007 13 ″ MacBook og kjøpte en skinnende ny, 15 ″ Retina MacBook Pro.

Jeg visste at det ville være noen problemer, og det er det. Noen av de jeg var bekymret for viste seg ikke å være noen stor sak, andre som jeg ikke regnet med å snekre og har plaget meg til frustrasjon.

Tusen hatter

Hver eneste dag bruker jeg flere metaforiske hatter. Jeg er designer, skribent, fotograf, nettleser, filmvanger; hva som helst.

På grunn av dette kan jeg tilby innsikt i mange forskjellige opplevelser fra et netthinnevisningssynspunkt. Den ene tingen jeg riktignok ikke er en gamer. Jeg vokste opp knyttet til en Nintendo-kontroller og hadde aldri interesse for PC-spill, så du må spørre andre steder om du leter etter innsikt i det området.

Her er en titt på noen hovedkategorier for daglig bruk og tankene mine om hver.

Generell OS-bruk

Jeg kjører for tiden OS X Lion og det virker som 99% oppdatert for netthinnegrafikk. Noen ganger fanger jeg nettstedet til en knapp som ser pikselaktig ut, men bare i dypt nedgravde verktøy som få selv bruker uansett.

For det meste er det her skjermen lyser. Alt ser helt fantastisk ut. Apple har ikke bare oppdatert kjernesystemet, men de fleste av appene sine, så som iMovie.

Tredjepartsapper

Dette området var en bekymring da jeg kjøpte maskinen, men det har vist seg å være et mindre viktig problem som jeg trodde det ville være.

Mange av favorittappene mine, for eksempel Sublime Text 2, så grove ut først, men har allerede mottatt netthinneappdateringer som gjør dem bedre enn noen gang.

Gitt, de fleste apper har ikke oppdatert ennå, men til tross for at de er app-avhengige, er det virkelig ikke så mange apper som jeg bruker til daglig. Med unntak av CS6, som vi vil diskutere senere, er den eneste appen jeg bruker hver dag som virkelig bommer meg, Twitter for Mac.

Denne appen viser virkelig ektheten av ikke-netthinnegrafikk på en netthinneskjerm. Interessant nok ser levende, redigerbar tekst som den som oppstår i “new tweet” -vinduet fint ut, men hele strømmen din er heslig, fra tekst til avatarer.

Nettsøking

“Det er de små bildene som ser dårlig ut. Den bittesmå JPG-logoen øverst på nettstedet, grensesnittets skjermbilde ... ”

Nettlesing hadde meg virkelig redd. Jeg visste godt at nettet er en verden med lav oppløsning og å peke en 15 "retina-skjerm på det er som å ta et forstørrelsesglass til et bilde med lav DPI.

Til min overraskelse forberedte vi oss på denne revolusjonen bemerkelsesverdig godt, selv om helt tilfeldig. I vår besettelse av å lagre båndbredde ved å bygge nettgrafikk uten bilder, bygde vi faktisk en nett som er uendelig skalerbar.

De fleste brukergrensesnitt i disse dager er bygd med gode gamle HTML, CSS og JavaScript. Hvis du kaster et netthinnevisning på denne grafikken, får de dem bare til å se bedre ut! For rekorden kan det samme ikke sies om Flash-nettsteder.

Det virkelige problemet ligger selvfølgelig med bilder. Interessant nok går det meste av nettlesingen min uten et eneste scowl, og jeg er en oppløsningsmutter.

Profesjonelle fotografier ser spesielt bra ut. Cruise over til Flickr eller 500px, og du vil finne opplevelsen like hyggelig som alltid, kanskje enda mer.

Det er de små bildene som ser dårlig ut. Den bittesmå JPG-logoen øverst på nettstedet, skjermbildet for grensesnittet, disse har virkelig ikke mye informasjon å jobbe med for pixeldobling og kommer derfor ut som ganske beklagelige.

Filmer og TV-serier

Retina MacBook Pro skrapte den optiske stasjonen akkurat som MacBook Air, så jeg har tydeligvis ikke hatt noen erfaring med DVD, men for det meste er videoer som bilder. Det flotte utseendet bedre og det dårlige utseendet verre.

Digitalt nedlastede HD-filmer lyser på skjermen mens Netflix / Hulu live-streaming ser merkbart jaggy ut. Heldigvis er avstanden jeg ofte ser på et show mye lenger bak enn der jeg jobber, slik at eventuelle oppløsningsspørsmål vanligvis ikke blir synlige.

Photography

Fordi jeg tar bilder med en Canon 5D Mk II, blir bildene mine fine og store. De ser bra ut på netthinneskjermen, og jeg har ikke hatt noen problemer med å zoome inn og redigere fine detaljer. Det eneste virkelige problemet er at programvaren (Photoshop & Lightroom) ikke har blitt forskjøvet netthinnen ennå, selv ikke i CS6.

skrive

Fra et rent skrivemessig synspunkt er netthinneskjermen forbløffende bra. Typografi med 220 piksler per tomme er en vakker ting. Jeg trekker opp Writeroom, bytter til fullskjermmodus og blokkerer verden.

Etter noen timer er det lett å glemme hvordan god type ser ut. I løpet av sekunder etter at et tekstdokument ble vist på en skjerm med lav oppløsning, er alt jeg ser piksler. Skitne, stygge piksler.

Typen ser ikke bare bra ut på armlengden heller. Jeg kan feste ansiktet mitt så nær skjermen som øynene mine takler, og typen virker fortsatt kliss skarp.

Typografi er vakkert skarp på netthinneskjermen.

Photoshop, design og skjermbilder

Nå kommer den delen du virkelig vil høre om: hvordan er Photoshop? Kan du designe på denne tingen?

iOS-designere bør finne det nyttig

Jeg begynner med å si at jeg ikke er en iOS-designer. Disse karene har blitt tvunget til å designe netthinnegrafikk på ikke-netthinneskjermer til nå, og jeg ser for meg at de er ivrige etter å bytte.

Jeg har det motsatte problemet: å designe ikke-netthinnegrafikk på en netthinneskjerm. Du forventer kanskje ikke at det skal være vondt, men for å være ærlig er det virkelig det.

Dette fordi du mister alle oppløsningsbegrep når du er i det nedre ppi-området. Jeg kan kanskje ignorere små jaggibilder når jeg surfer, men når jeg sitter i skaperstolen, undersøker hjernen min hver piksel.

Pixel doblet kunstverk suger

"For å få en følelse av hvorvidt kunstverket er på nivå med eller ikke, må jeg se på det på min gamle skjerm."

På retina-skjermen ser alt jeg oppretter eller importerer til Photoshop i en standard nettoppløsning ut som dritt. Selv om jeg bygger noe i vektor, med mindre jeg er villig til å eksportere det som en SVG, og det meste av tiden ikke er et alternativ (ennå), vil det fremdeles få utdata til en liten JPG eller PNG som ser superpikselert ut fordi skjermen min prøver å doble oppløsningen.

Dette gir mange vanskelige problemer, både når jeg jobber med mitt eget kunstverk og andres. Skal jeg bygge det med lav oppløsning for mitt eget kunstverk? Å gjøre det svekker min evne til å bedømme klarheten. Eller skal jeg bygge den med høy oppløsning og nedskalere den for outpur? Jeg er ikke sikker på om du har lagt merke til det, men Photoshop kan virkelig søpla rasterkunst når du skalerer.

Det er også et problem når jeg bruker kunstverk fra noen andre. Hvis du er en designer, mottar du sannsynligvis ofte tredjeparts kunstverk som er crappy og pixelated. Du vil følgelig enten velge å kreve bedre kunsthopp over å bruke det helt.

For meg er dette mye vanskeligere, fordi det ved første øyekast alltid kommer til å se dårlig ut på netthinneskjermen med mindre det tilfeldigvis er enormt. For å få en følelse av hvorvidt kunstverket er på nivå med eller ikke, må jeg se på det på min gamle skjerm.

Skjerm

"Plutselig er skjermbildene jeg tar dobbelt så stor størrelse som jeg hadde tenkt!"

Med tanke på det faktum at jeg blogger for å leve, tror jeg det er trygt å si at jeg tar flere skjermbilder enn den gjennomsnittlige personen. Jeg jobber alltid med skjermbilder fra et appgrensesnitt eller nettsted og inkluderer dem i innlegg.

Netthinnevisningen traff meg med en ond kurveball her. Plutselig er skjermdumpene jeg tar dobbelt så stort som jeg hadde tenkt! Når du endrer størrelse, ser UI-skjermbilder med rastergrafikk og bittesmå tekst veldig ut på hvilken som helst skjerm, så jeg prøver alltid å bruke dem på 100% når det er mulig.

Med netthinneskjermen er det som tidligere var et skjermbilde på 510 piksler (standard bildestørrelse på Shack) nå 1.020 piksler bredt. Hvis jeg ignorerer netthinnebrukere fullstendig og later som de ikke eksisterer, sier logikken at jeg burde tjene opp bilder som er 510px brede, noe som betyr at jeg må endre størrelsen på dem manuelt i Photoshop og stille opp med at de ser ut som de var bare kjøres av en lastebil, spesielt når det gjelder rasterisert tekst.

Husk at de selvfølgelig ser dårligere ut for meg enn de fleste brukere, for du gjettet det, jeg er på en netthinneskjerm.

Endre oppløsningen din dum

Jeg har presentert skjermdumpdilemmaet mitt for noen få forskjellige mennesker, og de sier alle de samme tingene: bare endre oppløsningen! Dette virker som en perfekt levedyktig løsning, men det viser seg at den ikke er så enkel.

Retina MacBook Pro kommer med fem forskjellige oppløsningsinnstillinger. Her er hva som skjer hvis jeg velger to forskjellige oppløsninger, tar et skjermbilde av det samme eksakte vinduet og deretter stikker dem ved siden av hverandre i Photoshop.

Som du ser, kommer de ut nøyaktig samme størrelse. Endring av oppløsningen i Systemvalg vil påvirke den totale størrelsen på det totale skjermbildet, men mesteparten av tiden kommer elementene i skjermbildet ut uendret.

For rekorden, her er hvor mye av det vinduet jeg kan passe inn i et 510px bredt dokument i full størrelse:

Hvis du bare forbannet, var reaksjonen min på vei med min egen.

Jobber på en lys, skarp skjerm

"Å tilbringe halvparten av dagen med å hoppe mellom en netthinne og ikke-netthinneskjerm gjorde at jeg bokstavelig talt følte meg sjøsyk!"

På min gamle MacBook jobbet jeg vanligvis med full lysstyrke. Jeg har lest mange ting om batterilevetid, belastning på øynene og hva ikke, men jeg likte aldri hvordan det så ut med mindre lysstyrken var skrudd ut.

På denne nye skjermen er full lysstyrke absolutt for lys for de fleste lysscenarier. Retina-skjerm? Mer som netthinnebrennende skjerm. Dette er bra, men jeg vil heller ha en skjerm som er for lys og må skrues ned.

Interessant nok har jeg lagt merke til noen sporadiske hodepine siden jeg byttet. Skjermen er så lys og skarp, du skulle tro det er lettere på øynene, men det kan være et punkt der det går for langt og forårsaker mer belastning på øynene enn det sparer. Så lenge jeg holder lysstyrken i sjakk, tror jeg ikke dette vil være et stort problem på lang sikt.

Skarpheten på skjermen var egentlig bare et problem på dag én, da jeg overførte alt fra den gamle maskinen til den nye. Å tilbringe halvparten av dagen med å hoppe mellom en netthinne og ikke-netthinneskjerm gjorde at jeg bokstavelig talt følte meg sjøsyk!

Voksesmerter

"Med ny teknologi kommer nye utfordringer, og tidlige adoptere som meg er de som betaler prisen."

Så der har du det, min komplette liste med ros og klager angående min nye Retina MacBook Pro. Med vilje er denne artikkelen fokusert på utfordringene ved å jobbe på en netthinneskjerm mer enn fordelene. Hvis jeg er helt ærlig, blåser fordelene meg bort, og jeg angrer ikke litt på kjøpet. Jeg elsker absolutt denne datamaskinen og vil ikke nøle med å si at den er den beste jeg noen gang har brukt.

Alle kampene jeg har nevnt ovenfor, er bare voksensmerter. Med ny teknologi kommer nye utfordringer og tidlige adoptere som meg er de som betaler prisen (figurativt og bokstavelig talt) i bytte for å eie skinnende nye leker som ingen andre har.

År på vei, når alle nye datamaskiner slår 220ppi og har solid state-stasjoner som standardkomponenter, vil prislappen for denne teknologien være mye rimeligere og straffene for å bruke den nesten ikke-eksisterende.

Sammenligning av dataskjermoppløsning fra The Verge

Omtrent hver klage som jeg har oppført ovenfor, koker virkelig sammen med at jeg eier en datamaskin med skjerm med høyere oppløsning enn menneskene jeg designer for. Når vi alle er på samme side, vil alt forenkles dramatisk.

Jeg vil imidlertid si at det å eie en enhet med skjerm på netthinnekvalitet kan øke din følelse av presserende forhold til bildeproblemet som vi nå står overfor på nettet. Du vil at netthinnebrukere skal ha vakre bilder, men er det verdt at belastningstiden treffes for brukere som ikke er netthinna? Heldigvis begynner noen virkelig fantastiske løsninger som Retina.js å ​​dukke opp som vil lette dette problemet.

En nær fremtid der vi må lage og laste opp doble bildene vi pleide å være, er ikke akkurat noe å bli begeistret for?

Hva tror du?

Forhåpentligvis var ikke denne enorme løven en full bunke med driv. Min intensjon var å hjelpe designere som lurer på om de skulle kjøpe en netthinnemac med å ta en informert beslutning. For mange kilder viser for øyeblikket bare det gode eller bare det dårlige, og jeg ønsket å dele alle tankene mine og la deg bestemme selv om en netthinnemac passer riktig for deg.

På den lappen, hva tror du? Hvis du ikke har kjøpt en datamaskin med skjerm av netthinnekvalitet ennå, tror du at du vil gjøre det snart? Hvorfor eller hvorfor ikke? Hvis du har det, hva synes du om det? Vil du anbefale det til andre?