Đặt bảng màu cho toàn bộ cửa hàng

Phối màu là gì?

Tính năng Phối màu nằm trong cài đặt chủ đề. Nó cho phép bạn sắp xếp nhiều cách kết hợp màu sắc khác nhau và áp dụng chúng một cách liền mạch trên các phần khác nhau của trang web thông qua Bộ chọn lược đồ màu.

Video bên dưới là ví dụ về sự tiện lợi mà tính năng Phối màu mang lại:

1. Tôi có thể chuyển sang Chế độ ánh sáng chỉ bằng một cú nhấp chuột.
2. Tôi có thể dễ dàng phối màu các thành phần trên trang web dựa trên bảng màu được xác định trước.
3. Trong trường hợp muốn thay đổi bảng màu, tôi chỉ cần thiết lập lại màu sắc trong Color Lược đồ, thay vì phải thay đổi màu cho từng thành phần riêng lẻ của website.

Tiếp theo, tôi sẽ hướng dẫn bạn từng bước cách thiết lập Bảng phối màu.

Thiết lập bảng màu

Trong phần này, chúng ta sẽ khám phá các chủ đề sau:

1. Hai thành phần trong Bảng màu.
2. Màu sắc sơ cấp, màu thứ cấp, màu thứ ba và màu bậc bốn là gì?
3. Màu tối nhất và màu sáng nhất là gì?
4. Cách thiết lập Chế độ tối.
   Hiểu những khía cạnh này sẽ hỗ trợ bạn trong việc thiết lập Bảng màu phù hợp cho trang web của bạn.

Hai thành phần trong Bảng màu

1. Thành phần màu đầu tiên bao gồm các cài đặt cho các màu sau theo thứ tự: Màu chính, Màu phụ, Màu thứ ba và Màu thứ tư.
2. Thành phần màu thứ hai thường được sử dụng cho màu văn bản trên một trang.

Màu cơ bản, màu thứ cấp, màu cấp ba và màu bậc bốn?

Màu cơ bản

Màu chính không nhất thiết có nghĩa là màu được sử dụng nhiều nhất trên trang web của bạn.

Màu Primary thường dùng để nhấn mạnh những thành phần mà bạn muốn khách hàng chú ý đến như làm nổi bật tính năng của sản phẩm, nút thêm vào giỏ hàng, nút xem thêm. Bạn cũng có thể sử dụng màu thương hiệu của mình làm màu chính.

Màu thứ cấp Màu

Trong trường hợp có nhiều thành phần bạn muốn người dùng chú ý được đặt cạnh nhau, bạn có thể xen kẽ giữa màu Phụ và Màu Chính. Điều này giúp nâng cao trải nghiệm người dùng.

Ví dụ: Khi tôi kích hoạt nút 'Mua ngay', bạn sẽ nhận thấy màu của nút 'Thêm vào giỏ hàng' và 'Mua ngay' giống nhau. Vì chức năng của 2 nút này khác nhau nên mình sẽ điều chỉnh màu sắc của nhóm nút “Thêm vào giỏ hàng”, “Yêu thích” và “So sánh” ở trên.

Màu bậc ba và màu bậc bốn

Màu bậc ba và màu bậc bốn có chức năng tương tự như màu thứ cấp. Chúng bổ sung cho màu chính và nâng cao trải nghiệm người dùng. Thông thường, chúng tôi sử dụng hai màu chính trên trang web: Màu chính và Màu phụ.

Màu tối nhất và màu sáng nhất làm gì trong trang Veda?

Để giải thích nhanh, khi bạn đang sử dụng Chế độ sáng, Màu tối nhất là Màu văn bản và Màu sáng nhất là màu nền của trang của bạn và ngược lại khi bạn đang sử dụng chế độ tối

Làm cách nào để thiết lập Chế độ tối?

Trong Lược đồ màu Veda luôn có hai biến thể: Chế độ sáng và Chế độ tối. Để thiết lập Dark Mode, vui lòng làm theo hướng dẫn bên dưới:

Lời khuyên: Bạn có thể sử dụng Bánh xe màu do Canva cung cấp để tìm màu sắc cho trang web của bạn.