Проектиране на екрана на ретината: Моите мисли върху Retina MacBook Pro

220.5 пиксела на инч: 2800 широки и 1800 високи за общо над пет милиона пиксела. Това е екранът, върху който работя в момента, на пълен работен ден. Това поражда множество въпроси: Apple има ли бизнес, който прави такъв екран? Ще помогне ли или ще попречи на индустрията? Можете ли наистина да вършите дизайнерска работа върху това нещо, ако проектирате за екрани без ретина?

Днес ще ви разкажа всичко за моя опит с машината, който заплашва да промени начина, по който вършите работата си. Няма да сдържам нищо, докато се възхищавам на това, което обичам и разяждам за онова, което ме кара да се гаври. Прочетете заедно и вижте дали сте съгласни с моите заключения.

Разгледайте елементи Envato

Опасявам ти Apple

През последното десетилетие ние, дизайнерите, се фокусирахме върху това как да се справим с основната промяна в парадигмата под формата на все по-различни размери на екрана. Това предизвикателство ни разшири до края на остроумието, но ни изведе от другата страна по-добри дизайнери, способни да постигнат впечатляващи подвизи на наистина гъвкави уебсайтове, които изглеждат страхотно на всеки размер на екрана.

Mediaqueri.es показва отзивчив уеб дизайн, който изглежда страхотно навсякъде.

Въпреки че вниманието ни беше съсредоточено върху една основна промяна в парадигмата, към нас се появи още една: резолюция. Инерцията зад тази смяна наскоро дойде от Apple със своите дисплеи за качество на ретината, сега присъстващи на iPhone, iPod Touch, iPad и MacBook Pro, като iMac и MacBook Air без съмнение ще последват известно време през следващата година или две,

Apple може да не е първият или единствен производител на електроника, който пуска дисплеи с висока разделителна способност, нито те почти винаги са първите. Въпреки това, харесва ви или не, те исторически поставиха знака за широкото възприемане на големи технологични промени (това е частта, в която прескачате всичко останало, което казвам, за да можете да се разсърдите за това, колко това не е вярно в коментарите).

Както при революцията в размера на екрана, това представя на дизайнерите огромна промяна в парадигмата, която променя всичко. Това препятствие може да се окаже дори по-трудно за преодоляване от последното и изисква незабавното ни внимание и спекулации. Още през март публикувах дискусия по тази тема.

Оттогава закупих Retina MacBook Pro, машината, която разчупи дисплея на ретината от хубавата си малка градина, обградена с iOS и в сферата на нещо, което хората от всякакъв тип професии ще използват за работа. След седмици работа на машината на пълен работен ден, реших, че би било подходящо да споделя моя опит с вас.

Трябва ли дори да съществуват екраните на ретината?

„Като виждаме, че екраните с висока плътност стават все по-големи и по-големи, започвам да разпитвам, защо? Само защото можем? - Джон Кери
Петдесет сенки за крака

Напоследък прочетох няколко статии от творци, които всъщност са доста ядосани на Apple, че тласкат индустрията по толкова труден път. Подобно на Иън Малком, който каститира Джон Хамънд заради прибързаното си решение да върне динозаврите от мъртвите, тези критици настояват, че това, че Apple може да направи такъв екран, не означава, че трябва .

Един ден с екрана на ретината ме убеди, че критиците грешат. Просто е толкова гадно красиво. Едва търпя да погледна стария си MacBook. Очите ми се отвориха и изведнъж същият екран, с който никога не съм имал проблем, изглежда направо тъмен и кален.

Трябваше ли да спрем на видеорекордера?

Единственият начин да оцените наистина какво е това, без да го изпитвате сами, е да намерите стара CRT телевизия и да я закачите на видеорекордер, за да можете да гледате филм. Сериозно, иди да опиташ. След секунди ще се чудите как в света някога сте успели да издържите толкова лошо визуално изживяване. Десет минути от това и ще благодарите на технологичните богове всеки ден за всемогъщия Blu-ray.

