Schematy kolorów witryny, których możesz użyć w witrynie WordPress

Zaktualizowano: 2022-01-10 / Artykuł autor: WHSR Guest

Właśnie się zarejestrowałeś WordPressi jesteś gotowy zbuduj swoją pierwszą witrynę internetową. Problem w tym, że nie masz pojęcia, jak chcesz, aby wyglądało. Nie możesz po prostu wybrać motyw i trzymaj się go - ważne jest również, aby dobrać idealną kolorystykę.

Brzmi strasznie? Nie martw się. Zebrałem kilka wspaniałych przykładów schematów kolorów witryn, z których możesz czerpać inspirację. Omówimy również, co zrobić, aby wybrać idealną paletę dla Twojej witryny.

Dlaczego schematy kolorów są ważne

Zanim przejdziemy do listy, omówmy, dlaczego ważne jest, aby wybrać odpowiednie kolory dla swojej witryny.

Po pierwsze, wyraźna kolorystyka sprawia, że ​​Twoja marka jest bardziej zapadająca w pamięć.

Wielkie nazwy firm zwykle używają kolorów swoich logo na ich strony internetowe, reklamy i inne działania związane z marką. Na przykład FedEx używa fioletu i pomarańczy, podczas gdy PayPal wybiera kilka odcieni niebieskiego. Konsekwentne używanie tych kolorów sprawia, że ​​opinia publiczna kojarzy dany schemat kolorów z marką.

Dobra kolorystyka może również spodobać się docelowej publiczności.

Według sondażu przeprowadzonego przez Scott Design, niebieski i zielony wydają się być dwoma ulubionymi kolorami.
Według sondażu przeprowadzonego przez Scott Design, niebieski i zielony wydają się być dwoma ulubionymi kolorami.

Każdy grupa demograficzna ma własne preferencje kolorów. Na ich gust może wpływać ich wychowanie, kultura, społeczeństwo i wiele innych czynników.
Na przykład kolor może mieć różne znaczenia w różnych kulturach. Czarny zazwyczaj oznacza elegancję, ale w niektórych kulturach reprezentuje cierpienie.

Firmy wykorzystały efekty kolorów dla własnych korzyści. Na przykład dzieci zwykle pozytywniej reagują na jasne kolory. Tak więc witryna taka jak PBS Dzieci wykorzystuje jasną kolorystykę, aby przyciągnąć dzieci.

Wreszcie kolory mogą prowadzić do większego zaangażowania użytkownika.

Ostatnia „The Puzzle of Monogamous Marriage”  ujawnia, że ​​przyciski CTA z kolorami o wysokim kontraście mają wysokie współczynniki konwersji. Oznacza to, że przycisk powinien być w kolorze wyróżniającym się na tle kolorystyki serwisu.

Jak więc widzisz, ważne jest, aby wziąć pod uwagę kolory każdego elementu witryny, nawet jeśli jest to tylko przycisk.

Jak wybrać odpowiedni schemat kolorów dla swojej witryny

Najłatwiejszym sposobem wyboru dobrego schematu kolorów jest użycie generatorów kolorów. Oto kilka narzędzi, których możesz użyć:

  • Kolorowa iglica- podgląd kolorów na szablonie strony.
  • Paletton- zobacz, jak będzie wyglądała Twoja kolorystyka w różnych układach.
  • Coolors- generuj schematy kolorów z wybranych obrazów.

Jeśli jednak chcesz stworzyć schemat kolorów od podstaw, oto co możesz zrobić:

  1. Wybierz dominujący kolor. To kolor, który chcesz najbardziej wyróżnić. Zaleca się używanie koloru marki w całej witrynie.
  2. Wybierz kolory drugorzędne. Te kolory uzupełniają lub wzmacniają dominujący kolor.
  3. Określ, gdzie umieścić kolory. Niektórzy ludzie lubią używać dominującego koloru dla wyróżnionych funkcji, takich jak przyciski i łącza. Inni mogą go używać do dużych elementów wizualnych, podczas gdy kolory drugorzędne są do tekstów. Poznaj opcje i znajdź najlepszą dla siebie.
  4. Wybierz kolor tła. Ludzie zazwyczaj wybierają neutralny ton, aby zachować czytelność witryny.

8 oszałamiających schematów kolorów witryny

Z ponad 38% witryn korzysta z WordPressa, starannie wyselekcjonowałem 8 rodzajów schematów kolorystycznych, które możesz wykorzystać jako inspirację dla swojego WordPress strona www:

1. Wibrujący

Jasne, żywe kolory mogą być idealnym wyborem dla stron internetowych, które chcą nadać żywy i energetyczny ton. Witryna Climate Optimist jest przykładem dobrego wykorzystania takich kolorów. Jako organizacja zajmująca się zmianą klimatu chcą wzbudzić pozytywne nastawienie i pewność siebie, aby zachęcić ludzi do udziału w ich kampanii. Jest to zawarte w ich żółtej, różowej i zielonej kolorystyce.

2. Wyciszony

Jeśli chcesz, aby Twoja witryna wyglądała elegancko, rozważ użycie wyciszonych tonów. Mogą nie przyciągać uwagi, ale odpowiednia kombinacja kolorów może wyglądać stylowo.

Ta strona internetowa włoskiej winiarni Mosole ma na celu nadanie takiego tonu. Desaturują kolory ziemi, takie jak brązowy i zielony, i tworzą klasyczny efekt, który nadal reprezentuje ich markę jako winnicy.

