Dizajn na zaslonu mrežnice: Moje misli o Retina MacBook Pro

220, 5 piksela po inču: 2800 širok i 1800 visok za ukupno više od pet milijuna piksela. To je ekran na kojem radim sada, puno radno vrijeme. To pokreće mnoštvo pitanja: ima li Apple bilo kakav posao izrade takvog zaslona? Hoće li to pomoći ili spriječiti industriju? Možete li doista raditi dizajn na toj stvari ako dizajnirate za zaslone koji nisu mrežnici?

Danas ću vam ispričati sve o svom iskustvu s strojem koji prijeti promjenom načina na koji obavljate svoj posao. Neću zadržavati ništa dok se klanjam onome što volim i bijesim o onome što me tjera da budem lud. Pročitajte zajedno i vidjet ćete se slažete li se s mojim zaključcima.

Istražite elemente Envatoa

Opasno ti Apple

U posljednjem desetljeću dizajneri smo se fokusirali na to kako se baviti velikim pomakom paradigme u obliku sve različitih veličina zaslona. Taj nas je izazov proširio do kraja, ali izvukli su nas sa druge strane bolji dizajneri, sposobni postići dojmljive podvige doista fleksibilnih web stranica koje izgledaju sjajno na bilo kojem ekranu veličine.

Mediaqueri.es prikazuje web dizajn koji reagira na bilo kojem mjestu.

Iako smo svoju pozornost usredotočili na jednu glavnu promjenu paradigme, na nas je zasjela još jedna: rezolucija. Snaga iza ove promjene nedavno je došla iz Applea sa zaslonima njegove „mrežnice“, koji su sada prisutni na iPhoneu, iPod Touchu, iPadu i MacBook Pro-u, s tim da će iMac i MacBook Air bez sumnje uslijediti neko vrijeme u sljedećih godinu ili dvije.,

Apple možda nije prvi ili jedini proizvođač elektronike koji je pokretao zaslone visoke rezolucije, niti su gotovo ikad prvi u tome. Ipak, sviđali se tome ili ne, oni su povijesno postavili oznaku za široko prihvaćanje velikih tehnoloških pomaka (ovo je dio u kojem preskačete sve drugo što kažem, pa možete uzrujati koliko to nije točno u komentarima).

Kao i kod revolucije veličine zaslona, ​​i to dizajnerama predstavlja ogroman pomak paradigme koji sve mijenja. Ova se prepreka može pokazati još težom od posljednje i zahtijeva našu neposrednu pažnju i nagađanja. Još u ožujku sam objavio diskusiju o toj samoj temi.

Od tada sam kupio Retina MacBook Pro, stroj koji je razbio mrežnični zaslon iz njegova lijepog malog vrta iOS-a, u područje nečega što će ljudi svih vrsta profesije koristiti za posao. Nakon nekoliko tjedana rada na stroju, smatrao sam da bi bilo prikladno podijeliti svoja iskustva s vama.

Treba li uopće postojati zaslon mrežnice?

"Kako vidimo da se zasloni visoke gustoće povećavaju i povećavaju, započinjem s pitanjem, zašto? Samo zato što možemo? " - John Carey
Pedeset sjena stopala

Nedavno sam pročitao nekoliko članaka kreativaca koji su zapravo prilično ljuti na Apple zbog guranja industrije na tako mučan put. Poput Iana Malcoma koji vrši kazivanje Johna Hammonda zbog njegove ishitrene odluke da vrati dinosauruse iz mrtvih, i ovaj kritičar inzistira na tome da to što Apple može napraviti takav ekran ne znači da bi trebali .

Jednog dana sa zaslonom mrežnice uvjerio me da kritičari nisu u pravu. Jednostavno je tako lijepo. Jedva podnosim da više gledam svoj stari MacBook. Oči su mi se otvorile i odjednom mi se stvorio isti ekran s kojim nikad nisam imao problema, izgleda tamno i blatno.

Trebamo li se zaustaviti na videorekorderu?

Jedini način da stvarno shvatite što je ovo, bez da sami to iskusite, je da pronađete staru CRT televiziju i povežete je s videorekorderom kako biste mogli gledati film. Ozbiljno, pokušajte. Za nekoliko sekundi ćete se zapitati kako ste u svijetu uspjeli podnijeti tako loše vizualno iskustvo. Deset minuta od toga svakodnevno ćete se zahvaljivati ​​tehnološkim bogovima na svemoćnom Blu-rayu.