Болка беше да премина от VHS касети, но поглеждайки назад сега, си струваше.

В перспективата, която имаме сега, поглеждайки назад, и клиентите, и продуцентите във филмовата индустрия са по-добри, защото оставиха VHS лентата като основен метод за възпроизвеждане и разпространение на видео. Беше ли неудобна революцията за всички участващи? Абсолютно.

Създателите на съдържание трябваше да се научат, да приемат и дори да разработят съвсем нови начини за правене на неща. Клиентите трябваше да изоставят старо оборудване и много съдържание, да правят нови покупки, които изглеждаха излишни с предишните, да научат нов жаргон; беше каша. И това ги стигна само до сцената на DVD, мнозина все още са в разгара си към Blu-ray или може би дори чисто цифрово решение като iTunes и Apple TV.

„Авансите не се основават на това дали ще причинят неудобство на някого или не. Особено когато Apple е на мястото на водача. "

Пристигането на компютри с висока разделителна способност представлява същите проблеми както за потребителите, така и за създателите на съдържание. За съжаление, така работи технологичната индустрия. Напредките се постигат, когато има пазар за тях и технологичното знание как е налице, за да доведе до качествен резултат, който потребителите могат да си позволят. Те не се основават на това дали ще причинят неудобство на някого или не. Особено когато Apple е на мястото на водача.

И това е хубаво нещо. Разбира се, може да не изглежда така, но имайте предвид, че навремето компютърните монитори са притежавали само шепа цветове и можете да се обзаложите, че в индустрията по това време е имало хора, които са настоявали да не продължават повече. Сигурен съм, че се радвате, че го направиха, така че спрете да бъдете един от хората, които се влачат да ритат и крещят в прогрес и вместо това се опитайте да атакувате предизвикателства начело и да допринесете с нещо ценно за разговора.

Живот и работа върху Retina MacBook Pro

"Знаех, че ще има някакви неприятности и има."

Дали екраните на ретината трябва да съществуват на пазара на мейнстрийм, наистина е без значение. Те правят, а вие имате два варианта: адаптирайте се или умрете. Като бивш дизайнер само за печат се сблъсках с този избор, Flash разработчиците в момента са изправени пред този избор, а може и да се присъедините към клуба.

Всичко се отнася за адаптацията, така че поех по рано маршрута за приемане и скочих на този влак, преди да имам представа накъде върви. Оставих зад себе си MacBook 2007 13 13 и си купих лъскав нов, 15, Retina MacBook Pro.

Знаех, че ще има някакви неприятности и има. Някои от тези, за които се тревожех, се оказаха не особено, други, които не разчитах да се промъкна и ме измъчиха до безсилие.

Хиляда шапки

Във всеки един ден нося няколко метафорични шапки. Аз съм дизайнер, писател, фотограф, уеб браузър, гледач на филми; ти го наречеш.

Поради това мога да предложа поглед върху много различни преживявания от гледна точка на ретината. Единственото нещо, което не съм признат, е геймър. Израснах привързан към контролера на Nintendo и никога не съм имал интерес към компютърните игри, така че ще трябва да попитате другаде, ако търсите прозрение в тази област.

Ето един поглед на някои основни категории ежедневна употреба и моите мисли за всяка.

Обща употреба на ОС

В момента работя с OS X Lion и изглежда 99% актуализиран за графиката на ретината. От време на време улавям сайт на бутон, който изглежда пикселиран, но само в дълбоко заровени комунални услуги, които малцина дори използват така или иначе.

В по-голямата си част това е мястото, където дисплеят свети. Всичко изглежда абсолютно зашеметяващо. Apple обнови не само основната система, но и повечето си приложения, като iMovie.

Приложения на трети страни

Тази област беше притеснителна, когато закупих машината, но се оказа по-малко значим проблем, който смятах, че ще бъде.

Много от любимите ми приложения, като Sublime Text 2, изглеждаха грубо в началото, но вече получиха актуализации на ретината, които ги правят по-добри от всякога.