3. światło

Jeśli chcesz, aby Twoja strona wyglądała zachęcająco, polecam użycie jaśniejszych odcieni. Podobnie jak wygodny dom, przyjemna witryna internetowa sprawia, że ​​odwiedzający chcą spędzać na niej więcej czasu.

Bosumhus, witryna do tworzenia domów, stanowi doskonały przykład tej kolorystyki. Podczas gdy teksty są ciemne, inne elementy są przeważnie w kolorze jasnobrązowym i beżowym z nutami ziemistej zieleni tu i ówdzie. Witryna jest również dobrą ilustracją tego, jak Twoje zdjęcia mogą reprezentować Twoją paletę kolorów.

4. Ciemny

W przeciwieństwie do jasnych kolorów, ciemne odcienie zwykle symbolizują tajemnicę. Dodatkowo jest używany do reprezentowania nowoczesności i futuryzmu.
W tym przykładzie Critical TechWorks używa ciemnych kolorów, aby uzupełnić swoją tożsamość jako firmy technologicznej nowej generacji.

Witryna pokazuje również, jak można używać ciemnych kolorów, a jednocześnie jest urzekająca. Chociaż większość kolorów jest głęboka, strona używa również neonowego błękitu do podkreślenia.

5. Pastelowy

Pastele to trend w projektowaniu od kilku lat. Te kolory są miękkie i sprane i mają na celu wyglądać kojąco.

Jest to zwykle kojarzone z niemowlętami, ponieważ te kolory często występują w żłobkach. Jednak wiele witryn internetowych używa tych kolorów również w celu przyciągnięcia uwagi młodych ludzi.

Witryna Mont-Roucous jest doskonałym przykładem wykorzystania pastelowych kolorów. Ponieważ ich produkty są przeznaczone dla niemowląt, używają delikatnego różu i niebieskiego dla swojej marki.

6. Monochromatyczny

Jeśli nie wiesz, jak łączyć kolory, spróbuj wybrać jeden kolor i spraw, aby cała witryna była monochromatyczna. Oznacza to, że na całej stronie będziesz używać tylko różnych odcieni tego samego koloru.

Brightscout pokazuje, w jaki sposób można używać różnych odcieni zieleni na tej samej stronie. Chociaż wszystko jest przeważnie zielone, użycie zarówno jasnych, jak i ciemnych odcieni zapobiega płaskiemu wyglądowi strony.

7. Akcent

Kolory akcentujące odnoszą się do tych, które służą podkreśleniu ważnych elementów. Te kolory są używane oszczędnie, a niektóre witryny używają koloru marki jako koloru akcentującego.
Na przykład Frakton używa głównie czarno-białej palety kolorów z dodatkami żółci gdzieniegdzie. Czarno-biały schemat pomaga zwrócić całą uwagę na żółte podświetlenie, dlatego kolor akcentujący jest używany w przypadku przycisków, wyróżnionych tekstów i nagłówków.

8. Kontrastujące kolory

Niektóre strony internetowe lubią używać dwóch kontrastujących kolorów, aby stworzyć uderzający efekt wizualny. Te kolory zwykle znajdują się na przeciwnych końcach koła kolorów.

Turner Dairy wykorzystuje kolor czerwony i niebieski do zestawiania swoich produktów mlecznych z produktami niemlecznymi. Utrzymują ten kontrast w całej swojej witrynie. Przyciski i nagłówki są przeważnie czerwone, a elementy wizualne - niebieskie. Używają również białego tła dla czytelności.

Owijanie w górę

Wybór odpowiedniej kolorystyki to nie tylko połączenie pięknych kolorów. Chodzi o wybranie takiego, który jest odpowiedni dla Twojej marki, odbiorców i zaangażowania użytkowników.

Jeśli chcesz bezproblemowego procesu znajdowania dobrej palety, użyj generatorów kolorów. Wybierz kolory dominujące, drugorzędne i tła. Musisz także pomyśleć o tym, jak każdy kolor powinien być umieszczony w Twojej witrynie.

Chociaż wymieniłem tylko 8 schematów kolorów, istnieje nieskończona liczba kombinacji kolorów, które możesz wypróbować na swojej stronie WordPress. Nie bój się więc eksperymentować i powodzenia.

Przeczytaj także:


O autorze: Simon Dwight Keller

Simon Dwight Keller jest przedsiębiorcą zajmującym się marketingiem cyfrowym, który chce przyciągnąć mnóstwo ruchu do Twojej witryny dzięki kreatywnym i atrakcyjnym treściom. Po trzech latach ciężkiej pracy jako freelancer postanowił przenieść swoje usługi na wyższy poziom, współtworzył firmę zajmującą się marketingiem cyfrowym PRable. W końcu Simon poczuł, że aby osiągnąć więcej, musi założyć własną firmę – SDK Marketing. Dzięki swojemu małemu, choć profesjonalnemu zespołowi, jest gotowy do podejmowania nowych wyzwań, zwiększania ruchu i generowania większych przychodów. Oprócz jego palącej pasji do SEO, interesuje się hokejem na lodzie i podróżami. Połącz się z Simonem na LinkedIn.

O gościu WHSR

Ten artykuł został napisany przez współpracownika gościa. Poniższe poglądy autora są w całości jego i mogą nie odzwierciedlać poglądów WHSR.