Kujundamine võrkkesta ekraanil: minu mõtted võrkkesta MacBook Pro kaudu

220, 5 pikslit tolli kohta: 2800 laiust ja 1800 kõrget, kokku üle viie miljoni piksli. See on see ekraan, kus ma praegu täiskohaga töötan. See tekitab palju küsimusi: kas Apple'il on mõni ettevõte, kes sellist ekraani teeb? Kas see aitab või takistab tööstust? Kas saate selle asjaga tõesti disaini teha, kui projekteerite mitte võrkkesta ekraanidele?

Täna räägin teile kõigile oma kogemusest masinaga, mis ähvardab muuta seda, kuidas te oma tööd teete. Ma ei hoia midagi tagasi, kui rabelen selle üle, mida armastan, ja ragin selle üle, mis ajab mind pähe. Lugege läbi ja vaadake, kas olete minu järeldustega nõus.

Uurige Envato elemente

Dang You Apple

Viimase kümnendi jooksul oleme meie, disainerid, keskendunud sellele, kuidas lahendada suuri muutusi paradigma muutuvate ekraanisuuruste näol. See väljakutse on meid viinud mõistuse lõpuni, kuid toonud teispoolsusest paremad disainerid, kes suudavad saavutada muljetavaldavaid tõeliselt paindlike veebisaitide muljeid, mis näevad suurepärased välja igas suuruses ekraanil.

Mediaqueri.es tutvustab tundlikku veebidisaini, mis näeb kõikjal hea välja.

Ehkki kui meie tähelepanu oli keskendunud ühele suuremale paradigma muutusele, hiilib meie juurde teine: resolutsioon. Selle nihke taga on hiljuti Apple oma võrkkesta kvaliteediekraanidega, mis on nüüd saadaval iPhone'is, iPod Touchis, iPadis ja MacBook Pro-s, koos iMaci ja MacBook Airiga, et kahtlemata järgida mõnda aega järgmise või kahe aasta jooksul. .

Apple ei pruugi olla esimene või ainus elektroonikatootja, mis kõrge eraldusvõimega kuvasid peale surub, ega peaaegu kunagi esimestena midagi. Meeldib see meile või mitte, aga nad on ajalooliselt pannud oluliste tehnoloogiliste muutuste laialdase kasutuselevõtu märgiks (see on koht, kus jätate kõik muu, mida ma ütlen, vahele, et saaksite järele mõelda, kui palju see kommentaarides tõele ei vasta).

Nagu ekraanisuuruse revolutsiooni puhul, annab see disaineritele tohutu paradigma muutuse, mis muudab kõike. See takistus võib osutuda viimasest veelgi raskemaks ületamiseks ning see nõuab meie viivitamatut tähelepanu ja spekulatsioone. Märtsis postitasin arutelu sel teemal.

Pärast seda olen ostnud Retina MacBook Pro, masina, mis purustas võrkkesta ekraanil selle toreda väikese iOS-seinaga aia ja millegi valduse, mida igat tüüpi elukutsete inimesed tööks kasutavad. Pärast nädalaid täistööajaga masina peal töötamist arvasin, et oleks asjakohane teiega oma kogemusi jagada.

Kas võrkkesta ekraanid peaksid isegi olemas olema?

„Kuna näeme, et suure tihedusega ekraanid muutuvad üha suuremaks, hakkan küsima, miks? Ainult sellepärast, et saaksime? ” - John Carey
Viiskümmend jalavarju

Olen viimasel ajal lugenud mitmeid artikleid loojatelt, kes on Apple'i pärast tegelikult üsna vihased, et nad surusid tööstust sellisele häirivale teele. Nagu Ian Malcom, kes heitis John Hammondit rutaka otsuse eest dinosaurused surnuist tagasi tuua, nõuavad need kriitikud, et see, et Apple suudab sellise ekraani teha, ei tähenda, et nad seda peaksid .