Разбира се, повечето приложения все още не са се актуализирали, но въпреки че са пристрастени към приложения, наистина не са толкова много приложения, които използвам ежедневно. С изключването на CS6, за което ще обсъдим по-късно, единственото приложение, което използвам всеки ден, което наистина ме държи, е Twitter за Mac.

Това приложение наистина показва неприятността на неретината графика на дисплея на ретината. Интересно е, че текстът на живо, който може да се редактира, като този, който се появява в прозореца „нов туитър“, изглежда добре, но целият ви поток е отвратителен, от текст до аватари.

Уеб сърфиране

„Малките изображения изглеждат зле. Малкото лого на JPG в горната част на уебсайта, екранната снимка на интерфейса… ”

Сърфирането в интернет наистина ме уплаши. Знаех напълно, че мрежата е свят с ниска разделителна способност и насочването на 15 ″ екрана на ретината към нея е все едно да направите лупа към снимка с нисък DPI.

За моя изненада, ние се подготвихме за тази революция забележително добре, дори и напълно случайно. В манията ни да спестяваме честотна лента чрез изграждане на уеб графика без изображения, ние всъщност изграждахме мрежа, която е безкрайно мащабируема.

Повечето потребителски интерфейс в наши дни е изграден с добри стари HTML, CSS и JavaScript. Хвърлянето на дисплея на ретината при тези графики само ги прави да изглеждат по-добре! За протокол, със сигурност не може да се каже същото за Flash сайтове.

Истинският проблем, разбира се, е в образите. Интересното е, че по-голямата част от сърфирането ми в мрежата минава без нито един поглед и аз съм разделителна гайка.

Професионалните снимки особено изглеждат страхотни. Круиз до Flickr или 500px и ще намерите изживяването също толкова приятно, както винаги, може би дори още повече.

Малките изображения изглеждат зле. Малкото лого на JPG в горната част на уебсайта, екранната снимка на интерфейса, те наистина нямат много информация за работа за удвояване на пиксели и следователно изглеждат доста плачевно.

Филми и телевизионни предавания

Retina MacBook Pro бракува оптичното си устройство точно като MacBook Air, така че очевидно не съм имал опит с DVD дискове, но в по-голямата си част видеоклиповете са като изображения. Страхотният изглежда по-добре, а лошият изглежда по-зле.

Дигитално изтеглените HD филми блестят на дисплея, докато Netflix / Hulu поточното предаване на живо изглежда забележимо назъбено. За щастие, разстоянието, на което обикновено гледам предаване, е много по-назад, отколкото където работя, така че проблемите с разрешаването обикновено не са толкова забележими.

Фотография

Тъй като снимам с Canon 5D Mk II, снимките ми излизат хубави и големи. Те изглеждат чудесно на дисплея на ретината и не съм имал проблеми с увеличението и редактирането на фини детайли. Единственият истински проблем е, че софтуерът (Photoshop & Lightroom) все още не е разкрасен на ретината, дори и в CS6.

писане

От чисто гледна точка на писане, екранът на ретината е изумително добър. Типографията с 220 пиксела на инч е красиво нещо. Изтеглям Writeroom, преминавам в режим на цял екран и блокирам света.

След няколко часа е лесно да забравите колко добре изглежда видът. В рамките на секунди след показването на текстов документ на дисплей с ниска резолюция, всичко, което виждам, са пиксели. Мръсни, грозни пиксели.

Типът не изглежда добре и на дължината на ръката. Мога да залепя лицето си толкова близо до екрана, колкото очите ми могат да се справят и типът все още изглежда остър.

Типографията е красиво свежа на екрана на ретината.

Photoshop, дизайн и екранни снимки

Сега идва частта, за която наистина искате да чуете: как е Photoshop? Можете ли да проектирате това нещо?

iOS дизайнерите трябва да го намират за полезен

Ще започна с това, че не съм дизайнер на iOS. Тези момчета бяха принудени да проектират гратина на ретината на екрани без ретина досега и си представям, че нямат търпение да превключат.

