Design på en näthinneskärm Mina tankar på näthinnan MacBook Pro

220,5 pixlar per tum: 2.800 bred och 1800 tall för totalt över fem miljoner pixlar. Det är den skärm som jag jobbar på nu, heltid. Detta ger upphov till massor av frågor: har Apple någon verksamhet som gör en sådan skärm? Kommer det att hjälpa eller hindra industrin? Kan du verkligen utforma arbete på det där om du designar för icke-näthinnesskärmar?

Idag ska jag berätta allt om min erfarenhet av maskinen som hotar att förändra hur du gör ditt jobb. Jag håller ingenting tillbaka när jag raser om vad jag älskar och rant om vad som driver mig nötter. Läs och se om du håller med mina slutsatser.

Dang You Apple

Under det senaste decenniet har vi designat fokus på hur man hanterar ett stort paradigmskifte i form av ständigt varierande skärmstorlekar. Denna utmaning har sträckt oss till vårt vits ände men förde oss ut på andra sidan bättre konstruktörer, som kan uppnå imponerande prestationer på riktigt flexibla webbplatser som ser bra ut på vilken storlek som helst.

Mediaqueri.es visar en lyhörd webbdesign som ser bra ut överallt.

Medan vi hade vår uppmärksamhet inriktad på ett stort paradigmskifte, skedde en annan på oss: resolution. Kraften bakom detta skift har nyligen kommit från Apple med sin retina? kvalitetsdisplayer, som nu finns på iPhone, iPod Touch, iPad och MacBook Pro, med iMac och MacBook Air utan tvekan att följa någon tid under det närmaste året eller två.

Apple kanske inte är den första eller enda elektronikproducenten för att driva högupplösta bildskärmar, och de är nästan aldrig de första till någonting. Liksom det eller inte, har de historiskt sett satt märket för omfattande antagande av stora teknikskift (det här är den del där du hoppa över allt annat som jag säger så att du kan rant om hur mycket det inte är sant i kommentarerna).

Precis som med skärmstorleksrevolutionen presenterar detta designers med ett enormt paradigmskifte som förändrar allt. Denna hinder kan visa sig vara ännu svårare att övervinna än den sista och det kräver vår omedelbara uppmärksamhet och spekulation. I mars skrev jag en diskussion om detta ämne.

Sedan dess har jag köpt en Retina MacBook Pro, den maskin som bröt näthinnans skärm ut ur sin lilla lilla iOS-murad trädgård och in i riken på något som människor av alla typer av yrken kommer att använda för arbete. Efter veckors arbetstid på maskinens heltid tyckte jag att det var lämpligt att dela med mig av mina erfarenheter.

Skulle näthinneskärmar ens existera?

? Som vi ser skärmar med hög densitet blir större och större börjar jag fråga, varför? Bara för att vi kan ?? - John Carey
Femtio fotskuggor


Jag har läst flera artiklar nyligen från annonsmaterial som faktiskt är ganska arg på Apple för att driva industrin ner en sådan besvärlig väg. Precis som Ian Malcom som slog John Hammond för hans snabba beslut att ta tillbaka dinosaurier från de döda insisterar dessa kritiker på att bara för att Apple kan göra en sådan skärm, betyder inte att de skall.

En dag med näthinnans skärm övertygade mig om att kritikerna har fel. Det är bara så vackert. Jag kan knappt stå för att titta på min gamla MacBook längre. Mina ögon har öppnats och plötsligt samma skärm som jag aldrig haft problem med ser rent mörkt och lerigt ut.

Ska vi ha stoppat på videobandspelaren?

Det enda sättet att verkligen uppskatta hur det här är utan att uppleva det själv är att hitta en gammal CRT-tv och ansluta den till en videobandspelare så att du kan titta på en film. Allvarligt, försök det. Inom några sekunder kommer du att undra hur i världen du någonsin lyckats uthärda en sådan dålig visuell upplevelse. Tio minuter av detta och du kommer att tacka teknikgudarna dagligen för den allsmäktiga Blu-ray.

