Хвърлете един поглед на всяка екранна снимка от iPhone преди iOS 7 и ще се чудите как сме използвали такъв ужасен интерфейс толкова години. Скеуморфният език за дизайн включва толкова много фалшиво дърво, лъскава пластмаса и сив градиент, че почти няма къде да поставите действителното съдържание на приложението.
iOS 7 отиде много твърде далеч в обратната посока, с плоски бели страници и слаб текст. Това бутон ли е? Само етикет ли е? Мога ли да го натисна? Кой знае? Ние все още страдаме от тази неяснота на потребителския интерфейс днес, в iOS 13. Текстът стана по -дебел, но все още е трудно да се знае какво да се натисне и какво има само за четене.
Ясно е, че има разстояние между тези две крайности. Нещо толкова чисто като iOS 7 и в същото време толкова очевидно и използваемо като iOS 6 и предишните версии. Но как би изглеждало това? Знам какво съм искам така да изглежда. Нарича се „неуморфизъм“ и изглежда фантастично.
Неуморфизъм
Неуморфизмът е нововъзникваща тенденция в дизайна. Думата е амалгама на neu (или „нов“) и скеоморфизъм.
![Дейвид Офиаре е дрибъл neo Spotify](/f/91b62376542b91e3414c505f516c8c76.jpg)
Снимка: Дейвид Офиаре/Дрибъл
За разлика от скеоморфизма, който имитира физическия свят до абсурдна, свръхреална степен, неуморфизмът добавя физически елемент към днешната плоска парадигма на потребителския интерфейс. Един поглед към изображенията в тази публикация ще ви разкаже всичко за това. Фините светлинни ефекти или засенчването добавят текстура и дълбочина към плоска равнина. Цветът се използва пестеливо и разумно, за да улесни навигацията. Никога повече няма да погледнете сив, подобен на етикет „бутон“ и да се чудите дали е включен или изключен. Ще разберете веднага, защото ще бъде повдигнат (или не) или оцветен (или не).
Сравнете другите екранни снимки тук с този на моя iPad, докато пиша тази статия:
![DraggedImage 3 Какво се случва, когато напиша писмо?](/f/c49af2e18699cda2ae73d46937d58244.jpeg)
Снимка: Култът към Mac
Тази екранна снимка показва Ulysses, работещ до Safari. Кое от тези приложения в момента е фокусирано? Когато пиша, ще се появят ли букви в Ulysses или не? Не знам и сега пиша тази статия. Представете си, ако вместо това един прозорец е повдигнат леко или ако активният прозорец има 3D бутони, докато бутоните на неактивния прозорец остават плоски.
Неуморфизмът вече е тук
Дизайнер Отбелязва Дейвид Офиаре че тази тенденция започна през ноември 2019 г., въпреки че той изглежда има предвид дизайнерските концепции на Dribbble. Този език за дизайн обаче вече е тук, в приложения на App Store като този на Klevgrand Stark усилвател симулатор.
![Изображение 16 02 2020 12 33 Старк по име и по природа.](/f/5eca59e1a1af0559c870ba8e60900183.jpeg)
Снимка: Клевгранд
Този е малко плосък, но използва цвят, за да покаже състояние. Обичам го. Сега проверете Хилман, винтидж приложение за синтезатор от същия разработчик. Това е учебник за неуморфизъм.
![Изображение 16 02 2020 12 38 Каква красота! Vintage synth приложението на Klevgrand Hillman е учебник за неуморфизъм](/f/245eb09771f272883d4343cc4d4e6750.jpeg)
Снимка: Клевгранд
И тези приложения са налични в момента, на вашия iPad или Mac.
Защо тъмният режим е объркващ
Една скорошна тенденция в потребителския интерфейс, възприета от Apple, всъщност прави изчистения дизайн на потребителския интерфейс по -труден. Тъмният режим, достъпен за macOS и iOS, прави невъзможно използването на сенки, защото как виждате сянка върху черно? Няма голяма разлика в iOS, тъй като мобилната операционна система не предлага дълбоки знаци. Но на Mac, където фините падащи сенки показват нивото на подреждане на прозорците, тъмният режим затруднява виждането какво има отгоре. Неуморфизмът може да помогне, защото неговото фино триизмерно засенчване използва както светли, така и сенки.
Ще прегърне ли Apple неуморфизма?
Аз съм голям фен на тази тенденция на неуморфизъм. Лесно е за очите, докато все още е визуално богат и може да предаде много информация за състоянието. И това е така, защото използва реплики от реалния свят. Ние, хората, сме невероятни в правенето на фини разлики за реалния свят и този език на дизайна - независимо дали го наричате неуморфизъм, мек потребителски интерфейс или по друг начин-използва същите фини реплики в реалния свят. Чисто и лесно е, защото не трябва да полагаме почти никакви усилия, за да го дешифрираме.
![Ios7 iOS 7 беше противоотрова срещу скеумморфизма, който отиде твърде далеч.](/f/01324d7900e8105d8ab478f05f300474.jpg)
Снимка: Apple
Този вид хибрид от реалния свят/карикатура може да изглежда като датиран като зелен фон на Game Center или на GarageBand дървени бузи. Но в момента това е огромно подобрение спрямо това, което имаме, както естетически, така и по отношение на използваемостта.
Apple изглежда доволна от сегашния език за дизайн на iOS, така че може да се наложи да се прехранваме от разработчиците на приложения, които се справят сами. След това отново се показват първите признаци. Дизайнерът Майкъл Малевич, един от чиито коментатори на уебсайта въведе термина неуморфизъм, посочва този на Apple собствени инструменти за маркиране на iOS 13:
![Изображение 22 10 2019 09 22.eace41c4c8524ad19084561a1091beee Цветните нови инструменти за маркиране на екранни снимки в iOS 13](/f/35adffaddc988ac66afb621c47583858.jpg)
Снимка: Андреа Непори
Ако Apple Направих превключете iOS или macOS, за да изглежда така, почти всеки добър разработчик ще го последва. И представете си как би изглеждало, ако целият ви iPhone или iPad изглеждаше и работи по този начин. Просто добавете менюта, и коригирайте многозадачността, и iPad ще бъде почти решен. Неуморфният подход също може да помогне с достъпността, правейки iPhone и iPad по -лесни за използване за всички.
Ще се придържа ли неуморфизмът? Кой знае. Но се надявам наистина да излети.