Имам обратния проблем: да проектирам графика на неретина на екрана на ретината. Може да не очаквате, че това е болка, но за да бъда честен, наистина е така.

Това е така, защото губите всяка концепция за разделителна способност, когато сте в долния диапазон на ppi. Може да успея да игнорирам малки небрежни изображения, когато разглеждам, но когато съм на креативния стол, мозъкът ми изследва всеки пиксел.

Художествените произведения на пиксела удвоени

„За да получа правилно усещане за това дали произведението на изкуството е равно на или не, трябва да го разгледам на стария си екран.“

На екрана на ретината всичко, което създавам или импортирам във Photoshop със стандартна уеб резолюция, изглежда като глупост. Дори и да изградя нещо във вектор, освен ако не съм готов да го експортирам като SVG и през повечето време това не е опция (все още), все пак ще получавам изход в малък JPG или PNG, който изглежда супер пикселиран, защото екранът ми се опитва да удвои разделителната си способност.

Това представлява много трудни проблеми, както когато работя със собствените си произведения на изкуството, така и с тези на другите. За моето собствено произведение на изкуството трябва ли да го изградя с ниска резолюция? Това нарушава способността ми да преценя яснотата му. Или трябва да го изградя с висока разделителна способност и да го мащабирам за изход? Не съм сигурен дали сте забелязали, но Photoshop наистина може да изтрие растерните произведения на изкуството при мащабиране.

Проблем е и когато използвам произведения на изкуството от някой друг. Ако сте дизайнер, тогава вероятно обикновено получавате произведения на изкуството на трети страни, които са глупави и пикселирани. Следователно ще изберете или да изискате по-добро произведение на изкуството, като го използвате напълно.

За мен това е много по-трудно, защото на пръв поглед винаги ще изглежда зле на дисплея на ретината, освен ако не се случи огромно. За да имам правилно усещане за това дали произведението на изкуството е равно на или не, трябва да го разгледам на стария си екран.

Снимки от играта

"Внезапно скрийншотите, които вземам, са двойно по-големи от предвидените от мен!"

Предвид факта, че правя блог за прехраната, мисля, че е безопасно да кажа, че вземам повече снимки от обикновения човек. Винаги работя със скрийншоти от интерфейса на приложението или уебсайта и ги включвам в публикации.

Дисплеят на ретината ме удари тук с нечестива крива топка. Изведнъж скрийншотите, които вземам, са двойно по-големи от размера, който възнамерявах! Когато сте преоразмерени, екранните снимки на потребителския интерфейс, с растерната си графика и мъничък текст, наистина изглеждат гадни на всеки екран, така че винаги се опитвам да ги използвам на 100%, когато е възможно.

С екрана на ретината това, което преди беше широк екран от 510 пиксела (стандартният размер на изображението на Shack Design), сега е широк 1020 пиксела. Ако пренебрегна напълно потребителите на ретината и се преструвам, че не съществуват, логиката казва, че трябва да покажа изображения с ширина 510px, което означава, че трябва да ги преоразмеря ръчно във Photoshop и да се примиря с факта, че изглеждат като просто прескочете от камион, особено когато става въпрос за растризиран текст.

Имайте предвид, те, разбира се, ми изглеждат по-зле от повечето потребители, защото, предположихте, аз съм на екрана на ретината.

Променете своята резолюция глупаво

Представих дилемата на екрана си на няколко различни хора и всички те казват едно и също: просто променете своята резолюция! Това изглежда като напълно жизнеспособно решение, но се оказва, че не е толкова просто.

Retina MacBook Pro се предлага с пет различни настройки за резолюция. Ето какво ще се случи, ако избера две различни резолюции, направя екранна снимка на един и същ точен прозорец, след което ги залепя един до друг в Photoshop.

Както можете да видите, те излизат с точно същия размер. Промяната на разделителната способност в System Preferences влияе върху общия размер на общия екран, но повечето време елементите в екрана излизат непроменени.

