Kolory do użycia z czarnym tłem?

17

Czy używanie żółtego tekstu na czarnym tle jest złe, jak zauważył tutaj Mike ? Jeśli tak, jakich kolorów powinienem użyć (wartości RGB lub szesnastkowe)?

wprowadź opis zdjęcia tutaj

llllllllllllllllllllllllllllllll
źródło
Czcionka jest za ciasna.
bjb568,

Odpowiedzi:

22

Kilka lat temu, gdybyś zadał to pytanie, odpowiedź brzmiałaby: tak! Jednak ostatnio redefiniowaliśmy style i pomysły projektowe, więc teraz jest to trochę bardziej złożone.

Żółty może działać na czarnym tle, ale w takim samym stopniu dotyczy czcionek i miejsca, w którym używany jest kolor, które wpływają na ogólny wygląd witryny. Upewnij się, że używasz czcionek, które są łatwe do odczytania, i używasz tylko żółtego do podświetlania, tak jak to zrobiłeś. Staraj się również nie używać czystej bieli, ale wybierz delikatniejszy jasnoszary, taki jak #ebebeb.

Odważne kolory, takie jak żółty z ciemnym tłem, są powszechnie widoczne w obecnym trendzie projektowania płaskiego , jednak zawsze są one stonowaną lub bardziej miękką wersją koloru i zwykle nie są jego podstawową wersją. Tło jest również przede wszystkim bogatą czernią (# 252525 lub podobną), a nie prawdziwą czernią (# 000000). To znacznie ułatwia przeglądanie, zachowując oryginalny pomysł na schemat kolorów.

Ta strona daje wyobrażenie o tym, jak wyglądają kolory na tle. Bardzo przydatne jest ustalenie, co boli oczy, a co nie.

Ten wspaniały zestaw interfejsu użytkownika autorstwa Simona Eramo daje dobry pomysł na użycie jasnych kolorów na ciemnym tle

Zestaw Flat Bold UI autorstwa Simona Eramo

Ta strona stanowi bardzo ładny przykład użycia czerni i żółci, przy użyciu bieli w celu zrównoważenia potencjalnej ostrości kolorów.

Fernando Henrique Site autorstwa Diego Curuma

Żółty tutaj jest podstawowy, ale służy jedynie do podświetlenia.

Jeśli zmierzasz w kierunku większej liczby złotych i pomarańczowożółtych kolorów, takich jak # f39c12 lub # ffbb33 na miękkich czarnych lub ciemnoszarych tłach, takich jak # 333333 lub # 555555, powinieneś uznać, że jest to łatwe dla oczu.

KitP
źródło
Dziękuję za odpowiedź; jest kontynuacją pytanie tutaj .
llllllllllllllllllllllllllllllll
10

Chociaż był to dość zabawny komentarz, żółty tekst na czarnym tle nie jest przestępstwem z nienawiści od projektantów. Oto kilka witryn, które korzystają z tej koncepcji. Ważne jest, aby pamiętać, że wszystkie te wspaniałe witryny zawierają spójne tematy.

  • Nigdy nie są pełne, prawdziwe czarne tło
  • Nigdy nie używają żółtego tekstu jako tekstu akapitowego tam, gdzie lub gdzie jest treść, jest ona głównie używana jako nagłówki i podtytuły.

Rexona Strona Rexona

Cinematik Kinematografia

Devstars.com DevStars

Podawana typografia - ta strona ma również żółte projekty typografii, aby pokazać przykłady, które nie są ograniczone do sieci. Podana typografia

Pomysł jest łatwy do spartaczenia, ale jeśli zostanie poprawnie wykonany, myślę, że może stworzyć efektowny projekt. Nie sądzę, żeby miało to związek z wartościami heksadecymalnymi, ponieważ chodzi o zrozumienie, jak używać koloru żółtego. Postanowiłbym jednak nie używać pełnego czarnego tła # 000, ponieważ uważam, że żółty kolor jest przytłaczający dla oczu.

Adam Schuld
źródło
1
+1 za przykłady witryn żółtych i czarnych. Innym dobrym przykładem jest breakbeat.co.uk
Matt Fletcher
1

Myślę, że ciemniejszy odcień byłby lepszy. Bardziej jak złoty lub żółty pomarańczowy

Caitlin
źródło
2
Czy możesz wyjaśnić, dlaczego ciemniejszy odcień byłby lepszy? BTW: Witamy w GD.SE!
Mensch,