Bilo je mučno prebacivanje s VHS kaseta, ali gledajući unazad, to je vrijedilo.

Gledajući unatrag, i kupcima i producentima u filmskoj industriji bolje je što su iza sebe ostavili VHS vrpcu kao primarnu metodu reprodukcije i distribucije videozapisa. Je li revolucija bila neugodna za sve uključene? Apsolutno.

Kreatori sadržaja morali su naučiti, usvojiti i čak razviti potpuno nove načine postupanja. Kupci su morali napustiti staru opremu i gomilu sadržaja, obavljati nove kupnje koje su se činile suvišnim u odnosu na prethodne, naučiti novi žargon; bio je to nered. I to ih je tek dovelo do pozornice DVD-a, mnogi su i dalje usred skoka na Blu-ray ili možda čak na čisto digitalno rješenje poput iTunesa i Apple TV-a.

"Predujam se ne temelji na tome hoće li nekome nanijeti neugodnost ili ne. Naročito kada je Apple na vozačkom mjestu. "

Dolazak računanja visoke razlučivosti predstavlja iste probleme, kako za potrošače, tako i za tvorce sadržaja. Nažalost, tako funkcionira tehnološka industrija. Napredak se postiže kad postoji tržište za njih i ako je tehnološko znanje o tome prisutno kako bi se dobilo kvalitetan rezultat koji si potrošači mogu priuštiti. Ne temelje se na tome hoće li nekome nanijeti neugodu. Pogotovo kad je Apple na vozačkom mjestu.

I to je dobra stvar. Sigurno, možda se ne čini tako, ali imajte na umu da su računalni monitori nekada imali samo nekoliko boja i možete se kladiti da je u industriji bilo ljudi koji su ustrajali u tome da ne idu dalje. Siguran sam da vam je drago što su uspjeli, pa prestanite biti jedan od ljudi koji se vuku šutiraju i vrište napretek, a pokušajte napasti izazove i dodajte nešto vrijedno u razgovoru.

Živjeti i raditi na Retina MacBook Pro

"Znao sam da će biti problema, a tu su i problemi."

O tome trebaju li ili ne na zaslonu mrežnice postojati ili ne na glavnom tržištu stvarno je nebitna rasprava. Oni to čine, a vi imate dva izbora: prilagoditi se ili umrijeti. Kao bivši dizajner samo za ispis bio sam suočen s ovim izborom, Flash programeri trenutno su suočeni s ovim izborom, možda biste se i vi pridružili klubu.

Sve sam za prilagodbu, pa sam krenuo na put prijelaska i skočio na ovaj vlak prije nego što sam imao pojma kuda ide. Ostavio sam iza sebe MacBook iz 13 2007 2007 i kupio sjajan novi, 15 ″ Retina MacBook Pro.

Znao sam da će biti nekih problema, a ima i tu. Neke od njih zbog kojih sam se brinuo ispostavilo se da nisu ništa posebno, druge na koje nisam računao da ću ih uroniti i koji su me plašili.

Tisuću šešira

Svakog dana nosim nekoliko metaforičkih šešira. Ja sam dizajner, pisac, fotograf, web preglednik, gledatelj filmova; ti to ime.

Zbog toga mogu ponuditi uvid u mnoštvo različitih iskustava sa stajališta mrežnice. Jedina stvar za koju, doduše, nisam igra. Odrastao sam vezan za Nintendo kontroler i nikad nisam imao interes za PC igre, tako da ćete morati pitati negdje drugo ako tražite uvid u to područje.

Evo nekih glavnih kategorija svakodnevne uporabe i mojih razmišljanja o svakoj.

Općenito korištenje OS-a

Trenutno pokrećem OS X Lion i čini se da se 99% ažurira za mrežnicu mrežnice. S vremena na vrijeme uhvatim mjesto gumba koji izgleda pikselirano, ali samo u duboko zakopanim uslužnim programima koje malo tko uopće koristi.

U najvećem dijelu ovdje zaslon sjaji. Sve izgleda apsolutno zapanjujuće. Apple nije samo ažurirao osnovni sustav, većinu svojih aplikacija, kao što je iMovie.

Aplikacije treće strane

To je područje bilo zabrinuto kad sam kupio stroj, ali pokazalo se da je manje važno pitanje za koje sam mislio da će to biti.

