[Ad_1]

W internecie jest kilka gorszych rzeczy niż Witryna internetowa mdłe. Jasne, niektóre strony internetowe celowo wybierają brutalistyczny lub minimalistyczny wygląd (patrząc na twoją Craigslistę), ale nawet one nie są. blaknąć. Posiadanie jednolitej palety kolorów to niezawodny sposób na zrobienie Witryna internetowa beżowe masy, te nijakie, monochromatyczne e-sklepy, które… denaciśnij ponad je suisnaciskać. Na szczęście Divi oferuje Ci połączenie naszego systemu Magic Color i funkcji Global Colors. Możesz łatwo zastosować palety kolorów do swojego Witryna internetowa Divi. Wyniki z pewnością zrobią na Tobie wrażenie odwiedzający.

Ogólne porady dotyczące palet kolorów

Bez względu na to, jak łatwo jest dodać paletę kolorów do swojej witryny Divi, konieczne jest użycie odpowiedniego rodzaju palety dla swojej branży i marki. Jeśli masz już markowe kolory, to jest to oczywisty wybór. Oprócz zagłębienia się w teorię kolorów (co, nawiasem mówiąc, jest bardzo interesujące), mamy kilka wskazówek, które pomogą ci dowiedzieć się, od czego zacząć nową paletę kolorów.

1. Wybierz ciemną lub jasną stronę internetową

W kolorystyce, której użyjesz, niewątpliwie będziesz mieć jasne i ciemne kolory. Kontrast jest obowiązkowy w palecie kolorów, aby treść pisana nie została zgubiona.

To natychmiast prowadzi nas do pierwszego pytania, które musisz sobie zadać, gdy chcesz zastosować schemat kolorów do swojej witryny; Czy chcesz stworzyć stronę internetową ciemny czy jasny? Tylko dlatego, że wybierzesz jeden, nie oznacza, że ​​nie możesz ich połączyć, ale posiadanie wyboru ułatwia wybór schematu kolorów.

2. Wybór koloru

Teoretycznie możesz sam określić, ile kolorów chcesz w swoim schemacie kolorów. Nie ma standardowej metody nakładania lub określania palet kolorów. Aby jednak stworzyć ładną równowagę kolorów za pomocą Divi, zalecamy użycie pięciu kolorów.

Aby pomóc Ci zastosować palety kolorów z pięcioma kolorami do Twojej witryny, wybraliśmy rodzaj metody, którą będziemy konsekwentnie stosować do tego samego układu podczas prezentowania różnych palet kolorów. Ale zanim zagłębimy się w to, przyjrzyjmy się różnym rodzajom kolorów, które musisz mieć w swojej palecie kolorów, jeśli zamierzasz przejść przez naszą metodę.

Kolory tła

palety kolorów

Upewnij się, że wybrane kolory tła pasują do siebie. Użyjesz tych kolorów tła blisko siebie i uzyskasz piękne rezultaty; muszą mieć pewną harmonię.

Kolor czcionki

zmiany palety kolorów

Następną rzeczą, którą musisz wybrać, jest kolor czcionki. Logicznie rzecz biorąc, kolor czcionki zależy od wybranych kolorów tła. Jeśli wybrałeś jasne kolory tła, upewnij się, że kolor czcionki jest ciemny i odwrotnie.

Kolor hiperłącza i wezwania do działania

zmiany palety kolorów

Wybrany przez Ciebie kolor hiperłącza jest jednym z kolorów, które ożywiają Twoją witrynę. Upewnij się, że ten kolor wyróżnia się spośród innych kolorów w Twojej palecie, ponieważ będziesz go używać we wszystkich wezwaniach do działania, które umieszczasz w swojej witrynie.

Kolor do końcowych poprawek

zmiany palety kolorów

Na koniec możesz wybrać inny gotowy kolor, który wprowadzi kolor do Twojej witryny. Chociaż ten kolor nie jest tak ważny jak kolor hiperłącza, pomoże Ci w uzupełnieniu balansu kolorów w Twojej witrynie.

3. Upewnij się, że kontrast jest wystarczający

Jak wspomniano wcześniej, zapewnienie kontrastu między niektórymi kolorami w twoim schemacie kolorów jest niezbędne. Jeśli używasz schematu kolorów na stronie internetowej, ten kontrast przede wszystkim pomoże ci sprawić, że pisemna treść, którą udostępniasz, będzie czytelna. Bo jeśli twoje treści nie są łatwe do odczytania, jaki jest sens?

4. Znajdź odpowiednią równowagę użycia kolorów

Istnieją różne sposoby określania, jak często chcesz używać określonego koloru w swoim schemacie kolorów. Stworzenie dobrego balansu kolorów jest konieczne, jeśli nie chcesz, aby poczuli się przytłoczeni kolorami, których używasz w swojej witrynie.

Upewnij się, że używasz najbardziej neutralnych kolorów w swoim schemacie kolorów przez większość czasu, a pozostałe kolory zaakcentuj dostarczaną zawartość.

Jak dodać paletę kolorów do swojej witryny Divi

Mając to wszystko na uwadze, nadszedł czas, aby zagłębić się w Divi i zastosować nowy schemat kolorów Twojej witryny!

Domyślna paleta Divi

Najpierw przejdź do pulpitu WordPress i przejdź do Divi - Opcje motywu. Pod ogólny zobaczysz wpis zatytułowany Domyślna paleta kolorów. Pozwala to wybrać 8 kolorów, do których chcesz szybko uzyskać dostęp za każdym razem, gdy otwierasz opcje kolorów w konstruktorze Divi. Domyślnie są to jasne kolory, z których korzysta wiele osób, ale nie stanowią one pełnej palety, którą należy zastosować na jednej stronie internetowej.