Ühel päeval võrkkesta ekraaniga veenis mind, et kriitikud eksivad. See on lihtsalt nii ilus. Ma ei suuda vaevu enam oma vana MacBooki vaadata. Minu silmad on avatud ja äkki on sama ekraan, mis mul kunagi pimeda ja porise väljanägemisega puudus.

Kas oleksime pidanud peatuma videomaki juures?

Ainus viis selle hindamiseks ilma seda ise kogemata on leida vana CRT-teler ja ühendada see videomaki külge, et saaksite filmi vaadata. Tõsiselt, minge proovima. Mõne sekundi jooksul saate imestada, kuidas teil maailmas kunagi nii halb visuaalne kogemus õnnestus. Kümme minutit sellest ja tänan iga päev tehnoloogiajumalaid kõikvõimsa Blu-ray eest.

VHS-lintidelt vahetamine oli valus, kuid nüüd tagasi vaadates oli see seda väärt.

Praeguse perspektiiviga vaadates on nii klientidel kui ka filmitööstuse produtsentidel parem jätta VHS-lint videote reprodutseerimise ja levitamise peamiseks meetodiks. Kas revolutsioon oli kõigile asjaosalistele ebamugav? Absoluutselt.

Sisu loojad pidid õppima, omaks võtma ja isegi välja töötama täiesti uued viisid toimimiseks. Kliendid pidid loobuma vanadest seadmetest ja paljudest materjalidest, tegema uusi oste, mis tundusid varasemate vastu ülearused, õppima uut kõnepruuki; see oli jama. Ja mis nad alles DVD-le lavale jõudis, on paljud ikka veel hüppamas kas Blu-ray või võib-olla isegi puhtalt digitaalse lahenduse, näiteks iTunes'i ja Apple TV juurde.

“Avanssid ei põhine sellel, kas need tekitavad kellelegi ebamugavusi või mitte. Eriti kui Apple on juhiistmel. ”

Kõrglahutusega andmetöötluse saabumine tekitab samu probleeme nii tarbijatele kui ka sisuloojatele. Kahjuks töötab see tehnoloogiatööstuses. Edasiminek toimub siis, kui neile on olemas turg ja olemas olev tehnoloogiline oskusteave annavad kvaliteetse tulemuse, mida tarbijad saavad endale lubada. Need ei põhine sellel, kas need tekitavad kellelegi ebamugavusi või mitte. Eriti kui Apple on juhiistmel.

Ja see on hea asi. Muidugi, see ei pruugi nii tunduda, kuid pidage meeles, et kunagi olid arvutimonitoridel ainult käputäis värve ja võite kihla vedada, et sel ajal oli selles tööstuses inimesi, kes rõhutasid, et nad ei lähe kaugemale. Olen kindel, et olete rõõmus, et nad seda tegid, nii et lõpetage olemine üks neist inimestest, keda lohistatakse ja karjutakse progressi poole, ning proovige selle asemel rünnata väljakutseid ja panustada vestlusesse midagi väärtuslikku.

Elamine ja töötamine Retina MacBook Pro-l

"Ma teadsin, et seal on mured ja neid on."

See, kas võrkkesta ekraanid peaksid olemas olema ka tavapärasel turul, on tõesti ebaoluline arutelu. Nad teevad seda ja teil on kaks valikut: kohaneda või surra. Kuna ma olin endine trükitud disainer, seisin selle valiku ees, ja praegu seisavad selle valiku ees silmitsi Flash-i arendajad, võite ka klubiga liituda.

Olen kõik kohanemisega seotud, nii et võtsin varakult kasutusele marsruudi ja hüppasin sellele rongile, enne kui mul oli aimugi, kuhu see läheb. Jätsin maha oma 2007. aasta 13-tollise MacBooki ja ostsin uue läikiva, 15-tollise Retina MacBook Pro.

Ma teadsin, et seal on mured ja on. Mõned neist, mille pärast ma muretsesin, osutusid suurteks asjadeks, teised, mille osas ma ei lootnud end nuhkima panna ja on mind vaevanud.

