Pod koniec 2019 roku ukraiński projektant Alexander Plyuto wrzucił na Dribbble koncept aplikacji bankowej. Miękkie, wytłoczone przyciski wyglądające tak, jakby ktoś wypchnął je od spodu z tego samego materiału co tło. Żadnych obrysów, żadnych kontrastowych plam — tylko światło i cień.
Szot rozszedł się błyskawicznie. W ciągu kilku tygodni styl miał już nazwę — neumorfizm, zlepek „new" i „skeuomorphism" — a przez cały 2020 rok nie dało się otworzyć Dribbble ani Behance bez potknięcia się o kolejną wytłoczoną kartę. Powstały setki zestawów w Figmie, tutoriale, generatory cieni.
Do 2021 roku było po wszystkim.
To nietypowe. Style zwykle nie znikają tak szybko. Skeuomorfizm rządził dobrą dekadę, flat design kilka lat, a Material Design żyje do dziś w zmienionej formie. Neumorfizm miał wszystko — nazwę, viralowy start, gotowe narzędzia — i wyparował w osiemnaście miesięcy.
Warto zrozumieć dlaczego, bo odpowiedź mówi więcej o wybieraniu wyglądu strony niż dziesięć artykułów o trendach na 2026 rok.
Co to właściwie było
Neumorfizm stoi na jednej zasadzie technicznej i trzeba ją znać, żeby zrozumieć resztę.
Element ma dokładnie ten sam kolor co tło. Wrażenie głębi powstaje wyłącznie z dwóch cieni: jasnego z jednej strony i ciemnego z drugiej. Nie ma obrysu, nie ma różnicy wypełnienia, nie ma nic poza sugestią, że światło pada pod kątem.
To jest sprytne i naprawdę ładne w statycznym makiecie. Wygląda jak przedmiot wytłoczony z gumy albo z gliny. Do dziś robi wrażenie na zrzucie ekranu.
Z oryginalnego zestawu Alexandra Plyuto przyjęła się konkretna paleta: tło #e0e5ec, ciemniejszy cień #a3b1c6. Te dwie wartości stały się domyślne w połowie tutoriali, które wtedy powstały.
Jeśli chcesz zobaczyć, jak to działa od środka, mamy generator neumorfizmu — wybierasz kolor bazowy, a on sam liczy oba cienie w tym samym odcieniu. Wróć do niego po przeczytaniu następnego akapitu i spójrz na wynik jeszcze raz.
Liczba
Policz kontrast między tymi kolorami, a dostaniesz 1,7 do 1.
Wytyczne WCAG 2.1 w kryterium 1.4.11, dotyczącym elementów nietekstowych, wymagają co najmniej 3 do 1. Krawędź przycisku, obrys pola formularza, ikona niosąca znaczenie — wszystko to musi odróżniać się od otoczenia na tyle, żeby dało się je znaleźć wzrokiem.
Neumorfizm nie dobija nawet do połowy tego progu.
I teraz rzecz, która przesądziła o wszystkim: nie da się tego naprawić bez zabicia stylu. Gdy zwiększysz kontrast między powierzchnią a tłem, przestaje to być neumorfizm — staje się zwykłą kartą z dziwnie ustawionymi cieniami. Cała tożsamość stylu polegała dokładnie na tym, czego robić nie wolno.
Dlatego zniknął tak szybko. Nie przestał się podobać. Nie znudził się. Okazał się niemożliwy do poprawienia.
I nie chodzi tu o abstrakcyjną zgodność z wytycznymi. Chodzi o babcię, która próbuje znaleźć przycisk „zamów" na telefonie w słońcu. Przy 1,7 do 1 ona tego przycisku po prostu nie widzi.
W Warsztacie Barw jest przycisk „Dociągnij do AA". Bierze paletę i podnosi jasności tak, żeby role przeszły próg WCAG. Działa, bo w normalnej palecie zawsze jest co podnosić.
W neumorfizmie ten przycisk musiałby usunąć styl. Podniesienie kontrastu między powierzchnią a tłem to jedyna rzecz, której ten styl nie może przeżyć.
I mówimy to jako autorzy generatora, który go produkuje. Narzędzie zostaje przydatne — o tym za chwilę — ale żadne ustawienie suwaków nie wyprowadzi Cię powyżej progu, bo problem nie siedzi w doborze kolorów. Siedzi w samej zasadzie.
To nie był wypadek przy pracy
A teraz sedno, dla którego ta historia jest czymś więcej niż ciekawostką.
Neumorfizm nie potknął się o przypadkową przeszkodę. Potknął się o jedno pytanie, wokół którego kręci się cała historia interfejsów:
Skąd użytkownik ma wiedzieć, czego można dotknąć?
To pytanie nie zmieniło się od pierwszego graficznego interfejsu. Zmieniały się wyłącznie odpowiedzi — i dopiero z tej perspektywy historia stylów przestaje być listą mód, a staje się ciągiem prób rozwiązania jednego problemu.
Skeuomorfizm odpowiadał przez naśladowanie. Przycisk wyglądał jak fizyczny przycisk, notatnik miał szyte brzegi, kalendarz perforację. Działało, bo nie wymagało nauki — każdy wie, co się robi z czymś, co wygląda jak przełącznik. Problem pojawiał się tam, gdzie metafora się kończyła: jak ma wyglądać funkcja, która nie ma odpowiednika w świecie fizycznym?
Flat design odpowiedział przez zaprzeczenie. Windows Phone z interfejsem Metro w 2010, iOS 7 w 2013 — precz z fakturą, cieniem i gradientem, zostaje kolor i typografia. Estetycznie był to oddech po latach sztucznej skóry i drewnianych półek.
Praktycznie okazał się przesadą w drugą stronę. Gdy zniknęły wszystkie sygnały głębi, ludzie przestali rozpoznawać, co jest klikalne. Nielsen Norman Group opublikowała później badania pokazujące wprost, że płaskie elementy przyciągają mniej uwagi i zostawiają użytkownika w niepewności, czy w ogóle da się w nie kliknąć. To nie był drobiazg estetyczny — to była porażka w tym jednym, głównym pytaniu.
Material Design odpowiedział przez regulamin. Google w 2014 roku przywrócił głębię, ale zamknął ją w regułach: powierzchnie mają wysokość liczoną w konkretnych jednostkach, cień wynika z wysokości, a wysokość z hierarchii. Nie „cień, bo ładnie", tylko „cień, bo ten element leży wyżej niż tamten".
I dlatego Material przetrwał ponad dekadę. Nie dlatego, że był ładniejszy od konkurencji, tylko dlatego, że zamienił estetykę w system znaczeń. Cień przestał być dekoracją i stał się informacją.
Neumorfizm przywrócił głębię bez reguł. Wziął wytłoczenie ze skeuomorfizmu i monochromatyczność z flat, po czym połączył je tak, że zabrakło jedynej rzeczy pozwalającej cokolwiek znaleźć — różnicy.
Glassmorphism, który wszedł zaraz po nim wraz z macOS Big Sur w 2020 roku, zrobił prawie to samo, ale z jedną różnicą przesądzającą o przeżyciu. Też buduje głębię, też stawia na przezroczystość, rozmycie i warstwy. Ale powierzchnia zostaje odróżnialna od tła, bo jest rozmyta i rozjaśniona względem tego, co pod nią leży. Kontrast przeżył. Styl przeżył razem z nim.
Różnicę najłatwiej zobaczyć, otwierając generator glassmorphismu obok neumorficznego i porównując oba efekty na tym samym tle. Jeden chowa krawędź, drugi ją buduje.
Reguła, która z tego wynika
Popularne jest podsumowanie, że webdesign chodzi w kółko: ograniczenie, eksperyment, przepych, standaryzacja, nuda, bunt, nowa standaryzacja. To prawda, ale niepełna — bo nie tłumaczy, dlaczego jedne bunty zostają na dekadę, a inne znikają w rok.
Z tej historii wynika coś dokładniejszego:
Przeżywają style, które odpowiadają na pytanie o dotknięcie. Znikają te, które traktują je jako dekorację.
Material odpowiedział i został. Flat nie odpowiedział i musiał się cofnąć — dzisiejszy „flat" ma już cienie, obrysy i stany najechania, których w 2013 roku zabraniał. Neumorfizm nie mógł odpowiedzieć z definicji, więc nie miał szans od pierwszego dnia.
Widać to zresztą po tym, gdzie neumorfizm dziś przetrwał. Kalkulatory, odtwarzacze muzyki, piloty do inteligentnego domu. Interfejsy jednozadaniowe, w których nie trzeba niczego szukać, bo na ekranie jest jedna rzecz. Tam brak kontrastu nie boli, bo nie ma z czym pomylić. To nie jest wyjątek od reguły — to jej najlepsze potwierdzenie.
Co z tego wynika przy Twojej stronie
Do tej pory była historia. Teraz część praktyczna, bo to nie jest rozważanie akademickie.
Styl wybrany z portfolio projektanta i styl, który wytrzyma rok pracy, to nie zawsze to samo.
Neumorfizm wyglądał zjawiskowo na zrzucie ekranu z trzema przyciskami. Rozpadał się przy dwudziestu elementach, przy zdjęciach produktowych, przy tabeli, przy formularzu z ośmioma polami. Fotografował się świetnie, pracował fatalnie.
To jest dokładnie ten sam mechanizm, który opisywaliśmy przy wyborze między one page a wieloma podstronami. Decyzja wygląda świetnie w momencie podejmowania, a konsekwencje przychodzą pół roku później, gdy treści przybyło i okazuje się, że konstrukcja jej nie unosi.
Stąd trzy rzeczy, które warto sprawdzić przy każdym wyglądzie, zanim się na niego zgodzisz.
Czy widać, w co można kliknąć — bez najeżdżania myszą. Brzmi banalnie, dopóki nie sprawdzisz tego na własnej stronie na telefonie, w słońcu, na wyciągnięcie ręki. To jest test, który neumorfizm oblewa zawsze.
Czy styl wytrzyma treść, której jeszcze nie ma. Makieta ma trzy sekcje i jedno zdjęcie. Strona za rok ma czternaście podstron, cennik, opinie i katalog. Styl oparty na jednym, idealnie dobranym tle rozpada się przy pierwszym zdjęciu, którego nie było w projekcie.
Czy kontrast jest sprawdzony liczbą, a nie okiem. Oko przyzwyczaja się do własnego projektu po dwóch godzinach i przestaje widzieć problem. Warsztat Barw buduje paletę razem z macierzą kontrastu i znacznikami AA, AAA oraz UI, więc liczby widzisz od razu, a nie po wdrożeniu. Ma też symulację widzenia barw — jeśli układ przestaje być czytelny po przełączeniu na protanopię, to znaczy, że informacja siedzi w samym kolorze. Z tego samego powodu w kreatorze palet marki przy każdej palecie stoi konkretna wartość zamiast słowa „czytelna" — bo „czytelna" nie jest informacją, a 12 do 1 jest.
Osobny przypadek to nagłówek na zdjęciu, gdzie kontrast zmienia się co kilkadziesiąt pikseli i wystarczy jeden jasny fragment fotografii, żeby zepsuć całe hero. Na to jest iFOX Prześwit, który sprawdza czytelność tekstu na obrazie, a nie na jednolitym tle.
Jest też argument czysto biznesowy, rzadko wypowiadany wprost. Wybór modnego stylu to wybór daty przebudowy.Firma, która w 2020 roku zrobiła stronę w neumorfizmie, w 2022 miała stronę wyglądającą na przestarzałą — i to nie dlatego, że coś się w niej zepsuło. Style oparte na rozwiązaniu realnego problemu starzeją się znacznie wolniej niż style oparte na efekcie.
I jeszcze jeden czytelnik
Zostaje rzecz, o której w 2019 roku nikt przy tej dyskusji nie myślał, a która dokłada do pytania o dotknięcie całe nowe piętro.
Przez trzydzieści lat pytanie „czego można tutaj dotknąć" zadawał człowiek patrzący na ekran. Odpowiadaliśmy mu światłem, cieniem, kolorem i kształtem, bo tym da się odpowiedzieć oczom.
Coraz częściej zadaje je coś, co ekranu nie widzi wcale.
Agent AI działający w czyimś imieniu nie odczyta cienia i nie rozpozna wytłoczenia. Przeczyta znacznik, atrybut, rolę i nazwę. Dla niego neumorfizm i Material wyglądają identycznie — decyduje wyłącznie to, czy przycisk jest w kodzie przyciskiem, czy div-em, który tylko tak wygląda.
To ta sama różnica, którą pokazywaliśmy przy grafikach, gdzie agent musi zgadywać zamiast czytać. Wygląd nie jest znaczeniem. Jeśli znaczenie istnieje wyłącznie w pikselach, to dla połowy odbiorców nie istnieje w ogóle.
Co z tego wychodzi na Twojej stronie, można sprawdzić dosłownie — AI View pokazuje, co agent naprawdę z niej wyciąga i w którym miejscu zaczyna zgadywać.
W słowniku agentic web opisujemy to jako jeden z filarów gotowości agentowej i nie jest to nowa idea — to ta sama dostępność, o którą chodziło w WCAG, tylko z nowym odbiorcą. Czytnik ekranu i agent AI potykają się dokładnie o te same rzeczy.
Z tej perspektywy spór o kontrast z 2020 roku wygląda jak pierwsza wersja tego samego problemu. Neumorfizm przegrał, bo pytanie o dotknięcie zostawił samej grafice. Interfejs projektowany dziś przegra z tego samego powodu, jeśli odpowiedź zostawi wyłącznie wyglądowi.
Trzydzieści lat, jedno pytanie
Zmieniało się to, czym odpowiadamy. Najpierw imitacją przedmiotu, potem kolorem, potem systemem wysokości i cienia, teraz dodatkowo strukturą kodu.
Pytanie nie zmieniło się ani razu.
Dlatego przy wyborze wyglądu strony warto zadać sobie nie to pytanie, które zadaje większość — „czy mi się podoba" — tylko to drugie, mniej efektowne: czy ten wygląd mówi, co tu można zrobić, także komuś, kto patrzy inaczej niż ja.
Neumorfizm odpowiadał na pierwsze pytanie znakomicie. Na drugie nie odpowiadał wcale. I dlatego nie ma go już w niczym, czego używasz na co dzień.
Neumorfizm: koncept Alexandra Plyuty na Dribbble z końca 2019 roku; nazwa upowszechniona w dyskusji wokół artykułu Michała Malewicza na UX Collective. Wymóg kontrastu 3:1 dla elementów nietekstowych: WCAG 2.1, kryterium 1.4.11. Badania o klikalności płaskich elementów: Nielsen Norman Group.