Nacisk w projekcie strony internetowej tworzy obszar lub obiekt, który jest centralnym punktem strony. Jest to sposób na wyróżnienie jednego elementu w projekcie. Punkt skupienia może być większy niż inne elementy wzoru lub jaskrawo zabarwione - oba mają tendencję do przyciągania oczu. Podczas projektowania strony internetowej możesz dodać nacisk, wybierając słowo lub frazę i przypisując jej kolor, czcionkę lub rozmiar, które wyróżniają się, ale istnieje wiele innych sposobów na podkreślenie swojego projektu.
Wykorzystanie akcentów 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 równy nacisk, projekt wydaje się zajęty i dezorientujący lub gorzej - nudny i nieprzyjemny. Aby utworzyć punkt centralny w projektowaniu stron internetowych, nie zapomnij o użyciu:
- Kwestia: Stwórz nacisk poprzez kontrast. Jeśli kilka elementów jest poziomych, jeden pionowy element staje się punktem centralnym.
- Kolor: Jeśli większość elementów w projekcie jest ciemna lub wyciszona, każdy obiekt z kolorem przyciąga wzrok.
- Kształty: Kiedy większość kształtów jest nieregularnych, wyróżnia się geometryczny kształt.
- Bliskość: Gdy kilka pozycji jest zgrupowanych, a jedna jest oddzielona od grupy, oko przechodzi do pojedynczej pozycji.
- Umieszczenie: Chociaż istnieją wyjątki, element umieszczony w środku wzoru zwykle przyciąga wzrok.
- Waga: Ciężki element przyciąga uwagę widza.
- Powtórzenie: Kiedy powtarzany element graficzny jest powtarzany, oko podąża za powtarzającym się elementem do punktu ogniskowego.
- Kontrast: Oprócz kontrastów tworzonych przez kolory i linie, kontrast może być generowany przez zmiany rozmiaru, tekstury lub czcionki. Zmiana powoduje wyróżnienie elementu ogniskowego lub nacisku.
- Biała przestrzeń: Element otoczony białą (lub pustą) przestrzenią staje się punktem centralnym.
Hierarchia w projektach internetowych
Hierarchia to wizualne rozmieszczenie elementów projektu, które wskazują na znaczenie według rozmiaru. Największy element jest najważniejszy; mniej ważne elementy są mniejsze. Skoncentruj się na tworzeniu wizualnej hierarchii w swoich projektach internetowych. Jeśli pracujesz nad utworzeniem semantycznego przepływu do znaczników HTML, jest to łatwe, ponieważ twoja strona ma już hierarchię. Wszystko, co musisz zrobić, to podkreślić właściwy element - taki jak nagłówek H1 - dla największego nacisku.
Wraz z hierarchią znaczników, zauważ, że oko odwiedzającego przegląda stronę internetową w układzie Z zaczynającym się w lewym górnym rogu ekranu. To sprawia, że lewy górny róg strony jest dobrym miejscem na ważny element, taki jak logo firmy. W prawym górnym rogu znajduje się druga najlepsza pozycja umieszczania ważnych informacji.
Jak uwzględnić nacisk w projektach internetowych
Nacisk na projektowanie stron internetowych można zaimplementować na wiele sposobów:
- Użyj semantycznych znaczników, aby zapewnić nacisk nawet bez żadnych stylów.
- Zmień rozmiar czcionek lub obrazów, aby uwydatnić lub odrzucić je w projekcie.
- Użyj kontrastujących kolorów, aby podkreślić.
- Rozmiar się liczy. Ogromne słowo na stronie lub ekranie otrzymuje natychmiastową uwagę.
- Otocz ogniskiem białą przestrzenią.
- Powtarzaj słowo lub obraz, aby przyciągnąć uwagę.
Gdzie pasuje podporządkowanie?
Podporządkowanie występuje wtedy, gdy ustalasz inne elementy w projekcie, aby punkt skupienia był pop. Jednym z przykładów jest jaskrawo kolorowa grafika umieszczona na czarno-białym zdjęciu tła. Ten sam efekt pojawia się, gdy używasz wyciszonych kolorów lub kolorów, które mieszają się z tłem za punktem centralnym, co powoduje, że się wyróżnia.