Mnoge moje omiljene aplikacije, poput Sublime Text 2, u početku su izgledale grubo, ali već su primile nadogradnje mrežnice koja ih čine boljim nego ikad prije.

Podijeljeno, većina aplikacija se još nije ažurirala, ali uprkos tome što je ovisnik, doista nema toliko aplikacija koje svakodnevno koristim. Uz izuzeće CS6-a o kojem ćemo kasnije raspravljati, jedina aplikacija koju svaki dan koristim što me stvarno gnjavi je Twitter za Mac.

Ova aplikacija dokazuje gnusnost ne-mrežnice na zaslonu mrežnice. Zanimljivo je da tekst uživo koji se može uređivati ​​poput onog koji se pojavljuje u prozoru "novi tweet" izgleda u redu, ali cijeli je tok odvratan, od teksta do avatara.

Web preglednik

"Male slike izgledaju loše. Sitni JPG logotip na vrhu web stranice, snimka zaslona sučelja ... "

Pregledavanje web stranica jako me uplašilo. Dobro sam znao da je Internet svijet niske rezolucije i ukazivanje na njega mrežnice od 15 ″ izgleda poput fotografiranja povećala na fotografiju s niskim DPI-jem.

Na moje iznenađenje, izuzetno smo se dobro pripremili za ovu revoluciju, makar i sasvim slučajno. U svojoj opsesiji uštedom propusnosti izgradnjom web grafike bez slika, mi smo zapravo gradili web koji je beskrajno skalabilan.

Većina korisničkih sučelja ovih dana izgrađena je s dobrim starim HTML-om, CSS-om i JavaScript-om. Bacanje mrežničkog zaslona na ove grafike samo čini da oni izgledaju bolje! Za zapisnik, to se sigurno ne može reći za Flash web stranice.

Pravi problem, naravno, leži u slikama. Zanimljivo je da većina mog pregledavanja web stranica prolazi bez ijednog mrštenja, a ja sam matica rezolucije.

Profesionalne fotografije posebno izgledaju sjajno. Vozite Flickr-om ili 500px i naći ćete iskustvo jednako ugodno kao i uvijek, možda čak i više.

Male slike izgledaju loše. Sitni JPG logotip na vrhu web stranice, snimka zaslona, ​​stvarno nemaju puno podataka s kojima bi radili za udvostručenje piksela i stoga izgledaju prilično očajno.

Filmovi i TV emisije

Retina MacBook Pro ukinula je svoj optički pogon poput MacBook Air-a, tako da očito nisam imao iskustva s DVD-ovima, ali većinom su videozapisi poput slika. Veliki izgled bolje, a loš izgled lošiji.

Digitalno preuzeti HD filmovi sjaje na zaslonu dok Netflix / Hulu live streaming izgleda osjetno jago. Srećom, udaljenost u kojoj obično gledam emisiju mnogo je veća nego tamo gdje radim, tako da bilo kakvi problemi s rješavanjem obično nisu toliko uočljivi.

Fotografija

Kako snimam s Canonom 5D Mk II, moje fotografije izlaze lijepe i velike. Izvrsno izgledaju na zaslonu mrežnice i nisam imao problema sa zumiranjem i uređivanjem sitnih detalja. Jedini stvarni problem je što softver (Photoshop & Lightroom) još nije uljepšen mrežnicom, čak ni u CS6.

Pisanje

S čistog načina pisanja, zaslon mrežnice je zapanjujuće dobar. Tipografija pri 220 piksela po inču lijepa je stvar. Podignem Writeroom, prebacim se na način zaslonskog zaslona i blokiram svijet.

Nakon nekoliko sati lako je zaboraviti koliko dobro izgleda. Međutim, u roku od nekoliko sekundi nakon iznošenja tekstualnog dokumenta na ekranu slabe razlučivosti vidim samo piksele. Prljavi, ružni pikseli.

Ni tip ne izgleda dobro u visini ruku. Mogu zalijepiti lice što bliže zaslonu koliko oči mogu podnijeti i tip se i dalje čini oštar.

Tipografija je lijepo hrskava na zaslonu mrežnice.

Photoshop, dizajn i snimke zaslona

Sada dolazi dio o kojem stvarno želite čuti: kako je Photoshop? Možete li dizajnirati na ovoj stvari?

Dizajneri iOS-a trebali bi to smatrati korisnim