Det var en smärta att byta från VHS-band, men det var värt att titta tillbaka nu.

Med det perspektiv som vi nu ser tillbaka är både kunderna och producenterna i filmindustrin bättre av att ha lämnat VHS-tejpen som den främsta metoden för videoreproduktion och distribution. Var revolutionen obekväm för alla inblandade? Absolut.

Innehållsskapare fick lära sig, adoptera och till och med utveckla helt nya sätt att göra saker. Kunderna fick överge gammal utrustning och massor av innehåll, göra nya inköp som tycktes redundanta med tidigare, lära sig nytt jargong; det var en röra. Och det fick dem bara till DVD-scenen, många är fortfarande mitt i hoppa till antingen Blu-ray eller kanske en rent digital lösning som iTunes och Apple TV.

? Förskott är inte baserade på huruvida de kommer att obehaga någon eller inte. Särskilt när Apple är i förarsätet.?


Ankomsten av högupplösningsberäkning ger samma problem, både för konsumenter och innehållsskapare. Tyvärr är det hur teknikindustrin fungerar. Förskott görs när det finns en marknad för dem och det tekniska know-how som finns för att producera ett kvalitetsresultat som konsumenterna har råd med. De är inte baserade på huruvida de kommer att besvära någon eller inte. Speciellt när Apple är i förarsätet.

Och det är en bra sak. Visst kan det inte tyckas som det, men kom ihåg att en gång i taget hade datorskärmar bara en handfull färger och man kan satsa på att det fanns människor i branschen vid den tiden som insisterade på att de inte gick längre. Jag är säker på att du är glad att de gjorde det, så sluta att vara en av de personer som släpas sparkar och skriker till framsteg och istället försöker attackera utmaningar huvudet på och bidra med något värdefullt för konversationen.

Bor och arbetar på en näthinna MacBook Pro

? Jag visste att det skulle finnas några problem, och det finns.


Huruvida näthinnor ska förekomma i den vanliga marknaden är verkligen en irrelevant diskussion.De gör, och du har två val: anpassa eller dö. Som en tidigare skrivskyddad formgivare mötte jag detta val, Flash-utvecklare står inför detta val, du kan lika bra gå med i klubben.

Jag handlar om anpassning så jag tog den tidiga adopteringsvägen och hoppade på detta tåg innan jag hade någon aning om var det gick. Jag lämnade min 2007 13-tums MacBook och köpte en glänsande ny, 15-tums näthinnan MacBook Pro.

Jag visste att det skulle finnas några problem, och det finns det. Några av de som jag var orolig för visade sig inte vara en stor sak, andra som jag inte räknade med sögrade upp och har plågat mig till frustration.

En tusen hattar

På en viss dag bär jag flera metaforiska hattar. Jag är en designer, författare, fotograf, webbläsare, filmvaktare; du heter det

På grund av detta kan jag erbjuda insikt i många olika upplevelser från synsvinkeln. Det enda jag är med är inte en spelare. Jag växte upp kopplad till en Nintendo-controller och hade aldrig ett intresse för PC-spel så du måste fråga någon annanstans om du letar efter insikt i det området.

Här är en titt på några huvudkategorier av daglig användning och mina tankar på var och en.

Allmän operativsystems användning

Jag kör för närvarande OS X Lion och det verkar 99% uppdaterat för retina grafik. Nu och då hämtar jag en knappknapp som ser ut pixelerade, men bara i djupt begravda verktyg som några ens använder ändå.

För det mesta är det här skärmen lyser. Allt ser helt fantastisk ut. Apple har inte bara uppdaterat kärnsystemet utan även de flesta av dess appar, som iMovie.

Tredje part Apps

Detta område var en oro när jag köpte maskinen, men det har visat sig vara ett mindre viktigt problem som jag trodde det skulle vara.

Många av mina favoritappar, som Sublime Text 2, såg ut som om de var förstörda, men har redan fått näthinnan uppdateringar som gör dem bättre än någonsin.