Tuhat mütsi

Igal päeval kannan mitu metafoorilist mütsi. Olen disainer, kirjanik, fotograaf, veebibrauser, filmivaataja; sa paned sellele nime.

Seetõttu saan pakkuda ülevaate paljudest erinevatest kogemustest võrkkesta kuvari vaatevinklist. Ainuke asi, milleks ma tõepoolest pole, on mängija. Ma kasvasin üles Nintendo kontrolleri külge ja mul polnud kunagi PC-mängude vastu huvi olnud, nii et peate mujalt küsima, kas otsite selle piirkonna kohta teavet.

Siin on mõned peamised igapäevase kasutamise kategooriad ja minu mõtted nende kohta.

OS-i üldine kasutamine

Praegu käitan OS X Lioni ja tundub, et võrkkesta graafikat on värskendatud 99%. Aeg-ajalt püüan nupule, mis näeb välja pikslitega, kuid ainult sügavalt maetud kommunaalteenustes, mida vähesed isegi kasutavad.

Enamasti paistab see ekraanil. Kõik tundub täiesti vapustav. Apple pole värskendanud mitte ainult põhisüsteemi, vaid ka enamikku oma rakendustest, näiteks iMovie.

Kolmandate osapoolte rakendused

See piirkond valmistas masina ostmise ajal muret, kuid see on osutunud vähem oluliseks probleemiks, mis minu arvates oleks.

Paljud minu lemmikrakendused, näiteks Sublime Text 2, nägid algul välja umbkaudsed, kuid on juba saanud võrkkesta värskendusi, mis muudavad need paremaks kui kunagi varem.

Tõsi, enamikku rakendusi pole veel värskendatud, kuid hoolimata sellest, et olete rakendussõltlane, pole tegelikult neid rakendusi, mida igapäevaselt kasutan. Välja arvatud CS6, mida arutame hiljem, on ainus rakendus, mida ma iga päev kasutan ja mis mind tõesti tõrjub, on Twitter for Mac.

See rakendus näitab tõepoolest võrkkesta ekraanil mitte võrkkestaga seotud graafika vastikust. Huvitaval kombel näeb reaalajas muudetav tekst, nagu see, mis ilmub aknas “uus säuts”, hea, kuid kogu teie voog on varjatud, tekstist avatarideni.

Veebi sirvimine

“Need väikesed pildid näevad halvad välja. Pisike JPG logo veebisaidi ülaosas, liidese ekraanipilt ... ”

Veebi sirvimine ehmatas mind tõesti ära. Teadsin täiesti hästi, et veeb on madala eraldusvõimega maailm ja 15-tollise võrkkesta ekraanile osutamine on nagu suurendusklaasi tegemine madala DPI-ga fotole.

Minu üllatuseks valmistusime end selleks revolutsiooniks märkimisväärselt hästi, isegi kui täiesti juhuslikult. Kuna meie kinnisideeks oli ribalaiuse kokkuhoid, ehitades ilma piltideta veebigraafikat, ehitasime tegelikult veebit, mis on lõpmatult mastaapsed.

Enamik kasutajaliideseid on tänapäeval üles ehitatud vana hea HTML, CSS ja JavaScripti abil. Võrkkesta kuvari viskamine nendele graafikatele muudab need ainult paremaks! Rekordina ei saa seda kindlasti öelda ka Flash-saitide kohta.

Tõeline probleem seisneb muidugi piltides. Huvitaval kombel möödub suurem osa minu veebibrauserist ilma ühegi kriipsuta ja ma olen eraldusvõime pähkel.

Professionaalsed fotod näevad eriti head välja. Kruiisilaevale Flickr või 500px ja leiate kogemuse sama nauditavaks kui kunagi varem, võib-olla veelgi enam.

Halvad on väikesed pildid. Veebisaidi ülaosas olev väike JPG-logo, liidese ekraanipilt - neil pole tegelikult pikslite kahekordistamiseks palju teavet ja seetõttu näevad need välja üsna taunitavad.

