Design w trybie ciemnym: wizualna filozofia LumenLingo

L
Lumenshore
2 minuty czytania

LumenLingo nie wybrało trybu ciemnego przypadkowo. Nie wybrało go też dlatego, że tryb ciemny jest „modny". Domyślny ciemny design to fundamentalna decyzja filozoficzna wspierająca całe doświadczenie nauki w LumenLingo.

Dlaczego tryb ciemny domyślnie

1. Redukcja zmęczenia wzroku

Nauka języka zazwyczaj odbywa się pod koniec dnia — w porze, gdy zmęczenie wzroku jest najsilniejsze. Ciemny interfejs znacząco redukuje obciążenie oczu powodowane przez jasne ekrany.

2. Lepsza hierarchia wizualna

Jasny tekst na ciemnym tle tworzy naturalną hierarchię wizualną. Ważne elementy (tekst fiszek, przyciski) naturalnie się wyróżniają, a elementy drugoplanowe znikają w tle.

3. Wspieranie immersji

Kosmiczny motyw LumenLingo (tła mgławicowe, systemy cząsteczek, efekty świetlne) wygląda znacznie żywiej na ciemnym płótnie. Ciemność to nie ograniczenie — to fundament nieskończonej przestrzeni.

Kosmiczny język designu

Zasady projektowe

ZasadaImplementacjaCel
GłębiaWielowarstwowa paralaksaPoczucie przestrzeni
OddechPulsujące efekty świetlneŻycie i spokój
KosmosMgławice i cząsteczkiCiekawość i eksploracja
SpokójŁagodne gradientyWsparcie długich sesji

Shadery Metal

LumenLingo używa niestandardowych shaderów Metal do renderowania tła w czasie rzeczywistym — nie gotowych filmów czy obrazów. To znaczy, że każdy raz gdy otworzysz aplikację, mgławica jest unikalna, subtelnie oddychająca i zmieniająca się.

Dostępność

Design w trybie ciemnym nie może być kosztem dostępności. Podejście LumenLingo:

  • Kontrast: Cały tekst spełnia WCAG AA (4.5:1 dla zwykłego tekstu, 3:1 dla dużego)
  • Niezależność od koloru: Ważne informacje nie są przekazywane wyłącznie kolorem
  • Opcja animacji: Szanowanie systemowego ustawienia „Zmniejsz ruch"
  • Rozmiar czcionki: Obsługa systemowego ustawienia dynamicznej czcionki

Rola nastroju

Badania psychologii koloru pokazują, że ciemne tony w zestawieniu z łagodnym, chłodnym światłem (niebieski, fioletowy, indygo) wyzwalają poczucie spokoju i skupienia. To nie przypadek — cała paleta kolorów LumenLingo została zaprojektowana wokół tych efektów poznawczych.


LumenLingo już wkrótce pojawi się w App Store. Zobacz, co tworzymy.

Czytaj dalej