Memilih warna situs web yang tepat sangat penting untuk menciptakan desain yang menarik secara visual dan kohesif yang secara efektif menyampaikan pesan merek dan meningkatkan pengalaman pengguna.
Dalam artikel ini:
Anda dapat mengatur warna situs web Anda dari bagian Desain (1).
Setelah Anda berada di bagian Desain, klik tab Warna (2).
Palet Warna Saat Ini
- Yang dipilih Palet warna (1) akan ditampilkan di sini.
- Anda dapat menyesuaikan (2) masing-masing opsi dalam palet dan pilih warna sesuai preferensi Anda.
- Anda akan melihat lima pilihan warna – Latar Belakang (3), Netral (4), Aksen (5), Aksen Gelap (6), dan Teks (7). Opsi ini menentukan palet keseluruhan.
Catatan: Setelah melakukan penyesuaian khusus pada Opsi Palet Warna atau Edit Lanjutan, Anda akan melihat tombol 'Diubah' (8).
Berikut adalah daftar item yang mempengaruhi saat membuat perubahan pada opsi palet individual:
Preset Palet Warna
Preset palet warna (1) adalah kombinasi warna yang telah ditentukan sebelumnya yang dipilih dengan cermat untuk memberikan Anda cara cepat dan mudah untuk memberikan tampilan tertentu pada situs web Anda.
Anda dapat dengan mudah mengubah warna situs web Anda dengan mengubah preset. Ini akan diterapkan secara global di keseluruhan situs web Anda.
Anda dapat Memfilter (2) daftar dengan memilih Semua, Terang, Gelap atau Tebal preset. Setelah Anda memilih filter, Anda hanya akan melihat palet yang terkait.
Untuk memilih Palet Warna (3), Anda cukup mengkliknya dan Mempublikasikan (4) perubahannya.
Anda dapat mengganti pengaturan palet default dengan menyesuaikan Opsi Palet Warna atau dari Edit Lanjutan.
Pengeditan Tingkat Lanjut
Dari Advanced Edit, Anda memiliki kemampuan untuk menyesuaikan warna setiap elemen situs web Anda, yang memberi Anda kendali manual penuh atas estetikanya. Di bawah ?Advanced Edit, Anda akan menemukan opsi berikut:
- Opsi Warna Situs
- Opsi Warna Kotak Cahaya
- Pilihan Warna Kartu
- Opsi Warna Menu
- Opsi Warna Teks
- Opsi Warna Tombol & Tautan
Pilihan Warna Situs
- Judul situs: Pilih warna teks untuk judul situs Anda.
- Latar Belakang Situs: Tetapkan warna dasar untuk situs web Anda.
- Latar Belakang Header: Tetapkan warna dasar untuk header situs web Anda.
- Batas Tajuk: Atur warna Border untuk header situs web Anda.
- Latar Belakang Footer: Tetapkan warna dasar untuk footer situs web Anda.
- Batas Catatan Kaki: Atur warna Border untuk footer situs web Anda.
- Judul Situs Footer: Pilih warna teks untuk judul situs yang ditampilkan di footer situs web Anda.
- Catatan kaki: Atur warna teks footer situs web Anda.
- Menu Footer Arahkan kursor: Mengatur warna item menu footer saat kursor diarahkan.
Opsi Warna Kotak Cahaya
- Latar Belakang: Mengatur warna latar belakang (hamparan) yang muncul saat gambar dilihat dalam mode lightbox.
- Teks/Elemen: Mengatur warna panah navigasi, ikon, dan elemen lainnya dalam tampilan gambar penuh.
Pilihan Warna Kartu
- Latar Belakang: Tetapkan warna kartu untuk item daftar dinamis (seperti daftar teks/gambar) yang ada di situs web Anda. Warna kartu diterapkan sebagai kerangka dan latar belakang item daftar.
- Berbatasan: Atur warna batas kartu. Anda dapat memilih warna Default atau Kustom untuk masing-masing bagian.
Pilihan Warna Menu
- Teks Menu: Mengatur warna teks untuk item menu navigasi.
- Teks Menu Arahkan kursor: Pilih warna teks untuk item menu sambil mengarahkan kursor ke atasnya.
- Teks Menu Aktif: Pilih warna teks menu aktif.
- Teks Menu Tarik-turun: Tentukan warna teks item menu tarik-turun Anda.
- Teks Menu Tarik-turun Arahkan kursor: Pilih warna hover untuk item menu dropdown.
- Basis Teks Menu Dropdown: Pilih warna dasar untuk item menu tarik-turun.
Pilihan Warna Teks
- Judul (H1): Pilih warna font untuk judul (H1).
- Judul (H2): Pilih warna font untuk judul (H2).
- Judul (H3): Pilih warna font untuk judul (H3).
- Judul (H4): Pilih warna font untuk judul (H4).
- Teks paragraf: Pilih warna font untuk semua teks paragraf (P Normal, P Kecil dan P Besar).
Opsi Tombol & Tautan
- Tombol: Pilih warna latar belakang tombol dari sini.
- Teks Tombol: Pilih warna teks tombol.
- Teks Tautan: Atur warna teks tautan untuk semua tautan di situs web.
- Tautan Teks Melayang: Mengatur warna hover teks tautan untuk tautan di situs web.
Atur Ulang Pengaturan Kustom
Anda dapat dengan mudah mengatur ulang ke pengaturan palet default jika Anda telah membuat perubahan pada warna aksen dengan mengedit palet atau menyesuaikan pengaturan warna dari Pengeditan Tingkat Lanjut.
Anda akan melihat tombol Dimodifikasi. Arahkan kursor ke tombol tersebut, maka akan berubah menjadi Reset. Anda dapat mengatur ulang perubahan ke aslinya dari sini.