Filmid ja telesaated

Retina MacBook Pro lammutas oma optilise draivi täpselt nagu MacBook Air, nii et mul pole DVD-dega ilmselt kogemust olnud, kuid enamasti on videod nagu pildid. Suur näeb parem välja ja halb näeb halvem välja.

Digitaalselt allalaaditud HD-filmid säravad ekraanil, samal ajal kui Netflixi / Hulu otseülekanne tundub märgatavalt sakiline. Õnneks on vahemaa, mille jooksul ma tavaliselt saadet vaatan, palju kaugemal kui see, kus ma töötan, nii et kõik lahendamisega seotud probleemid pole tavaliselt nii märgatavad.

Fotograafia

Kuna ma pildistan kaameraga Canon 5D Mk II, tulevad minu fotod kenad ja suured. Need näevad võrkkesta ekraanil suurepärased välja ja mul pole suumimise ja peene detaili redigeerimisega probleeme olnud. Ainus tõeline probleem on see, et tarkvara (Photoshop & Lightroom) pole võrkkestaga veel kaunistatud, isegi CS6-s.

Kirjutamine

Puhtalt kirjutamise seisukohast on võrkkesta ekraan hämmastavalt hea. Tüpograafia kiirusega 220 pikslit tolli kohta on ilus asi. Tõstan üles Writeroomi, lülitun täisekraanirežiimi ja blokeerin maailma.

Mõne tunni pärast on lihtne unustada, kui hea tüüp välja näeb. Mõne sekundi jooksul pärast tekstidokumendi kuvamist väikese eraldusvõimega ekraanil on kõik, mida ma näen, pikslid. Räpased, koledad pikslid.

Tüüp ei näe hea välja ka käeulatuses. Ma võin kleepida oma näo ekraanile nii lähedale, kui silmad hakkama saavad ja tüüp näib endiselt silmatorkav.

Tüpograafia on võrkkesta ekraanil kaunilt karge.

Photoshop, disain ja ekraanipildid

Nüüd tuleb see osa, millest soovite tõesti kuulda: kuidas on Photoshopil? Kas saate selle asja kujundada?

iOS-i disainerid peaksid sellest kasu saama

Alustan sellega, et ma pole iOS-i disainer. Neid poisse on siiani sunnitud võrkkesta graafikat kujundama mitte võrkkesta ekraanidele ja ma kujutan ette, et nad tahavad innukalt seda vahetada.

Mul on vastupidine probleem: mitte võrkkesta graafika kujundamine võrkkesta ekraanil. Te ei pruugi eeldada, et see valu tekitab, kuid olgem ausad, tegelikult see tõesti nii on.

Selle põhjuseks on see, et kaotate madalama ppi vahemiku korral kogu lahutusvõime kontseptsiooni. Võib-olla saan sirvimisel eirata pisikesi sakilisi pilte, kuid kui ma olen looja toolil, uurib mu aju iga pikslit.

Pixel kahekordistunud kunstiteos imeb

"Selleks, et õigesti aru saada, kas kunstiteos on võrdne või mitte, pean seda vaatama oma vanal ekraanil."

Võrkkesta ekraanil näeb kõik, mida ma loon või Photoshopisse standardse veebiresolutsiooniga impordin, jama. Isegi kui ma ehitan midagi vektorina, kui ma pole nõus seda SVG-na eksportima ja enamasti pole see võimalus (veel), saab see ikkagi väljundi pisikesele JPG-le või PNG-le, mis näeb ülipikseliseeritud välja, kuna mu ekraan üritab selle eraldusvõimet kahekordistada.

See tekitab palju keerulisi probleeme, nii kui ma töötan nii enda kui ka teiste kunstiteostega. Kas peaksin omaenda kunstiteose jaoks ehitama selle vähese eraldusvõimega? See vähendab minu võimet otsustada selle selguse üle. Või peaksin selle suure eraldusvõimega üles ehitama ja väiksemaks vähendama? Ma pole kindel, kas olete märganud, kuid Photoshop võib skaleerimise korral rasterpildid tõesti prügikasti visata.

