Navrhování na obrazovce sítnice: Moje myšlenky na sítnici MacBook Pro

220, 5 pixelů na palec: 2 800 široký a 1 800 vysoký, celkem tedy přes pět milionů pixelů. To je obrazovka, na které teď pracuji, na plný úvazek. To vyvolává spoustu otázek: má Apple nějaké podnikání, které by takové obrazovky dělalo? Pomůže nebo zabrání průmyslu? Opravdu na tom můžete dělat design, pokud navrhujete obrazovky bez sítnice?

Dnes vám řeknu vše o mých zkušenostech se strojem, který hrozí změnou způsobu vaší práce. Nebudu držet nic zpět, když jsem řval o tom, co miluji, a chvástal o tom, co mě nutí oříšky. Přečtěte si a zjistěte, zda souhlasíte s mými závěry.

Prozkoumejte prvky Envato

Dang You Apple

V uplynulém desetiletí jsme se designéři zaměřili na to, jak řešit zásadní posun paradigmatu ve formě neustále se měnících velikostí obrazovky. Tato výzva nás natáhla na konec našeho vtipu, ale přinesla nám na druhou stranu lepší designéry, kteří jsou schopni dosáhnout působivých výkonů skutečně flexibilních webů, které vypadají skvěle na obrazovce jakékoli velikosti.

Mediaqueri.es představuje responzivní webový design, který vypadá skvěle kdekoli.

Přestože jsme se zaměřili na jeden hlavní posun paradigmatu, další se na nás přitulilo: rozhodnutí. Stimulací za tímto posunem je nedávno společnost Apple se svými obrazovkami kvality „sítnice“, nyní přítomnými na iPhone, iPod Touch, iPad a MacBook Pro, s iMac a MacBook Air bezpochyby následovat nějaký čas v příštím roce nebo dvou .

Apple nemusí být prvním nebo jediným výrobcem elektroniky, který tlačí displeje s vysokým rozlišením, ani není téměř vůbec vůbec prvním. Nicméně, ať už se to líbí nebo ne, historicky nastavili značku pro široké přijetí hlavních technologických posunů (to je část, ve které vynecháváte všechno ostatní, co říkám, takže si můžete v komentářích vzpomenout, jak moc to není pravda).

Stejně jako u revoluce velikosti obrazovky to představuje návrháře s obrovským posunem paradigmatu, který všechno mění. Tato překážka může být ještě obtížnější překonat než ta poslední a vyžaduje to naši okamžitou pozornost a spekulace. V březnu jsem zveřejnil diskusi na toto téma.

Od té doby jsem si koupil sítnici MacBook Pro, stroj, který rozbil zobrazení sítnice z její pěkné malé zděné zahrady iOS a do říše něčeho, co lidé všech typů povolání použijí pro práci. Po týdnech práce na stroji na plný úvazek jsem si myslel, že by bylo vhodné se s vámi podělit o své zkušenosti.

Měly by obrazovky sítnice vůbec existovat?

"Jak vidíme, jak se obrazovky s vysokou hustotou zvětšují a zvětšuji, začnu se ptát, proč?" Jen proto, že můžeme? “ - John Carey
Padesát stínů nohou

Nedávno jsem četl několik článků od kreativ, kteří jsou ve skutečnosti docela naštvaní na Apple za to, že zatlačili průmysl dolů tak obtížnou cestou. Stejně jako Ian Malcom obtěžuje Johna Hammonda za jeho unáhlené rozhodnutí přivést dinosaury zpět z mrtvých, tito kritici trvají na tom, že právě proto, že Apple dokáže vytvořit takovou obrazovku, neznamená, že by měli .

Jednoho dne mě obrazovka sítnice přesvědčila, že se kritici mýlí. Je to prostě tak krásné. Sotva se mohu postavit a podívat se na svůj starý MacBook. Moje oči byly otevřeny a najednou byla stejná obrazovka, na kterou jsem nikdy neměl problém s vypadáním přímo temných a blátivých.

Měli jsme se zastavit na videorekordéru?

Jediným způsobem, jak opravdu ocenit, jaké to je, aniž byste si to sami prožili, je najít starou televizi CRT a připojit ji k videorekordéru, abyste mohli sledovat film. Vážně, zkus to. Během několika vteřin se divíte, jak jste ve světě dokázali vydržet takový špatný vizuální zážitek. Deset minut z toho a budete děkovat technologickým bohům denně za všemohoucího Blu-ray.

