Kontrast to jedna z zasad projektowania. Kontrast występuje, gdy dwa elementy są różne. Im większa różnica, tym większy kontrast. Kluczem do pracy z kontrastem jest upewnienie się, że różnice są oczywiste. Cztery powszechne metody tworzenia kontrastu to różnice w wielkości, wartości, kolorze i typie.
Kontrast dodaje zainteresowania do strony i zapewnia sposób na podkreślenie tego, co jest ważne lub skierowanie uwagi czytelnika. Na stronie bez kontrastu czytelnik nie wie, gdzie szukać najpierw, ani co jest ważne. Kontrast sprawia, że strona jest bardziej interesująca, więc czytelnik jest bardziej skłonny zwracać uwagę na to, co jest na stronie. Kontrast zapewnia czytelność dzięki wyróżnianiu nagłówków i podtytułów. Kontrast pokazuje, co jest ważne, zmniejszając lub zmniejszając elementy na stronie, aby inne elementy znalazły się w centrum uwagi.
Jednak kontrast może być przesadzone. Wybieraj ostrożnie. Jeśli wszystko mocno kontrastuje ze wszystkim innym, w efekcie pojawiają się konkurencyjne elementy i po raz kolejny czytelnik nie będzie wiedział, gdzie szukać najpierw.
Rozmiar
Duże i małe elementy tego samego typu, takie jak duże i małe obrazy oraz duży i mały typ, są najbardziej oczywistymi zastosowaniami rozmiaru, aby stworzyć kontrast. Kontrastująca biała przestrzeń lub fizyczny rozmiar elementu z innym elementem projektu to inna metoda.
Wartość
Względna jasność lub ciemność dwóch elementów względem siebie może stworzyć kontrast w wartości. Niezależnie od tego, czy w odcieniach szarości, czy odcieniach jednego koloru, im większe wartości, tym większy kontrast.
Kolor
Zastosuj kolory harmonizujące, uzupełniające i przeciwstawne, aby uzyskać kontrast. Zachowaj ostrożność także z wartością kolorów. Na przykład harmonizowanie kolorów (sąsiadujących ze sobą na kole kolorów) może wyglądać na wymyte, jeśli nie ma wystarczającej różnicy w wartościach każdego koloru.
Rodzaj
Kontrast typu może wykorzystywać rozmiar, wartość i kolor, aby tworzyć kontrastujące zabiegi typograficzne.
- Dodaj pogrubienie lub kursywa aby stworzyć kontrast
- Mieszaj duży typ z małym typem
- Połącz serif z typem sans serif, aby stworzyć kontrast typu
- Ustaw fragmenty tekstu w kontrastujących kolorach lub różnych wartościach
- Zmiany w wyrównaniu typów tworzą kontrast, podobnie jak odstępy między typami, takie jak ekstremalne kerning dla nagłówków
Oczywiste elementy kontrastujące
Inne metody tworzenia kontrastu obejmują użycie tekstury, kształtu, wyrównania, kierunku, ruchu. Pamiętaj, kluczem jest użycie zasadniczej różnicy. Zmiana rozmiaru czcionki, która jest ledwo zauważalna, a kolory, które są zbyt bliskie wartości, przypomina raczej pomyłkę niż próbę podkreślenia lub zainteresowania.
Niektóre sposoby użycia kontrastujących elementów:
- Dodaj wizualne zainteresowanie układowi wysokich, chudych kolumn tekstu, używając zdjęć o szerokim lub nieregularnym kształcie
- Seria statycznych obrazów z jednym ruchem pokazującym obraz przyciągnie wzrok do kontrastującego obrazu
- Wyrównaj tekst do lewej strony, ale ustaw podpozycje wyrównane do prawej w sąsiedniej kolumnie
- Zazwyczaj układ może wykorzystywać połączenie 2 lub więcej kontrastujących elementów.