Za početak ću reći da nisam dizajner iOS-a. Ovi momci do sada su bili prisiljeni dizajnirati mrežnicu na ekranima bez mrežnice i pretpostavljam da su željni promjene.

Ja imam suprotan problem: dizajnirati ne-mrežnicu grafike na mrežnom zaslonu. Možda ne očekujete da će to biti bol, ali ako budem iskren, zaista to i jeste.

To je zato što ćete izgubiti svaki koncept razlučivosti kada ste u donjem rasponu ppi-a. Možda bih mogao zanemariti male nejasne slike tijekom pregledavanja, ali kad sam u autorskoj stolici, moj mozak ispituje svaki piksel.

Umnoženo pikselo udvostručeno je

"Da bih ispravno stekao osjećaj da li je umjetničko djelo jedno za drugo, moram ga pogledati na starom zaslonu."

Na zaslonu mrežnice sve što stvorim ili uvozim u Photoshop u standardnoj web rezoluciji izgleda kao sranje. Čak i ako napravim nešto vektorsko, osim ako ga nisam voljan izvoziti kao SVG, a većinu vremena to još nije opcija (još uvijek) i dalje će doći do malenog JPG-a ili PNG-a koji izgleda super pikselirano jer moj ekran pokušava udvostručiti svoju razlučivost.

Ovo predstavlja puno škakljivih problema, kako kada radim s vlastitim umjetničkim djelima, tako i s drugima. Da li bih trebao stvarati umjetničko djelo s niskom razlučivosti? Na taj način se umanjuje moja sposobnost ocjenjivanja jasnoće. Ili bih je trebao graditi visoku rezoluciju i smanjiti je za ispadanje? Nisam siguran jeste li primijetili, ali Photoshop može stvarno ukloniti rasterske umjetnine prilikom skaliranja.

To je također problem kada koristim umjetnička djela od nekog drugog. Ako ste dizajner, tada najčešće primate umjetnička djela treće strane koja su iskrivljena i pikselizirana. Slijedom toga ili ćete zahtijevati da bolje umjetničko djelo preskočite koristeći ga u potpunosti.

Za mene je to puno teže, jer na prvi pogled uvijek će izgledati loše na zaslonu mrežnice, osim ako se dogodi da bude ogroman. Da bih ispravno stekao osjećaj da li je umjetničko djelo jedno za drugo, moram ga pogledati na starom zaslonu.

Slike

"Odjednom, snimke zaslona dvostruko su veće od namjere!"

S obzirom na činjenicu da blogiram za život, mislim da je sigurno reći da snimam više snimaka zaslona od prosječne osobe. Uvijek radim sa snimkama zaslona s sučelja aplikacije ili web stranice i uključuju ih u postove.

Retina prikaz ovdje me pogodio zlom krivudavom kuglom. Odjednom, snimke zaslona dvostruke su veličine koje sam namjeravao! Kad se promijene veličine, snimke zaslona korisničkog sučelja, sa svojom rasterskom grafikom i sitnim tekstom, izgledaju gadno na bilo kojem zaslonu, tako da ih uvijek pokušavam koristiti na 100% kada je to moguće.

Uz zaslon mrežnice, zaslon široke 510 piksela (standardna veličina slike Design Shack) sada je širok 1.020 piksela. Ako potpuno zanemarim korisnike mrežnica i pretvaram se da ne postoje, logika kaže da bih trebao prikazati slike širine 510 px, što znači da ih moram ručno promijeniti u Photoshopu i pomiriti se s tim da izgledaju kao da su samo nas pregaziti kamion, posebno kad je riječ o rastericiranom tekstu.

Pazite, naravno da mi izgledaju lošije od većine korisnika jer, pogađate, na ekranu samih mrežnica.

Promijenite svoju rezoluciju glupo

Iznio sam svoju dilemu na snimci nekoliko različitih ljudi i svi oni kažu isto: samo promijenite svoju rezoluciju! To se čini savršeno održivim rješenjem, ali ispada da nije tako jednostavno.

Retina MacBook Pro dolazi s pet različitih postavki rezolucije. Evo što se događa ako odaberem dvije različite razlučivosti, napravim snimku zaslona istog točnog prozora i zalijepim ih jedno pokraj drugog u Photoshopu.

Kao što vidite, izlaze točno iste veličine. Promjena razlučivosti u System Preferences utječe na ukupnu veličinu ukupne snimke zaslona, ​​ali većinu vremena elementi unutar snimke zaslona izlaze nepromijenjeni.