Byla to bolest přejít z VHS pásek, ale ohlédnutí za sebou to stálo za to.

S ohledem na to, že se nyní díváme zpět, jsou zákazníci i producenti ve filmovém průmyslu lepší, když za primární metodu reprodukce a distribuce videa nechali pozadu pásku VHS. Byla revoluce nepohodlná pro všechny zúčastněné? Absolutně.

Tvůrci obsahu se museli učit, přijímat a dokonce rozvíjet zcela nové způsoby práce. Zákazníci museli opustit staré vybavení a spoustu obsahu, provést nové nákupy, které se zdály nadbytečné s předchozími, učit se nový žargon; byl to nepořádek. A to je dostalo pouze na pódium DVD, mnoho z nich je stále uprostřed skoků na Blu-ray nebo možná dokonce na čistě digitální řešení, jako jsou iTunes a Apple TV.

„Pokroky nejsou založeny na tom, zda budou někomu nepříjemné. Obzvláště když je Apple na sedadle řidiče. “

Příchod výpočetní techniky s vysokým rozlišením představuje stejné problémy jak pro spotřebitele, tak pro tvůrce obsahu. Bohužel, tak funguje technologický průmysl. Pokrok se dosahuje, když pro ně existuje trh a technologické know-how, které přináší kvalitní výsledek, který si mohou spotřebitelé dovolit. Nezakládají se na tom, zda budou někomu nepříjemné. Zejména když je Apple na sedadle řidiče.

A to je dobrá věc. Jistě, nemusí to vypadat jako to, ale mějte na paměti, že kdysi počítačové monitory vlastnily jen hrst barev a můžete se vsadit, že v té době existovali lidé v oboru, kteří trvali na tom, že jdou dál. Jsem si jistý, že jste rádi, že to udělali, takže přestaňte být jedním z lidí, kteří jsou taženi kopat a křičet do pokroku, a místo toho zkuste útočit na výzvy a přispívat něčím cenným pro konverzaci.

Život a práce na sítnici MacBook Pro

"Věděl jsem, že budou nějaké problémy, a jsou."

To, zda by sítnice sítnice měly existovat na hlavním trhu, je skutečně irelevantní diskuse. Dělají to a máte dvě možnosti: přizpůsobit se nebo zemřít. Jako bývalý designér pouze pro tisk jsem čelil této volbě, vývojáři Flash se v současné době potýkají s touto volbou, můžete se také připojit k klubu.

Všechno jsem o adaptaci, takže jsem se vydal na časnou adoptivní trasu a skočil na tento vlak, než jsem měl tušení, kam to jde. Zanechal jsem za sebou svůj MacBook 13 13 ″ a koupil jsem nový lesklý, 15 ″ sítnici MacBook Pro.

Věděl jsem, že budou nějaké problémy, a existují. Ukázalo se, že některé z těch, o které jsem se obával, nebyly nijak velké, jiné, na které jsem se nepočítal, že se snuck upoutají a trápí mě frustrace.

Tisíc klobouků

V kterýkoli den nosím několik metaforických klobouků. Jsem designér, spisovatel, fotograf, webový prohlížeč, sledovatel filmů; pojmenuješ to.

Z tohoto důvodu mohu nabídnout nahlédnutí do mnoha různých zkušeností z hlediska zobrazení sítnice. Jedna věc, kterou nepochybuji, není hráč. Vyrostl jsem připoutaný k ovladači Nintendo a nikdy jsem neměl zájem o hraní s PC, takže se budete muset zeptat jinde, pokud hledáte vhled do této oblasti.

Tady je pohled na některé hlavní kategorie každodenního použití a mé myšlenky na každou z nich.

Obecné použití OS

V současné době používám OS X Lion a zdá se, že 99% je aktualizováno pro grafiku sítnice. Tu a tam chytím místo tlačítka, které vypadá pixelovaně, ale pouze v hluboce pochovaných nástrojích, které i tak málo používají.

Z větší části to je místo, kde svítí displej. Všechno vypadá naprosto úžasně. Apple nejenže aktualizoval základní systém, ale i většinu svých aplikací, například iMovie.

Aplikace třetích stran

Tato oblast byla problémem, když jsem stroj kupoval, ale ukázalo se, že jde o méně významný problém, o kterém jsem si myslel, že to bude.