Beviljas, de flesta appar har inte uppdaterats än, men trots att det är en app-missbrukare finns det inte så många appar som jag använder dagligen. Med undantag av CS6, som vi kommer att diskutera senare, är den enda appen som jag använder varje dag som verkligen stör mig Twitter för Mac.

Denna app visar verkligen näsan av icke-näthinnans grafik på en näthinneskärm. Intressant nog, lev redigerbar text som det som händer i "nya tweet"? Fönstret ser bra ut, men hela strömmen är hemsk, från text till avatarer.

Webbsurfande

? Det är de små bilderna som ser illa ut. Den lilla JPG-logotypen högst upp på webbplatsen, skärmdumpen för gränssnittet? ?


Webbläsning hade verkligen gjort mig rädd. Jag visste bra att webben är en värld med låg upplösning och pekar på en 15-tums näthinneskärm, det är som att ta ett förstoringsglas på ett foto med låg DPI.

Till min förvåning förberedde vi oss själva för denna revolution otroligt bra, även om det var helt av misstag. I vår besatthet med att spara bandbredd genom att bygga webbgrafik utan bilder byggde vi faktiskt en webb som är oändligt skalbar.

De flesta användargränssnitt dessa dagar är byggda med bra gamla HTML, CSS och JavaScript. Att kasta en näthinneskärm vid dessa grafik gör dem bara bättre! För rekordet kan detsamma inte sägas om Flash-webbplatser.

Det verkliga problemet ligger naturligtvis med bilder. Intressant nog, det mesta av min webbläsning går utan en enda scowl, och jag är en upplösningsmutter.

Professionella fotografier tenderar särskilt att se bra ut. Kryssa över till Flickr eller 500px och du hittar erfarenheten lika kul som någonsin, kanske ännu mer.

Det är de små bilder som ser illa ut. Den lilla JPG-logotypen överst på webbplatsen, skärmdumpen för gränssnittet, har dessa verkligen inte mycket information att arbeta med för pixeldubbling och ser därför ut som om de är ganska beklagliga.

Filmer och TV-program

Retina MacBook Pro skrotade sin optiska enhet precis som MacBook Air, så jag har uppenbarligen inte haft någon erfarenhet av DVD-skivor, men för det mesta är videor som bilder. Det stora ser bättre ut och det dåliga utseendet är värre.

Digitalt nedladdade HD-filmer lyser i teckenfönstret medan Netflix / Hulu live streaming ser märkbart ud. Lyckligtvis är avståndet där jag vanligtvis tittar på en show mycket längre tillbaka än där jag jobbar så att några upplösningsproblem oftast inte är så märkbara.

Fotografi

Eftersom jag skjuter med en Canon 5D Mk II, kommer mina bilder att bli snygga och stora. De ser bra ut på näthinnans skärm och jag har inte haft några problem med att zooma in och redigera fina detaljer. Det enda verkliga problemet är att programvaran (Photoshop & Lightroom) inte har blivit näthinnan beautified ännu, även i CS6.

Skrift

Från en ren skriftlig synpunkt är näthinneskärmen förbluffande bra. Typografi på 220 pixlar per tum är en vacker sak. Jag drar upp Writeroom, växla till helskärmsläge och blockera världen.

Efter några timmar är det lätt att glömma hur bra typen ser ut. Men inom några sekunder efter att du har hämtat ett textdokument på en low-res-visning är allt jag ser pixlar. Smutsiga, fula pixlar.

Typen ser inte bara bra ut i armlängden heller. Jag kan hålla mitt ansikte så nära skärmen som mina ögon kan hantera och typen tycks fortfarande klara skarp.

Typografi är vackert skarp på näthinnan.

Photoshop, design och skärmdumpar

Nu kommer den del som du verkligen vill höra om: hur är Photoshop? Kan du designa på den här saken?

IOS designers bör hitta den användbar

Jag börjar med att säga att jag inte är en iOS-designer. Dessa killar har blivit tvungna att designa näthinnesgrafik på icke-näthinnesskärmar tills nu och jag föreställer mig att de är angelägna att göra omkopplaren.

