Kolory w interfejsie telewizora mogą inspirować, tworzyć nastrój, a nawet zachęcać użytkowników do podejmowania decyzji. To ważny i namacalny element, na który użytkownicy zwracają uwagę w pierwszej kolejności. Kolor to świetny sposób na nawiązanie kontaktu z szerokim gronem odbiorców, dlatego nie dziwi, że jest ważnym elementem tworzenia wysokiej jakości interfejsu telewizora.
Najciekawsze
- Tryb obrazu „Standardowy” to najczęstsze ustawienie wyświetlania na telewizorze.
- Większość telewizorów obsługuje sRGB.
- Wybierając kolory, pamiętaj, że użytkownicy oglądają telewizję z różnych odległości i w słabym oświetleniu.
- Technologia wyświetlania i ustawienia przestrzeni kolorów telewizorów mogą się znacznie różnić.
- Przetestuj jak najwięcej urządzeń i przestrzeni kolorów.
- Podczas używania kolorów uwzględniaj różne potrzeby i preferencje użytkowników.
- Podczas korzystania z gradientów zwracaj uwagę na typowe problemy z telewizorem, takie jak pasmowanie.
Kolory i wyświetlacze telewizora
Powszechnie uważa się, że wszystkie wyświetlacze pokazują wszystkie kolory w ten sam sposób. Być może zauważyłeś to podczas korzystania z laptopa służbowego lub oglądania filmu u znajomego. Ten sam kolor może się różnić w zależności od modelu telewizora, monitora komputera i urządzenia mobilnego.
Przestrzeń kolorów
Przestrzeń kolorów to spektrum kolorów, które może odtworzyć wyświetlacz telewizora. Obejmują one przestrzenie kolorów sRGB i DCI-P3. sRGB jest najczęściej używaną przestrzenią kolorów i jest zgodna z największą liczbą modeli telewizorów. Jest używany w systemach operacyjnych, programach telewizyjnych i grach.
Wybór przestrzeni kolorów DCI-P3 może sprawić, że filmy będą bardziej żywe i realistyczne. Treści utworzone w przestrzeni kolorów DCI-P3 mają dostęp do większego odsetka kolorów, więc mogą być zgodne tylko z zaawansowanymi wyświetlaczami telewizyjnymi.
Tryb obrazu
Tryby obrazu mogą wpływać na jakość kolorów na telewizorze, zmieniając sposób przetwarzania obrazu przez telewizor. Na przykład standardowe tryby obrazu zwykle starają się zapewnić dokładniejsze odwzorowanie kolorów, a tryby żywych kolorów zwiększają nasycenie kolorów, aby były bardziej wyraziste.
Domyślny tryb obrazu w przypadku większości paneli telewizyjnych to Standardowy. Ten tryb został zaprojektowany z myślą o zapewnieniu zrównoważonego obrazu z dokładnymi kolorami. Użytkownik ma jednak wiele opcji do wyboru. Wielu użytkowników zmienia tryby obrazu, aby poprawić postrzeganą jakość obrazu.
Przyjrzyjmy się 7 najczęstszym trybom obrazu:
- Standardowy: domyślny tryb obrazu. Zapewnia zrównoważony obraz z wiernie oddanymi kolorami.
- Żywe: zwiększa nasycenie kolorów, dzięki czemu są one bardziej wyraziste.
- Dynamiczny: zwiększa kontrast obrazu, dzięki czemu wydaje się on ostrzejszy.
- Gra: optymalizuje obraz pod kątem gier, zmniejszając opóźnienie wejściowe.
- Film: optymalizuje obraz pod kątem oglądania filmów, zmniejszając rozmycie w ruchu.
- Sport: optymalizuje obraz pod kątem oglądania sportu, zwiększając jasność obrazu.
- Niestandardowe: pozwala użytkownikowi dostosować ustawienia obrazu do własnych preferencji.
Kontrast
Kontrast to jeden z najważniejszych aspektów jakości obrazu, szczególnie w przypadku nowoczesnych wyświetlaczy HDR. Jest to różnica między najciemniejszą czernią a najjaśniejszą bielą, jaką może wyświetlić telewizor. Wyższy współczynnik kontrastu zwykle oznacza głębszą czerń, co ma duży wpływ na ogólną jakość obrazu.
Kontrast: 562:1 (niski)
|
Kontrast: Inf: 1 (doskonały)
|
Ten sam kolor może wyglądać na wyblakły na telewizorze o niskim współczynniku kontrastu. Aby zapewnić użytkownikom jak najlepsze wrażenia, projektanci powinni podczas tworzenia interfejsu aplikacji na telewizory wziąć pod uwagę te wskazówki:
- Używaj dużego kontrastu między kolorem tekstu a kolorem tła.
- Wybieraj wyraźne, czytelne czcionki o większym rozmiarze i odstępach między wierszami.
- Wprowadź ułatwienia dostępu.
- Nie polegaj wyłącznie na kolorze, aby przekazywać informacje.
- Optymalizacja pod kątem różnych przestrzeni kolorów (SDR i HDR).
- Sprawdź czytelność w różnych warunkach oświetleniowych.
Technologia wyświetlania
Technologie wyświetlania mogą też wpływać na kolor wyświetlany na ekranie. Niektóre z najczęstszych typów to:
- LCD: wyświetlacze ciekłokrystaliczne to najpopularniejszy typ wyświetlaczy telewizyjnych. Działają one dzięki podświetleniu panelu ciekłokrystalicznego, który blokuje lub przepuszcza światło, tworząc obraz. Telewizory LCD są stosunkowo niedrogie i dostępne w wielu rozmiarach, ale mogą mieć słaby kontrast i odwzorowanie kolorów.
- LED: wyświetlacze LED to nowszy typ telewizorów LCD, w których diody LED służą jako podświetlenie. Diody LED są bardziej energooszczędne niż tradycyjne wyświetlacze LCD i mogą wyświetlać jaśniejszy, bardziej żywy obraz. Telewizory LED są zwykle droższe niż telewizory LCD.
- QLED: wyświetlacze z diodami LED z kropkami kwantowymi to rodzaj wyświetlaczy LED, które wykorzystują kropki kwantowe do wytwarzania światła. Kropki kwantowe to małe cząsteczki, które mogą generować szerszą gamę kolorów niż tradycyjne diody LED.
- OLED: wyświetlacze wykorzystujące organiczne diody elektroluminescencyjne to rodzaj wyświetlaczy LED, które do wytwarzania światła wykorzystują materiały organiczne. Telewizory OLED są najdroższe, ale oferują najlepszy kontrast i reprodukcję kolorów spośród wszystkich typów telewizorów.
Każdy typ technologii wyświetlania obrazu na telewizorze ma swoje zalety i wady w zakresie renderowania kolorów.
Więcej informacji znajdziesz w filmie How a TV Works in Slow Motion (Jak działa telewizor w zwolnionym tempie) od The Slow Mo Guys.
Zasady
Więcej informacji znajdziesz w zasadach dotyczących kolorów w Material Design.
- Ułatwienia dostępu na pierwszym miejscu: interfejsy telewizorów są używane przez różne grupy odbiorców. Od najmłodszych po osoby starsze i niedowidzące. Zawsze uwzględniaj potrzeby i preferencje użytkowników. Priorytetowe traktowanie ułatwień dostępu w interfejsie może zapewnić użytkownikom wygodę. Przykładem tego jest spełnianie standardów kontrastu kolorów. Uwaga: zawsze bierz pod uwagę różnice w odwzorowaniu kolorów w różnych modelach telewizorów.
- Kolor z przeznaczeniem: prawidłowo użyty kolor może wzbogacać komunikację i tworzyć znaczące, wciągające doświadczenia. Odzwierciedla to tożsamość Twojego produktu w interfejsie TV.
- Wybierz kontrastowe tło: kontrastowe tło ułatwia użytkownikom interpretowanie tekstu i różnych elementów aplikacji oraz wchodzenie z nimi w interakcje. Wyższy kontrast zapewnia widoczność treści.
Pasy na ekranie
Paski na ekranie telewizora to widoczne poziome lub pionowe linie, pasy lub gradienty na wyświetlaczu, które nie są częścią wyświetlanych treści. Może to być widoczne jako wyraźne linie lub stopniowe przejście kolorów lub odcieni na ekranie. Paski mogą być spowodowane takimi czynnikami jak mała głębia kolorów, artefakty kompresji, zakłócenia sygnału lub problemy z panelem lub procesorem graficznym.
Podczas projektowania interfejsu użytkownika na telewizor, zwłaszcza w przypadku gradientów i unikania pasmowania, weź pod uwagę te wskazówki:
- Używaj gradientów o dużej głębi kolorów: aby zminimalizować ryzyko wystąpienia pasm, używaj gradientów o dużej głębi kolorów (np. 10-bitowy lub wyższy). Zapewnia to płynniejsze przejścia między kolorami i zmniejsza prawdopodobieństwo wystąpienia widocznych pasów.
- Unikaj ekstremalnych przejść kolorów: podczas tworzenia gradientów staraj się unikać ostrych przejść między kolorami, ponieważ mogą one być bardziej podatne na pasmowanie. Zamiast tego używaj subtelniejszych, stopniowych przejść kolorów, które zapewniają płynniejszy wygląd na ekranie.
- Testowanie na różnych urządzeniach: telewizory mogą się różnić głębią kolorów i jakością panelu, dlatego ważne jest, aby przetestować projekt interfejsu na różnych urządzeniach. Dzięki temu gradienty będą wyglądać płynnie i bez pasm na różnych ekranach.
- Używaj technik ditheringu: dithering to technika, która może pomóc w zmniejszeniu efektu pasmowania poprzez mieszanie kolorów w wzorzysty sposób przypominający szum. Może to pomóc w stworzeniu iluzji płynniejszych przejść kolorów, nawet na ekranach o mniejszej głębi kolorów.
- Wybieraj jednolite kolory lub subtelne wzory: jeśli gradienty nie są niezbędne w Twoim projekcie, rozważ użycie jednolitych kolorów lub subtelnych wzorów. Są one mniej podatne na pasmowanie i nadal mogą tworzyć estetyczny interfejs.