See on probleem ka siis, kui kasutan kellegi teise kunstiteoseid. Kui olete disainer, saate tõenäoliselt tavaliselt kolmanda osapoole kunstiteoseid, mis on jubedad ja pikseldatud. Järelikult valite kas parema kunstiteose jätmise, kui seda üldse kasutada.

Minu jaoks on see palju raskem, sest esmapilgul näeb see võrkkesta ekraanil alati halvasti välja, välja arvatud juhul, kui see juhtub olema tohutu. Selleks, et õigesti aru saada, kas kunstiteos on võrdne või mitte, pean seda vaatama oma vanal ekraanil.

Ekraanipildid

"Äkki on minu tehtud ekraanipildid kaks korda suuremad kui ma plaanisin!"

Arvestades asjaolu, et blogin elatist, arvan, et võib öelda, et ma teen rohkem ekraanipilte kui keskmine inimene. Töötan alati rakenduse liidese või veebisaidi ekraanipiltidega ja lisan need postitustesse.

Võrkkesta väljapanek tabas mind siin kurja kurvilise palliga. Järsku on minu tehtud ekraanipildid kaks korda suuremad kui ma kavatsesin! Suuruse muutmise korral näevad kasutajaliidese ekraanipildid koos rastergraafika ja pisikese tekstiga igal ekraanil tõesti vastikud välja, nii et proovin neid võimaluse korral alati kasutada 100%.

Võrkkesta ekraaniga, mis varem oli 510 piksli laiune ekraanipilt (tavaline Design Shacki pildi suurus), on nüüd 1 020 pikslit lai. Kui ma ignoreerin võrkkesta kasutajaid täielikult ja teesklen, et neid pole olemas, ütleb loogika, et peaksin esitama 510 pikslist laiust pilte, mis tähendab, et pean Photoshopis neid käsitsi muutma ja panema paika, et nad näevad välja sellised, nagu nad olid lihtsalt sõitke üle veokiga, eriti kui tegemist on rasterdatud tekstiga.

Pidage meeles, et nad näevad minu jaoks muidugi hullemad kui enamus kasutajaid, kuna arvasite, et olen võrkkesta ekraanil.

Muutke oma resolutsiooni loll

Olen esitanud oma ekraanipildi dilemma mõnele erinevale inimesele ja nad kõik ütlevad sama: lihtsalt muutke oma resolutsiooni! See tundub täiesti elujõuline lahendus, kuid selgub, et see polegi nii lihtne.

Retina MacBook Pro pakub viit erinevat eraldusseadet. Mis juhtub, kui valin kaks erinevat eraldusvõimet, teen sama täpse akna ekraanipildi ja kleepin need Photoshopis üksteise kõrvale.

Nagu näete, tulevad need välja täpselt sama suurusega. Eraldusvõime muutmine süsteemieelistustes mõjutab kogu ekraanipildi üldist suurust, kuid enamasti muutuvad ekraanipildi elemendid muutmata.

Salvestuseks on see, kui palju sellest aknast ma mahun 510px laiusesse dokumenti täissuuruses:

Kui sa lihtsalt kirusid, siis oli su reaktsioon minu oma.

Töö eredal, teraval ekraanil

"Veetes pool päeva võrkkesta ja mitte võrkkesta vahelise ekraani vahel hüppamisega, tegi mind sõna otseses mõttes merehaigus!"

Vanas MacBookis töötasin tavaliselt täie heledusega. Olen lugenud palju asju aku kestvuse, silmade koormuse ja nina kohta, kuid mulle ei meeldinud see, kuidas see välja nägi, kui heledus polnud vänge.