Jag har det motsatta problemet: att designa non-retina grafik på en näthinneskärm. Du kanske inte förväntar dig att det är en smärta, men för att vara ärlig, är det verkligen.

Detta beror på att du förlorar alla koncept av upplösning när du befinner dig i det lägre ppi-området. Jag kan kanske ignorera lite lurviga bilder när jag surfar, men när jag är i skaparens stol undersöker min hjärna varje pixel.

Pixel Doubled Artwork suger

? För att få en känsla för huruvida bilderna är upp till par måste jag titta på den på min gamla skärm.


På retina-skärmen ser allt som jag skapar eller importerar till Photoshop på en vanlig webbupplösning som skit. Även om jag bygger något i vektor, om jag inte är villig att exportera det som en SVG, och det mesta är det inte ett alternativ (ändå), kommer det ändå att få produktionen till en liten JPG eller PNG som ser superpixelerad ut eftersom min skärm försöker dubbla sin upplösning.

Detta presenterar massor av knepiga problem, både när jag jobbar med mitt eget konstverk och med andra. För mitt eget konstverk, borde jag bygga det med låga resurser? Att göra det försämrar min förmåga att bedöma dess klarhet. Eller ska jag bygga den höghöjt och skala ner för outpur? Jag är inte säker på om du har märkt, men Photoshop kan verkligen skrapa rasterkonstverk vid skalning.

Det är också ett problem när jag använder konstverk från någon annan. Om du är en formgivare får du förmodligen vanligtvis tredje partens konstverk som är skit och pixelerat. Därför väljer du antingen att kräva bättre konstverk och hoppa över det helt och hållet.

För mig är det mycket svårare, eftersom det vid första anblicken alltid kommer att se dåligt ut på näthinnans display om det inte händer att vara enormt. För att få en känsla för huruvida bilderna är upp till par måste jag titta på den på min gamla skärm.

Skärm

? Plötsligt är skärmdumparna jag dubbelt så stor som jag tänkte !?


Med tanke på det faktum att jag bloggar för att bo, tycker jag att det är säkert att säga att jag tar fler skärmdumpar än den genomsnittliga personen. Jag jobbar alltid med skärmdumpar från ett appgränssnitt eller en webbplats och inkluderar dem i inlägg.

Näthinnans skärm slog mig med en grym curveboll här. Plötsligt, de skärmdumpar jag tar är dubbelt så stor som jag tänkte! När du ändrar storlek, visar användargränssnitt, med rastergrafik och liten text, verkligen otäck på vilken skärm som helst, så jag försöker alltid använda dem till 100% när det är möjligt.

Med näthinneskärmen, som brukade vara en 510 pixel bred skärmdump (standard Design Shack bildstorlek) är nu 1,020 pixlar bred. Om jag ignorerar näthinnanvändare helt och låtsas att de inte existerar, säger logiken att jag ska tjäna upp bilder som är 510px breda, vilket innebär att jag måste manuellt ändra storlek på dem i Photoshop och lägga upp det faktum att de ser ut som de var Bara springa över av en lastbil, särskilt där rasteriserad text berörs.

Tänk på dig, de ser naturligtvis sämre ut för mig än de flesta användare eftersom du gissade det, jag är på en näthinneskärm.

Ändra din upplösning Dumma

Jag har presenterat mitt skärmdump-dilemma för några olika personer och de säger alla samma sak: Ändra bara din upplösning! Det verkar som en perfekt lösbar lösning, men det visar sig inte så enkelt.

Retina MacBook Pro levereras med fem olika upplösningsinställningar. Det här är vad som händer om jag väljer två olika upplösningar, ta en skärmdump av samma exakta fönstret och håll dem bredvid varandra i Photoshop.

Som ni kan se kommer de ut exakt samma storlek. Om du ändrar upplösningen i Systeminställningar påverkar den totala storleken på den totala skärmdumpen, men det mesta av tiden kommer elementen i skärmdumpet oförändrade.