Mnoho mých oblíbených aplikací, jako je Sublime Text 2, vypadalo zpočátku drsně, ale již dostaly aktualizace sítnice, díky nimž jsou lepší než kdy jindy.

Je pravda, že většina aplikací se dosud neaktualizovala, ale přesto, že jsou závislými na aplikacích, ve skutečnosti není tolik aplikací, které denně používám. S výjimkou CS6, o kterém budeme hovořit později, je jedinou aplikací, kterou každý den používám, opravdu chyby, Twitter Twitter pro Mac.

Tato aplikace skutečně předvádí nepříjemnost grafiky bez sítnice na displeji sítnice. Zajímavé je, že živý upravitelný text, jako je ten, který se objevuje v okně „nového tweetu“, vypadá dobře, ale celý váš stream je ohavný, od textu po avatary.

Prohlížení webu

"Jsou to malé obrázky, které vypadají špatně." Malé logo JPG v horní části webu, screenshot rozhraní… “

Procházení webu mě opravdu vyděsilo. Dobře jsem věděl, že web je svět s nízkým rozlišením a ukazuje na něj 15 ″ obrazovku sítnice, jako když vezmete lupu na fotografii s nízkým DPI.

K mému překvapení jsme se na tuto revoluci připravili pozoruhodně dobře, i když úplně náhodou. V naší posedlosti šetřením šířky pásma vytvořením webové grafiky bez obrázků jsme vlastně vytvářeli web, který je nekonečně škálovatelný.

Většina uživatelských rozhraní je v současné době postavena na dobrých starých HTML, CSS a JavaScript. Házení zobrazení sítnice na tuto grafiku pouze způsobí, že vypadají lépe! Pro záznam, to samé nelze říci o webech Flash.

Skutečný problém samozřejmě spočívá v obrazech. Zajímavé je, že většina mého prohlížení webu prochází bez jediného zamračení a jsem matice rozlišení.

Profesionální fotografie mají tendenci vypadat skvěle. Plavba po Flickru nebo 500px a ten zážitek bude stejně zábavný jako vždy, možná ještě více.

Jsou to malé obrázky, které vypadají špatně. Malé logo JPG v horní části webu, screenshot rozhraní, tyto opravdu nemají mnoho informací, se kterými by bylo možné pracovat pro zdvojnásobení pixelů, a proto vyjdou vypadat docela žalostně.

Filmy a televizní pořady

Retina MacBook Pro sešrotovala svou optickou jednotku stejně jako MacBook Air, takže jsem evidentně neměl žádné zkušenosti s DVD, ale z velké části jsou videa jako obrázky. Skvělý vzhled lepší a špatný vzhled horší.

Digitálně stažené filmy ve vysokém rozlišení svítí na displeji, zatímco živé vysílání Netflix / Hulu vypadá znatelně drsně. Naštěstí vzdálenost, ve které obvykle sleduji show, je mnohem dále zpět než tam, kde pracuji, takže problémy s rozlišením obvykle nejsou tak znatelné.

Fotografování

Protože fotografuji s Canon 5D Mk II, moje fotky vyjdou pěkně a velké. Vypadají skvěle na displeji sítnice a neměl jsem problémy s přiblížením a úpravou jemných detailů. Jediným skutečným problémem je, že software (Photoshop & Lightroom) ještě nebyl zkrášlen na sítnici, a to ani v CS6.

Psaní

Z čistě psacího hlediska je obrazovka sítnice neuvěřitelně dobrá. Typografie 220 pixelů na palec je krásná věc. Vytáhnu Writeroom, přepnu do celoobrazovkového režimu a zablokuji svět.

Po několika hodinách je snadné zapomenout, jak vypadá dobrý typ. Nicméně během několika sekund po vyvolání textového dokumentu na displeji s nízkým rozlišením jsou všechny pixely. Špinavé, ošklivé pixely.

Tento typ také nevypadá dobře ani na délce paže. Dokážu přilepit obličej co nejblíže k obrazovce, protože moje oči to zvládnou a typ se zdá být stále ostrý.

Typografie je na obrazovce sítnice krásně svěží.

Photoshop, Design a Screenshots

Nyní přichází část, o které opravdu chcete slyšet: jak je to Photoshop? Můžeš na to navrhnout?

Návrháři iOS by to měli považovat za užitečné

Začnu tím, že řeknu, že nejsem návrhář iOS. Tito kluci byli až doposud nuceni navrhovat grafiku sítnice na sítích bez sítnice a já si představuji, že touží po přepnutí.

