Kontrast odgrywa ważną rolę w sukcesie każdej witryny internetowej. Odpowiedni kontrast zapewnia wysoką jakość obsługi i łatwiejszą czytelność, która przyczyni się do długoterminowego sukcesu witryny.
Witryny, które są zbyt słabo kontrastujące, mogą być trudne do odczytania i wykorzystania, co będzie miało negatywny wpływ na sukces każdej witryny. Problemy z niskim kontrastem kolorów są często łatwe do zidentyfikowania; często można po prostu spojrzeć na stronę w przeglądarce i sprawdzić, czy tekst jest trudny do odczytania z powodu słabych kontrastujących kolorów.
Chociaż łatwo jest określić, które kolory nie działają dobrze razem, może okazać się trudne, aby zdecydować, które kolory będą dobrze działać w przeciwieństwie do innych i w ramach projektu strony internetowej. Ten wykres pokazuje różnorodność kolorów i ich kontrastowość jako kolorów pierwszego planu i tła. Możesz zobaczyć kilka skutecznych parowania, a także słabe parowanie, których należy unikać przy wyborze kolorów dla projektów witryny.
Nie wszystkie silne kontrasty są dobrymi kontrastami
Na wykresie należy zwrócić uwagę na to, że niektóre z tych kolorów mogą być bardzo jasne i wyświetlać się intensywnie na określonym tle, takim jak niebieski na czarnym, ale są one oznaczone jako słabe opcje kontrastu. Dzieje się tak, ponieważ kombinacja kolorów, pomimo kontrastu, nadal powoduje, że tekst jest trudny do odczytania. Gdyby stworzyć stronę w całym niebieskim tekście na czarnym tle, czytelnicy bardzo szybko odczuliby zmęczenie wzroku.
Istnieją zasady i najlepsze praktyki dotyczące kontrastu, ale jako projektant należy zawsze oceniać te reguły, aby upewnić się, że działają one w konkretnym przypadku.
Standardy marki i kontrastujące kolory
Kontrast jest tylko jednym z czynników, które należy wziąć pod uwagę przy wyborze kolorów dla projektu Twojej strony internetowej. Wybierając kolory, prawdopodobnie będziesz musiał pamiętać o standardach marki dla klienta, niezależnie od tego, czy jest to firma, inna organizacja, czy nawet osoba. Chociaż palety kolorów mogą być zgodne z wytycznymi marki organizacji, mogą nie być dobrze przetłumaczone na prezentację online.
Na przykład żółte i jaskrawe zielenie są strasznie trudne do skutecznego wykorzystania na stronach internetowych. Jeśli te kolory są zgodne z wytycznymi marki firmy, najprawdopodobniej będą musiały być użyte tylko jako kolory akcentujące, ponieważ trudno jest znaleźć kolory, które dobrze się kontrastują.
Podobnie, jeśli kolory Twojej marki są czarno-białe, oznacza to wielki kontrast, ale jeśli masz witrynę z długimi tekstami, czarne tło z białym tekstem sprawi, że czytanie będzie bardzo trudnym do zbadania doświadczeniem, pomimo że jest ono wrodzone. kontrast między czernią a bielą. W takim przypadku zaleca się odwrócenie kolorów za pomocą czarnego tekstu na białym tle. To może nie być tak interesujące wizualnie, ale jest o wiele lepszym kontrastem i lepszym wyborem.
Narzędzia online
Poza własnym wyczuciem projektowym, istnieje kilka narzędzi online, które można wykorzystać do przetestowania wyboru koloru witryny. CheckMyColors.com przetestuje wszystkie kolory twojej strony i przedstawi współczynnik kontrastu pomiędzy elementami na stronie.
Dodatkowo, gdy myślisz o wyborze koloru, powinieneś również rozważyć dostępność strony i ludzi, którzy mają formy ślepoty barw. WebAIM.org może pomóc w tym, podobnie jak ContrastChecker.com, który przetestuje twoje wybory w oparciu o wytyczne dotyczące dostępu do treści internetowych (WCAG).
