Rzuć okiem na dowolny zrzut ekranu z iPhone'a sprzed iOS 7, a będziesz się zastanawiać, jak kiedykolwiek używaliśmy tak ohydnego interfejsu przez tyle lat. Skeumorficzny język projektowania zawierał tyle sztucznego drewna, błyszczącego plastiku i szarego gradientu, że prawie nie ma miejsca na umieszczenie rzeczywistej zawartości aplikacji.
iOS 7 poszedł drogą za daleko w przeciwnym kierunku, z płaskimi białymi stronami i chudym tekstem. Czy to przycisk? Czy to tylko etykieta? Czy mogę to nacisnąć? Kto wie? Nadal cierpimy z powodu tej niejednoznaczności interfejsu użytkownika w iOS 13. Tekst zrobił się grubszy, ale nadal nie wiadomo, co nacisnąć, a co tylko przeczytać.
Najwyraźniej istnieje przestrzeń między tymi dwoma skrajnościami. Coś tak czystego jak iOS 7, a jednocześnie tak oczywistego i użytecznego jak iOS 6 i poprzednie wersje. Ale jak by to wyglądało? wiem co ja chcieć to wyglądać. Nazywa się „neumorfizmem” i wygląda fantastycznie.
Neumorfizm
Neumorfizm jest pojawiający się trend w projektowaniu. Słowo jest amalgamatem nowy (lub „nowy”) i skeuomorfizm.
![David ofiare dryblował Neo Spotify](/f/91b62376542b91e3414c505f516c8c76.jpg)
Zdjęcie: David Ofiare/Dribbble
W przeciwieństwie do skeuomorfizmu, który naśladuje świat fizyczny w absurdalnym, hiperrealistycznym stopniu, neumorfizm dodaje element fizyczny do dzisiejszego paradygmatu płaskiego interfejsu użytkownika. Jedno spojrzenie na zdjęcia w tym poście powie Ci o tym wszystko. Subtelne efekty świetlne lub cieniowanie nadają płaskiej płaszczyźnie teksturę i głębię. Kolor jest używany oszczędnie i rozsądnie, aby ułatwić nawigację. Nigdy więcej nie spojrzysz na szary, podobny do etykiety „przycisk” i nie będziesz się zastanawiać, czy jest włączony, czy wyłączony. Będziesz wiedział od razu, ponieważ będzie podniesiony (lub nie) lub kolorowy (lub nie).
Porównaj inne zrzuty ekranu tutaj z tym z mojego iPada, gdy piszę ten artykuł:
![Przeciągnięty obraz 3 Co się stanie, gdy napiszę list?](/f/c49af2e18699cda2ae73d46937d58244.jpeg)
Zdjęcie: Kult Mac
Ten zrzut ekranu pokazuje Ulissesa działającego obok Safari. Która z tych aplikacji jest obecnie skupiona? Kiedy piszę, czy litery pojawią się w Ulissesie, czy nie? Nie wiem, a właściwie piszę teraz ten artykuł. Wyobraź sobie, że zamiast tego jedno okno zostało nieco podniesione lub gdyby aktywne okno miało przyciski 3D, podczas gdy przyciski nieaktywnego okna pozostały płaskie.
Neumorfizm już tu jest
Projektant Notatki Davida Ofiare że trend ten rozpoczął się w listopadzie 2019 r., chociaż wydaje się, że odnosi się do koncepcji projektowych na Dribbble. Jednak ten język projektowania jest już dostępny w aplikacjach App Store, takich jak Klevgrand Symulator wzmacniacza Starka.
![Zdjęcie 16 02 2020 12 33 Stark z imienia i natury.](/f/5eca59e1a1af0559c870ba8e60900183.jpeg)
Zdjęcie: Klevgrand
Ten jest trochę płaski, ale używa koloru do pokazania stanu. Kocham to. Teraz sprawdź Hillmana, stara aplikacja do syntezatorów od tego samego programisty. To podręcznikowy przykład neumorfizmu.
![Obraz 16 02 2020 12 38 Co za piękność! Aplikacja Hillman vintage firmy Klevgrand to podręcznikowy przykład neumorfizmu](/f/245eb09771f272883d4343cc4d4e6750.jpeg)
Zdjęcie: Klevgrand
A te aplikacje są już dostępne na iPadzie lub Macu.
Dlaczego tryb ciemny jest mylący
Jeden z ostatnich trendów w zakresie interfejsu użytkownika, przyjęty przez Apple, w rzeczywistości utrudnia jasne projektowanie interfejsu użytkownika. Tryb ciemny, dostępny na macOS i iOS, uniemożliwia korzystanie z cieni, bo jak zobaczyć cień na czerni? W iOS nie ma to większego znaczenia, ponieważ mobilny system operacyjny nie oferuje wskazówek dotyczących głębi. Ale na Macu, gdzie subtelne cienie pokazują poziom nakładania się okien, tryb ciemny sprawia, że trudno jest zobaczyć, co jest na górze. Neumorfizm może pomóc, ponieważ jego subtelne trójwymiarowe cieniowanie wykorzystuje zarówno światła, jak i cienie.
Czy Apple przyjmie neumorfizm?
Jestem wielkim fanem tego trendu neumorfizmu. Jest przyjemny dla oka, a jednocześnie bogaty wizualnie i może przekazać wiele informacji o stanie. A to dlatego, że wykorzystuje wskazówki ze świata rzeczywistego. My, ludzie, jesteśmy niesamowici w dokonywaniu subtelnych rozróżnień na temat rzeczywistego świata i tego języka projektowania — niezależnie od tego, czy nazwiesz to neumorfizmem, miękki interfejs użytkownika lub inaczej — używa tych samych subtelnych wskazówek ze świata rzeczywistego. Jest czysta i łatwa, bo prawie nie musimy się wysilać, żeby ją rozszyfrować.
![Ios7 iOS 7 był antidotum na skeumorfizm, który posunął się za daleko.](/f/01324d7900e8105d8ab478f05f300474.jpg)
Zdjęcie: Jabłko
Ten rodzaj hybrydy świata rzeczywistego / kreskówkowego może wyglądać na tak przestarzały, jak zielone tło sukna w Game Center lub GarageBand drewniane policzki. Ale w tej chwili jest to ogromna poprawa w stosunku do tego, co mamy, zarówno pod względem estetycznym, jak i użyteczności.
Apple wydaje się być zadowolony z obecnego języka projektowania iOS, więc być może będziemy musieli utrzymać się z programistami aplikacji, którzy idą sami. Z drugiej strony pojawiają się pierwsze oznaki. Projektant Michał Malewicz, którego jeden z komentatorów strony internetowej ukuł termin neumorfizm, wskazuje Apple własne narzędzia do oznaczania iOS 13:
![Obraz 22 10 2019 09 22.eace41c4c8524ad19084561a1091beee Kolorowe nowe narzędzia do oznaczania zrzutów ekranu w iOS 13](/f/35adffaddc988ac66afb621c47583858.jpg)
Zdjęcie: Andrea Nepori
Jeśli jabłko zrobił zmień system iOS lub macOS, aby wyglądał tak, prawie każdy dobry programista podążałby za nim. I wyobraź sobie, jak by to wyglądało, gdyby cały Twój iPhone lub iPad wyglądał i działał w ten sposób. Właśnie dodaj menu, oraz napraw wielozadaniowość, a iPad byłby prawie rozwiązany. Podejście neumorficzne może również pomóc w zapewnieniu dostępności, czyniąc iPhone'a i iPada łatwiejszymi w użyciu dla wszystkich.
Czy neumorfizm się utrzyma? Kto wie. Ale mam nadzieję, że naprawdę wystartuje.