Mám opačný problém: navrhování nesetinové grafiky na obrazovce sítnice. Možná nebudete očekávat, že to bude bolest, ale abych byl upřímný, opravdu to tak je.

Je to proto, že ztratíte veškerou představu o rozlišení, když jste v dolním rozmezí ppi. Při procházení bych mohl ignorovat malé zubaté obrázky, ale když jsem v křesle tvůrce, můj mozek zkoumá každý pixel.

Pixel Doubled Artwork Sucks

"Abych správně pochopil, zda je kresba na stejné úrovni, musím se na to podívat na své staré obrazovce."

Na obrazovce sítnice vypadá vše, co vytvářím nebo importuji do Photoshopu ve standardním webovém rozlišení, jako svinstvo. I když něco budu tvořit ve vektoru, pokud nebudu ochoten ho exportovat jako SVG a většinu času to ještě není možnost (zatím), bude to stále výstup pro malý JPG nebo PNG, který vypadá super pixelovaný, protože moje obrazovka se pokusí zdvojnásobit své rozlišení.

To představuje spoustu složitých problémů, a to jak při práci s vlastním uměleckým dílem, tak s prací ostatních. Měl bych ji postavit pro své vlastní dílo s nízkým rozlišením? Tím se zhoršuje moje schopnost posoudit její jasnost. Nebo bych si ji měl postavit s vysokým rozlišením a zmenšovat ji na outpur? Nejsem si jistý, jestli jste si toho všimli, ale Photoshop může při změně měřítka opravdu smazat rastrové kresby.

Je to také problém, když používám umělecká díla od někoho jiného. Jste-li designér, pravděpodobně dostanete umělecká díla třetích stran, která jsou mizerná a pixelovaná. Následně se buď rozhodnete požadovat lepší přeskočení uměleckých děl s použitím tohoto nástroje.

Pro mě je to mnohem obtížnější, protože na první pohled bude vždy vypadat špatně na displeji sítnice, pokud se to nestane obrovským. Abych správně zjistil, zda je kresba na stejné úrovni, musím se na ni podívat na své staré obrazovce.

Screenshoty

"Najednou jsou screenshoty, které beru, dvojnásobné velikosti, než jsem zamýšlel!"

Vzhledem k tomu, že bloguji pro bydlení, si myslím, že je bezpečné říci, že pořizuji více snímků obrazovky než průměrný člověk. Vždy pracuji se snímky obrazovky z rozhraní aplikace nebo z webu a zahrnu je do příspěvků.

Displej sítnice mě tady zasáhl zlou curveball. Najednou jsou screenshoty, které beru, dvojnásobné velikosti, než jsem zamýšlel! Když změníte velikost, screenshoty uživatelského rozhraní se svou rastrovou grafikou a drobným textem opravdu vypadají ošklivě na jakékoli obrazovce, takže se je vždy snažím použít na 100%, je-li to možné.

S obrazovkou sítnice je nyní to, co bylo dříve screenshotem široké 510 pixelů (standardní velikost obrazu Design Shack), nyní široké 1 020 pixelů. Pokud úplně ignoruji uživatele sítnice a předstírám, že neexistují, logika říká, že bych měl zobrazovat obrázky, které mají šířku 510 pixelů, což znamená, že je musím ve Photoshopu manuálně změnit jejich velikost a vyrovnat se s tím, že vypadají, jako by byli stačí projet kamionem, zejména pokud jde o rastrovaný text.

Nezapomeňte, že mi samozřejmě připadají horší než většina uživatelů, protože jste uhodli, že jsem na obrazovce sítnice.

Změňte své rozlišení hloupé

Představil jsem své dilema obrazovky několika různým lidem a všichni říkají to samé: stačí změnit rozlišení! Vypadá to jako dokonale proveditelné řešení, ale ukázalo se, že to není tak jednoduché.

Retina MacBook Pro přichází s pěti různými nastaveními rozlišení. Tady je to, co se stane, když zvolím dvě různá rozlišení, udělám snímek ze stejného přesného okna a poté je vložím vedle sebe do Photoshopu.

Jak vidíte, vyjdou přesně stejné velikosti. Změna rozlišení v předvolbách systému ovlivní celkovou velikost celkového snímku obrazovky, ale většinu času prvky v rámci snímku vyjdou nezměněny.