За протокола, ето колко от този прозорец мога да вместя в 510px документ в пълен размер:

Ако просто ругаехте, тогава вашата реакция беше забелязана със собствената ми.

Работа върху ярък, остър екран

"Прекарвайки половината ден, скачайки между екрана на ретината и неретината, буквално ме накара да се почувствам морска!"

В стария си MacBook обикновено работех при пълна яркост. Прочетох много неща за живота на батерията, напрежението на очите и какво ли още не, но никога не съм харесвал начина, по който изглеждаше, освен ако яркостта не е извита.

На този нов екран пълната яркост е абсолютно прекалено ярка за повечето сценарии за осветление. Екран на ретината? По-скоро като екран за изгаряне на ретината. Това е чудесно, но по-скоро бих предпочел да има екран, който е твърде светъл и трябва да бъде обърнат надолу.

Интересното е, че забелязах някои случайни главоболия от смяната. Екранът е толкова ярък и остър, бихте могли да мислите, че е по-лесно за очите, но може да има точка, в която той отива твърде далеч и причинява повече напрежение на очите, отколкото спестява. Докато поддържам яркостта в проверка, не мисля, че това ще бъде основен проблем в дългосрочен план.

Остротата на екрана наистина беше проблем само в първия ден, когато прехвърлях всичко от старата машина към новата. Прекарването на половината ден прескачане между екрана на ретината и неретината буквално ме накара да се почувствам морска болна!

Нарастващи болки

„С новата технология се появяват нови предизвикателства и ранните осиновители като мен са тези, които плащат цената“

И така, имаш го, пълният ми списък с похвали и оплаквания относно новата ми Retina MacBook Pro. Умишлено тази статия е фокусирана върху предизвикателствата на работата на екрана на ретината повече от ползите. Ако съм напълно откровен, ползите ме разрушават и аз не съжалявам малко за покупката си. Абсолютно обичам този компютър и няма да се поколебая да кажа, че това е най-доброто, което съм използвал.

Всички борби, които изброих по-горе, са просто нарастващи болки. С новите технологии идват нови предизвикателства и ранните осиновители като мен са тези, които плащат цената (образно и буквално) в замяна на притежаване на лъскави нови играчки, които никой друг няма.

Години по-надолу, когато всички нови компютри удрят 220ppi и имат твърди дискове като стандартни компоненти, ценоразписът за тази технология ще бъде много по-достъпен, а санкциите за използването им почти не съществуват.

Сравнение на компютърната резолюция на екрана от The Verge

Почти всяко оплакване, което изброих по-горе, се свежда до факта, че притежавам компютър с дисплей с по-висока разделителна способност от хората, за които проектирам. След като всички сме на една и съща страница, всичко ще бъде драстично опростено.

Ще кажа обаче, че притежаването на устройство с екран за качество на ретината може да засили вашето усещане за неотложност за проблема с изображението, с който сега се сблъскваме в мрежата. Искате потребителите на ретината да имат красиви изображения, но заслужава ли си да се удари времето за натоварване за потребителите, които не са на ретината? За щастие, някои наистина страхотни решения като Retina.js започват да се появяват, което ще облекчи този проблем.

И все пак, близко бъдеще, в което трябва да създаваме и качваме удвоени изображения, които бяхме свикнали, не е точно нещо, за което да се вълнуваме, нали?

Какво мислиш?

Да се ​​надяваме, че този огромен тираж не беше пълна купчина от пътешествие. Намерението ми беше да помогна на дизайнерите, които се чудят дали да купуват ретина Mac да вземат информирано решение. Твърде много източници в момента изброяват или само доброто, или само лошото и аз исках да споделя всичките си мисли и да ви оставя да решите сами дали ретината Mac е подходяща за вас.

В тази бележка какво мислите? Ако все още не сте закупили компютър с дисплей с качество на ретината, мислите ли, че скоро ще го направите? Защо или защо не? Ако имате, какво мислите за това? Бихте ли го препоръчали на други?