Sellel uuel ekraanil on täielik heledus enamiku valgusstsenaariumide jaoks absoluutselt liiga hele. Võrkkesta ekraan? Rohkem nagu võrkkesta põletav ekraan. See on tore, kuigi mul oleks pigem ekraan, mis on liiga hele ja tuleb alla lülitada.

Huvitaval kombel olen vaheldumisest peale täheldanud mõnda aeg-ajalt peavalu. Ekraan on nii hele ja terav, kui arvate, et see on silmadel lihtsam, kuid võib-olla on koht, kus see läheb liiga kaugele ja põhjustab rohkem silmi, kui säästab. Kuni heledust kontrolli all hoian, ei usu ma, et see on pikaajaliselt suur probleem.

Ekraani teravus oli tõepoolest probleem ainult esimesel päeval, kui olin vanast masinast kõik uuele üle kandnud. Veetes pool päeva võrkkesta ja mitte võrkkesta vahelise ekraani vahel hüpates, pani mind sõna otseses mõttes merehaigus!

Suurenevad valud

"Uue tehnoloogiaga kaasnevad uued väljakutsed ja minusugused varajased kasutuselevõtjad maksavad hinna"

Nii et teil on see, minu täielik loetelu kiitust ja kaebusi minu uue Retina MacBook Pro kohta. See artikkel on tahtlikult keskendunud võrkkesta ekraanil töötamise väljakutsetele, mitte ainult eelistele. Kui ma olen täiesti aus, siis peidavad need eelised mind ära ja ma ei ole oma ostu üle natuke kahetsusväärne. Armastan seda arvutit ja ei kõhkle öelda, et see on parim, mida ma kunagi kasutanud olen.

Kõik ülalnimetatud võitlused on ainult kasvavad valud. Uue tehnoloogiaga kaasnevad uued väljakutsed ja minusugused varajased kasutuselevõtjad maksavad (piltlikult ja sõna otseses mõttes) hinna vastutasuks uute läikivate mänguasjade omamise eest, mida kellelgi teisel pole.

Aastaid mööda teed, kui kõik uued arvutid hakkavad jõudma 220 piksli ja millel on standardkomponentidena tahke oleku draivid, on selle tehnoloogia hinnalipik palju soodsam ja karistused selle kasutamise eest olematud.

Arvutiekraani eraldusvõime võrdlus saidilt The Verge

Peaaegu iga ülalnimetatud kaebuse taga on tõepoolest asjaolu, et mul on kõrgema eraldusvõimega ekraaniga arvuti kui inimestel, kellele ma projekteerin. Kui oleme kõik samal lehel, lihtsustatakse kõike dramaatiliselt.

Ütlen siiski, et võrkkesta kvaliteediekraaniga seadme omamine võib suurendada teie kiireloomulisust pildiprobleemi suhtes, millega me nüüd veebis kokku puutume. Kas soovite, et võrkkesta kasutajatel oleks ilusaid pilte, kuid kas see on väärt võrkkesta mittekasutajate jaoks laadimisaega? Õnneks hakkavad ilmnema mõned tõeliselt fantastilised lahendused, näiteks Retina.js, mis seda probleemi leevendavad.

Kas ikkagi lähitulevik, kus peame looma ja topeltpildid üles laadima, nagu vanasti, pole just midagi, millest vaimustuses olla, kas see on?

Mida sa arvad?

Loodetavasti polnud see tohutu müra täielik hunnik kõmu. Minu eesmärk oli aidata disaineritel, kes soovivad teada, kas nad peaksid ostma Mac võrkkesta või mitte, teha teadlik otsus. Liiga palju allikaid loetleb praegu kas ainult häid või halbu ning soovisin jagada kõiki oma mõtteid ning lasta teil ise otsustada, kas võrkkesta Mac sobib teile või mitte.

Mida arvate sellest noodist? Kui te pole veel võrkkesta kvaliteediga ekraaniga arvutit ostnud, kas arvate, et teete seda varsti? Miks või miks mitte? Kui teil on, siis mida te sellest arvate? Kas soovitaksite seda teistele?