Pro ilustraci uvádíme, kolik z tohoto okna se vejdu do dokumentu o šířce 510 pixelů v plné velikosti:

Pokud jste právě proklel, pak vaše reakce byla na místě s mým vlastním.

Práce na světlé a ostré obrazovce

"Po polovině dne, kdy jsem skákal mezi sítnicí a obrazovkou bez sítnice, jsem se doslova cítil mořsky nemocný!"

Na mém starém MacBooku jsem obvykle pracoval v plném jasu. Četl jsem spoustu věcí o výdrži baterie, namáhání očí a podobně, ale nikdy se mi nelíbilo, jak to vypadalo, pokud nebyl jas zahnut.

Na této nové obrazovce je plný jas pro většinu scénářů osvětlení absolutně příliš jasný. Sítnice? Spíš jako obrazovka pro vypalování sítnice. To je skvělé, i když bych raději měl obrazovku, která je příliš jasná a musí být potlačena.

Zajímavé je, že jsem si všiml nějaké občasné bolesti hlavy od přepnutí. Obrazovka je tak jasná a ostrá, mysleli byste si, že je to pro oči jednodušší, ale může dojít k bodu, kdy to zachází příliš daleko a způsobí větší namáhání očí, než ušetří. Dokud budu mít jas pod kontrolou, nemyslím si, že to bude z dlouhodobého hlediska hlavní problém.

Ostrost obrazovky byla opravdu problémem první den, když jsem přenášel vše ze starého stroje na nový. Když jsem trávil půl dne skokem mezi sietnicí a obrazovkou bez sítnice, doslova jsem se cítil nemocný na moři!

Potíže růstu

"S novou technologií přicházejí nové výzvy a ti, kdo brzy přijmou jako já, jsou ti, kdo platí cenu"

Takže to máte, můj úplný seznam pochvaly a stížností týkajících se mé nové sítnice MacBook Pro. Záměrně je tento článek zaměřen na výzvy práce na obrazovce sítnice více než na výhody. Pokud budu upřímný, výhody mě odvedou pryč a nejsem ani trochu trochu líto mého nákupu. Tento počítač absolutně miluji a neváhám říct, že je to nejlepší, co jsem kdy použil.

Všechny výše uvedené boje jsou jen rostoucí bolesti. S novou technologií přicházejí nové výzvy a první adoptivisté jako já jsou ti, kdo platí cenu (obrazně a doslova) výměnou za vlastnictví nových lesklých hraček, které nikdo jiný nemá.

Roky po cestě, když všechny nové počítače zasáhly 220ppi a mají pevné disky jako standardní součásti, bude cena této technologie mnohem dostupnější a sankce za její použití téměř neexistují.

Porovnání rozlišení obrazovky počítače z The Verge

Téměř každá stížnost, kterou jsem uvedl výše, se fakticky snižuje tím, že vlastním počítač s displejem s vyšším rozlišením, než lidé, pro které navrhuji. Jakmile jsme všichni na stejné stránce, vše se dramaticky zjednoduší.

Řeknu však, že vlastnictví zařízení s obrazovkou sítnice v kvalitě může zvýšit váš pocit naléhavosti problému s obrazem, kterému nyní čelíme na webu. Chcete, aby uživatelé sítnice měli krásné obrázky, ale stojí za to zasáhnout čas pro uživatele bez sítnice? Naštěstí se začínají objevovat opravdu skvělá řešení jako Retina.js, která tento problém zmírní.

Přesto, v blízké budoucnosti, kde musíme vytvářet a nahrávat dvojnásobné obrázky, na které jsme zvyklí, není zrovna něco, na co bychom se měli nadchnout, že?

Co myslíš?

Doufejme, že tento obrovský výkřik nebyl úplnou hromádkou pohonu. Mým záměrem bylo pomoci návrhářům, kteří přemýšlejí, zda by si měli koupit sítnici Mac, učinit informované rozhodnutí. Příliš mnoho zdrojů v současné době uvádí buď jen dobré, nebo jen špatné, a chtěl jsem se podělit o všechny své myšlenky a nechat se sami rozhodnout, zda je pro vás sítnice Mac správná.

Co si myslíte o této poznámce? Pokud jste si ještě nekoupili počítač s displejem v kvalitě sítnice, myslíte si, že budete brzy? Proč nebo proč ne? Pokud ano, co si o tom myslíte? Doporučil byste to ostatním?