Nacisk w projekt strony internetowej tworzy obszar lub obiekt, który jest centralnym punktem strony. To sposób na wyróżnienie jednego elementu w projekcie. Punkt centralny może być większy niż inne elementy projektu lub mieć jaskrawy kolor — oba te elementy przyciągają wzrok. Kiedy projektujesz stronę internetową, możesz zwiększyć nacisk, wybierając słowo lub frazę i przypisując mu a kolor, czcionka lub rozmiar, które go wyróżniają, ale istnieje wiele innych sposobów na podkreślenie projekt.
Wykorzystanie nacisku w projektowaniu
Jednym z największych błędów, jakie mogą popełnić projektanci stron internetowych, jest próba wyróżnienia wszystkiego w projekcie. Kiedy wszystko ma ten sam nacisk, projekt wydaje się zajęty i zagmatwany lub, co gorsza, nudny i nieatrakcyjny. Aby stworzyć centralny punkt w projekcie strony internetowej, nie zapomnij o użyciu:
- Linie: Stwórz nacisk przez kontrast. Jeśli kilka elementów jest poziomych, jeden element pionowy staje się punktem centralnym.
- Kolor: Jeśli większość elementów w projekcie jest ciemna lub wyciszona, każdy przedmiot w kolorze przyciąga wzrok.
- Kształty: Kiedy większość kształtów jest nieregularna, wyróżnia się kształt geometryczny.
- Bliskość: Kiedy kilka elementów jest zgrupowanych, a jeden jest oddzielony od grupy, oko kieruje się na pojedynczy element.
- Umieszczenie: Chociaż zdarzają się wyjątki, zazwyczaj zwraca uwagę element umieszczony w centrum wzoru.
- Waga: Ciężki element przyciąga uwagę widza.
- Powtórzenie: Gdy powtarzana jest prosta grafika do wpisywania elementu, oko podąża za powtarzanym elementem do punktu centralnego.
- Kontrast: Oprócz kontrastów tworzonych przez kolor i linie, kontrast może być generowany przez zmiany rozmiaru, tekstury lub czcionki. Zmiana powoduje, że element centralny, czyli nacisk, wyróżnia się.
- Biała przestrzeń: Punktem centralnym staje się element otoczony białą (lub pustą) przestrzenią.
Hierarchia w projektach internetowych
Hierarchia to wizualne rozmieszczenie elementów projektu, które wskazują na znaczenie według rozmiaru. Najważniejszy jest największy element; mniej ważne elementy są mniejsze. Skoncentruj się na tworzeniu wizualnej hierarchii w swoich projektach internetowych. Jeśli pracowałeś nad stworzeniem semantycznego przepływu do swojego HTML znaczników, jest to łatwe, ponieważ Twoja strona internetowa ma już hierarchię. Wszystko, co musisz zrobić, to podkreślić właściwy element — taki jak nagłówek H1 — aby uzyskać jak największy nacisk.
Wraz z hierarchia w znacznikach, rozpoznaj, że oko odwiedzającego wyświetla stronę internetową w układzie Z, zaczynając od lewego górnego rogu ekranu. To sprawia, że lewy górny róg strony jest dobrym miejscem na ważny element, taki jak logo firmy. Prawy górny róg to druga najlepsza pozycja umieszczenia ważnych informacji.
Jak uwzględnić nacisk w projektach internetowych
Nacisk w projektowaniu stron internetowych można wdrożyć na wiele sposobów:
- Użyj znaczników semantycznych, aby zapewnić podkreślenie nawet bez żadnych stylów.
- Zmień rozmiar czcionek lub obrazów, aby podkreślić je lub zmniejszyć w projekcie.
- Posługiwać się kontrastujące kolory aby zapewnić nacisk.
- Liczy się rozmiar. Duże słowo na stronie lub ekranie natychmiast przyciąga uwagę.
- Otocz centralny punkt białą przestrzenią.
- Powtórz słowo lub obraz, aby przyciągnąć uwagę.
Gdzie wpisuje się podporządkowanie?
Podporządkowanie ma miejsce, gdy stonujesz inne elementy projektu, aby uwydatnić punkt centralny. Jednym z przykładów jest grafika w jasnych kolorach umieszczona na czarno-białym zdjęciu w tle. Ten sam efekt występuje, gdy używasz wyciszonych kolorów lub kolorów, które zlewają się z tłem za punktem centralnym, powodując jego wyróżnienie.