Culorile creează o identitate de brand puternică, evocă emoții și direcționează atenția utilizatorilor către anumite secțiuni ale site-ului tău. O paletă de culori aleasă cu grijă face site-ul atractiv din punct de vedere vizual și ușor de reținut pentru vizitatori. Acest ghid explică cum să editezi culorile site-ului, cum să alegi scheme cromatice și cum să folosești opțiuni personalizate pentru a-ți adapta textele, butoanele și layout-urile.
Pentru a gestiona culorile site-ului, urmează acești pași:
În Editorul site-ului, dă clic pe Design în meniul de sus.
Selectează Colors din lista derulantă.
Folosește meniul lateral pentru a răsfoi schemele de culori disponibile sau pentru a selecta opțiuni personalizate.
Alege opțiunea Popular pentru a selecta din palete predefinite sau pentru a-ți genera propria paletă:
Selectare - Dă clic pe o schemă de culori pentru a o aplica instant sau dă clic pe butonul plus pentru a vedea variații suplimentare.
Personalizare - Dă clic pe fiecare culoare dintr-o schemă pentru a alege una nouă din selectorul de culori.
Filtrare și Favorite - Folosește filtrul pentru a afișa scheme în funcție de anumite culori sau dă clic pe pictograma inimă pentru a marca o paletă ca favorită.
Instrumente de generare - Dă clic pe pictograma Paletă pentru a crea o schemă folosind un cod hashtag sau folosește pictograma Imagine pentru a genera o paletă bazată pe imaginea de copertă a paginii tale principale.
Folosește opțiunea Custom pentru a ajusta elemente specifice în întregul site:
Culoare principală și butoane - Alege culoarea principală pentru linkuri și secțiunile esențiale. Folosește butoanele „Apply to all” pentru a sincroniza rapid această culoare pe toate elementele și pe textul butoanelor.
Culorile meniului - Personalizează culorile pentru fundalul meniului, text, efectele la hover, borduri și liniile de separare între pagini.
Culorile paginii - Setează fundalul, textul și culorile elementelor pentru Pagina principală (Main Page), Pagina secundară (Second Page) și Pagini interne (Internal Pages - pagini care nu sunt afișate pe pagina principală).
Secțiuni și subsol - Ajustează culoarea principală pentru anumite secțiuni de pe pagini și alege culorile de fundal și text pentru subsol (footer).
Ierarhie vizuală - Folosirea consecventă a unei culori principale îi ajută pe utilizatori să identifice mai ușor elementele interactive, precum butoanele și linkurile.
Coerență de brand - Generarea unei scheme de culori din imaginea paginii principale este o metodă rapidă de a te asigura că culorile site-ului se potrivesc cu identitatea ta de brand.
Efecte la hover - Nu uita să verifici culorile la hover ale meniului, pentru a te asigura că textul rămâne lizibil atunci când un vizitator interacționează cu navigarea.
Verificarea vizibilității culorii textului - După ce ajustezi culorile textului pe site, este important să revizuiești modificările pentru a te asigura că nuanța aleasă se evidențiază pe fundal, în casetele de text și pe culorile butoanelor. Dacă textul se confundă cu aceste elemente, pot apărea situații în care bifele (checkbox-urile), conținutul paginii și textul butoanelor devin „invizibile”.
Cu excepția cazului în care ți se oferă această opțiune, schimbarea culorilor site-ului afectează toate paginile și conținutul. Asta înseamnă că nu poți face modificări doar pentru segmente individuale ale paginilor sau ale conținutului. Reține că poți edita culorile secțiunilor folosind pictograma rotiță; află mai multe despre Editarea secțiunilor site-ului