Za zapisnik, evo koliko tog prozora mogu stati u dokument širine 510 piksela u punoj veličini:

Ako ste samo psovali, tada je vaša reakcija opazila na moju vlastitu.

Rad na svijetlom, oštrom zaslonu

"Provodeći pola dana skakućući između zaslona mrežnice i ne-mrežnice doslovno me je mučilo!"

Na svom starom MacBook-u obično radim pri punoj svjetlini. Pročitao sam mnoštvo stvari o trajanju baterije, naprezanju očiju i slično, ali nikad mi se nije svidjelo način na koji je to izgledalo, osim ako svjetlina nije bila stvorena.

Na ovom je novom zaslonu puna svjetlost apsolutno presvijetla za većinu scenarija osvjetljenja. Zaslon mrežnice? Više poput zaslona za pečenje mrežnice. Ovo je sjajno, no radije bih imao zaslon koji je previše svijetao i treba ga smanjiti.

Zanimljivo je da sam primijetio neke povremene glavobolje od prelaska. Zaslon je toliko svijetao i oštar, mogli biste pomisliti da je očima lakše, ali možda postoji točka u kojoj to ide predaleko i uzrokuje veće naprezanje očiju nego što štedi. Sve dok držim provjeravanje svjetline, mislim da to neće biti dugoročno važno pitanje.

Oštrina ekrana bila je zaista samo problem prvog dana, kada sam prebacivao sve sa starog stroja na novi. Provodeći pola dana skakajući između zaslona mrežnice i ne-mrežnice doslovno me je mučilo!

Rastuće bolove

"S novom tehnologijom stižu novi izazovi i rani korisnici poput mene su ti koji plaćaju cijenu"

Tako da, tu ste, moj cijeli popis pohvala i prigovora koji se tiču ​​moje nove Retina MacBook Pro. Namjerno, ovaj je članak fokusiran na izazove rada na zaslonu mrežnice više nego na koristi. Ako budem potpuno iskren, koristi me odbijaju i nisam ni malo za žaljenje zbog svoje kupovine. Apsolutno volim ovo računalo i bez oklijevanja ću reći da je to najbolje što sam ikad koristio.

Sve gore navedene borbe samo su sve veće boli. S novom tehnologijom stižu novi izazovi i rani usvajači poput mene su ti koji (figurativno i doslovno) plaćaju cijenu u zamjenu za posjedovanje sjajnih novih igračaka koje nitko drugi nema.

Godinama na putu, kada sva nova računala pogađaju 220ppi i imaju SSD pogone kao standardne komponente, cijena ove tehnologije bit će mnogo pristupačnija, a kazne za njihovo korištenje gotovo ne postoje.

Usporedba rezolucije zaslona računala iz The Vergea

Gotovo svaka pritužba koju sam nabrojao gore svodi se na činjenicu da posjedujem računalo s zaslonom veće razlučivosti od ljudi za koje dizajniram. Jednom kada budemo svi na istoj stranici, sve će se dramatično pojednostaviti.

Ipak, reći ću da posjedovanje uređaja s zaslonom za mrežnicu može potaknuti vaš osjećaj hitnosti zbog problema sa slikom sa kojom se sada suočavamo na webu. Želite da korisnici mrežnica imaju lijepe slike, ali vrijedi li pogoditi vrijeme učitavanja za korisnike koji nisu mrežnici? Srećom, počinju se pojavljivati ​​neka stvarno fenomenalna rješenja poput Retina.js koja će olakšati ovaj problem.

Ipak, bliska budućnost u kojoj moramo stvarati i prenositi dvostruke slike koje smo navikli nije baš nešto čime bismo se uzbuđivali?

Što misliš?

Nadamo se da ova ogromna razbojnica nije bila potpuna hrpa gomila. Moja je namjera bila pomoći dizajnerima koji se pitaju trebaju li kupiti mrežnicu Mac ili ne donijeti informiranu odluku. Previše izvora trenutno navodi samo dobre ili samo loše, a želio sam podijeliti sve svoje misli i dopustiti vam da sami odlučite hoće li ili ne mrežnica Mac za vas.

Na tu bilješku, što mislite? Ako još niste kupili računalo s zaslonom kvalitete mrežnice, mislite li da ćete uskoro? Zašto ili zašto ne? Ako imaš, što misliš o tome? Biste li ga preporučili drugima?