domyślna paleta kolorów

Należy pamiętać, że nie dotyczy to kolorów samej witryny. Przedstawia je tylko jako szybkie opcje w konstruktorze.

Wejdź do konstruktora Divi

Niezależnie od tego, czy zdefiniujesz paletę w ustawieniach Divi, zawsze będziesz mieć możliwość zastosowania różnych kolorów do elementów swojej witryny. Aby to zrobić, przejdź do Divi Builder i wprowadź parametry dowolnego modułu, który chcesz dostosować w nowej palecie.

narzędzie do wybierania kolorów

Pod aktualnie wybranym kolorem dowolnego elementu zobaczysz ikona wielokropka (trzy kropki). Po kliknięciu wywołujesz narzędzie Magiczny kolor z Divi. Konstruktor bierze pod uwagę ostatnio używane kolory i kolory na samej stronie, aby dać ci serię wielu palet składających się z uzupełniających kolorów, które powinny dobrze ze sobą współpracować.

Zdefiniuj kolory jako globalne

Gdy już zdecydujesz, jakich kolorów chcesz użyć, nadszedł czas, aby ustawić je jako globalne. Kolory globalne można skonfigurować tak, aby zmieniały się na całej stronie, niezależnie od modułu lub elementu. Oznacza to, że jeśli chcesz zamienić 5 różnych kolorów, nie będziesz musiał robić tego więcej niż 100 razy, indywidualnie na instancjach tego koloru. Zrobisz to 5 razy.

Aby rozpocząć, przejdź do dowolnego modułu z próbnikiem kolorów. Poniżej zobaczysz link o nazwie Globalne. Kliknij na nią, a globalna paleta zniknie. Stamtąd zdefiniujesz kolory, które chcesz udostępnić globalnie, klikając przycisk więcej + Ikona.

światowy

Gdy pojawi się nowy selektor, kliknij przycisk zielony kleszcz aby dodać bieżący kolor jako opcję globalną.

globalne kolory

Nie ma znaczenia, gdzie jest biały okrąg. Wartość szesnastkowa jest dodawana do kolorów globalnych. Zobaczysz teraz domyślny kolor dodany obok ikony plusa. I widać, że kolor został zastosowany do witryny z powodu ikony kropli na kolorze zamiast zwykłego koła.

kropla oznacza ogólny kolor

Dodatkowo możesz kliknąć prawym przyciskiem na wybrany kolor i wybrać „Konwertuj na globalny”, aby dodać go do listy.

Globalna konwersja Divi

Powtórz ten proces dla każdego koloru w wybranej palecie, aby cała paleta została ostatecznie zapisana pod linkiem Globalne. Jest to bardzo ważne, ponieważ stosujesz nową paletę do wszystkich elementów na stronie.

Zastosuj kolory globalne

Następnie chcesz zastąpić wszystkie wystąpienia tego samego koloru na swojej stronie można dostosować globalnie. To, co chcesz zrobić, to przejść do elementu z kolorem, który chcesz zmienić i kliknąć go prawym przyciskiem myszy. Następnie wybierzesz Znajdź i zamień z menu kontekstowego. Nie konwertuj tutaj tego koloru na globalny. To część następnego kroku.

Znajdź i zamień

Następny ekran będzie miejscem, w którym zdecydujesz się zastąpić ten kolor swoim ogólnym kolorem. Upewnij się, że poniżej Zamienić klikasz Globalne następnie wybierz ogólny kolor, który chcesz rozszerzyć na stronie. Upewnij się, że zaznaczyłeś pole „Zamień wszystkie wartości znalezione w każdym typie opcji, nie ograniczając się do [wstaw bieżący typ elementu]”. Zapewni to, że bez względu na wszystko, ten kolor zostanie zastąpiony.

znajdź i zamień na global

Teraz możesz zmienić ten konkretny ogólny kolor, a kiedy to zrobisz, zmieni się każda jego instancja. Uważaj, nie wybierasz nowego koloru z palety. Zmieni to tylko bieżący kolor. Ty Edytować kolor, aby zmienić go wszędzie, ponieważ oznaczyłeś każde wystąpienie tego pojedynczego koloru jako globalne.

wybierz kolory

Możesz edytować go zbiorczo za pomocą selektora kolorów. Wystarczy kliknąć kroplę, aby wybrać nową.

edycja kolorów

Następnie powtórz ten proces dla każdego koloru w nowej palecie. Tylko jedna zmiana dla każdego koloru w Twojej palecie. Nie wymiana każdego konkretnego przedmiotu w określonym kolorze.

paczka

Wybór i zastosowanie globalnej palety kolorów do witryny Divi nigdy nie było łatwiejsze. Możesz użyć naszej funkcji Magiczny Kolor, aby pomóc Ci wybrać paletę, a następnie ustawić je jako ogólne kolory dla Twojej witryny. Po zakończeniu wystarczy wybrać kolor, który wymieniasz, i użyć wbudowanej funkcji wyszukiwania i zamiany Divi, aby zastąpić te kolory na stronie. Dzięki temu przepływowi pracy na pewno zaoszczędzisz dużo czasu na przeprojektowywaniu różnych stron internetowych i modyfikowaniu niektórych naszych bezpłatnych pakietów układów.

Ciesz się!

Polecane zdjęcie artykułu autorstwa ART.ICON / shutterstock.com



[Ad_2]

Link Źródło