För rekordet, här är hur mycket av det här fönstret jag kan passa in i ett 510px stort dokument i full storlek:

Om du bara förbannat, var din reaktion på plats med mig själv.

Arbetar på en ljus, skarp skärm

? Spendera hälften av dagen som hoppar mellan en näthinnan och en näthinneskärm som bokstavligen fick mig att känna mig sjuka !?


På min gamla MacBook arbetade jag vanligtvis med full ljusstyrka. Jag har läst massor av batterilivslängd, ögonbelastning och vad men men jag gillade aldrig hur det såg ut om inte ljusstyrkan var vriden.

På den här nya skärmen är full ljusstyrka helt för ljus för de flesta ljusscenarier. Näthinnan skärm? Mer som retina brännskärm. Det här är bra, men jag skulle hellre ha en skärm som är för ljus och behöver nedvisas.

Intressant nog har jag märkt några tillfälliga huvudvärk efter att ha bytt. Skärmen är så ljus och skarp, du tror att det blir lättare i ögonen men det kan vara en punkt där den går för långt och orsakar större ögonbelastning än det sparar. Så länge jag håller ljusstyrkan i kontroll tror jag inte att det här kommer att bli ett stort problem på lång sikt.

Skärmens skärpa var egentligen bara ett problem på dag ett, då jag överför allt från den gamla maskinen till den nya. Spendera hälften av dagen hoppande mellan en näthinnan och en näthinneskärm fick mig bokstavligen att känna mig sjukt sjuk!

Växande smärtor

? Med ny teknik kommer nya utmaningar och tidiga adoptörer som jag är de som betalar priset?


Så där har du det, min fullständiga lista över beröm och klagomål angående min nya Retina MacBook Pro. Intentionally, denna artikel fokuserar på utmaningarna att arbeta på en näthinneskärm mer än fördelarna. Om jag är helt ärlig, stöder fördelarna mig och jag är inte en liten aning om mitt köp. Jag älskar absolut den här datorn och kommer inte att tveka att säga att det är det bästa jag någonsin har använt.

Alla de kampar som jag har listat ovan är bara växande smärtor. Med ny teknik kommer nya utmaningar och tidiga adoptörer som jag är de som betalar priset (figurativt och bokstavligen) i utbyte mot att ha glänsande nya leksaker som ingen annan har.

År på vägen, när alla nya datorer slår 220ppi och har solid state-enheter som standardkomponenter, kommer prislappen för denna teknik att bli mycket billigare och straffen för att använda den nästan obefintliga.

Datorskärmsupplösning jämförelse från The Verge

Nästan varje klagomål som jag nämnde ovan förknippar verkligen med att jag äger en dator med en högre upplösningsskärm än de personer jag designar för. När vi alla är på samma sida kommer allt att bli dramatiskt förenklat.

Jag kommer att säga att det att äga en enhet med en näthinneskvalitet kan öka din känsla av brådska för det bildproblem som vi nu möter på webben. Du vill ha näthinnanvändare att ha vackra bilder, men är det värt att belastningstiden träffas för icke-näthinnanvändare? Lyckligtvis börjar några riktigt fantastiska lösningar som Retina.js springa upp som kommer att underlätta detta problem.

Fortfarande, en nära framtid där vi måste skapa och ladda upp dubbla bilder som vi brukade är inte precis något att bli glada över är det?

Vad tror du?

Förhoppningsvis var denna enorma rant inte en komplett hög av drivlösa. Min avsikt var att hjälpa designers som undrar om de ska köpa en näthinnan Mac gör ett välgrundat beslut. För många källor listas för närvarande bara det bra eller bara det dåliga och jag ville dela alla mina tankar och låta dig själv bestämma huruvida en näthinnan Mac är rätt för dig.

På den notisen, vad tycker du? Om du inte har köpt en dator med en näthinneskvalitet ännu, tror du att du kommer när som helst snart? Varför eller varför inte? Om du har, vad tycker du om det? Skulle du rekommendera det till andra?