[Ad_1]

Có vài thứ tồi tệ hơn trên internet hơn là một Website dịu dàng. Chắc chắn, một số trang web cố tình chọn giao diện theo chủ nghĩa tàn bạo hoặc tối giản (nhìn bạn Craigslist), nhưng ngay cả những trang web này cũng không. phai. Có một bảng màu chắc chắn là một cách chắc chắn để làm cho Website những khối màu be, những khối màu đơn sắc tẻ nhạt đó denhấn qua je suisnhấn. May mắn thay, Divi đã hỗ trợ bạn bằng sự kết hợp giữa hệ thống Màu kỳ diệu của chúng tôi và tính năng Màu sắc toàn cầu. Bạn có thể dễ dàng áp dụng các bảng màu cho Website Divi. Kết quả chắc chắn sẽ gây ấn tượng với bạn khách.

Lời khuyên chung về bảng màu

Cho dù bạn có dễ dàng thêm bảng màu vào trang web Divi của mình hay không, bạn bắt buộc phải sử dụng đúng loại bảng màu cho ngành và thương hiệu của mình. Nếu bạn đã có những màu có thương hiệu, đây là sự lựa chọn hiển nhiên. Cũng như đi sâu vào lý thuyết màu sắc (nhân tiện, rất thú vị), chúng tôi có một số mẹo có thể giúp bạn tìm ra nơi bắt đầu với bảng màu mới của mình.

1. Chọn một trang web màu tối hoặc màu sáng

Trong bảng màu mà bạn sẽ sử dụng, chắc chắn bạn sẽ có các màu sáng và tối. Sự tương phản là bắt buộc trong bảng màu để nội dung viết không bị mất đi.

Bây giờ, điều đó ngay lập tức đưa chúng ta đến câu hỏi đầu tiên bạn cần tự hỏi khi muốn áp dụng bảng màu cho trang web của mình; bạn có muốn tạo một trang web màu tối hay màu sáng? Chỉ vì bạn chọn một cái không có nghĩa là bạn không thể kết hợp chúng, nhưng có một sự lựa chọn sẽ giúp bạn chọn cách phối màu dễ dàng hơn.

2. Lựa chọn màu sắc

Về lý thuyết, bạn có thể tự mình xác định xem bạn muốn có bao nhiêu màu trong bảng màu của mình. Không có phương pháp tiêu chuẩn để áp dụng hoặc xác định bảng màu. Tuy nhiên, để tạo sự cân bằng màu sắc đẹp với Divi, chúng tôi khuyên bạn nên sử dụng năm màu.

Để giúp bạn áp dụng bảng màu có năm màu cho trang web của mình, chúng tôi đã chọn một loại phương pháp mà chúng tôi sẽ áp dụng nhất quán cho cùng một bố cục khi trình bày các bảng màu khác nhau. Nhưng trước khi đi sâu vào vấn đề đó, chúng ta hãy xem xét các loại màu khác nhau mà bạn cần có trong bảng màu của mình nếu bạn định sử dụng phương pháp của chúng tôi.

Màu nền

bảng màu

Đảm bảo các màu nền bạn chọn phù hợp với nhau. Bạn sẽ sử dụng các màu nền này gần nhau và cho kết quả đẹp; chúng phải có một sự hòa hợp nhất định.

Màu chữ

bảng màu thay đổi

Điều tiếp theo bạn sẽ cần phải chọn là màu chữ. Về mặt logic, màu chữ phụ thuộc vào màu nền bạn chọn. Nếu bạn đã chọn màu nền sáng, hãy đảm bảo rằng màu chữ của bạn là màu tối và ngược lại.

Màu siêu liên kết và CTA

bảng màu thay đổi

Màu siêu liên kết bạn chọn là một trong những màu làm sống động trang web của bạn. Đảm bảo rằng màu này nổi bật so với các màu khác trong bảng màu của bạn, vì bạn sẽ sử dụng nó cho bất kỳ lời kêu gọi hành động nào mà bạn đưa vào trang web của mình.

Màu sắc cho những nét cuối cùng

bảng màu thay đổi

Cuối cùng, bạn có thể chọn một màu làm sẵn khác sẽ mang lại màu sắc cho trang web của bạn. Mặc dù màu này không quan trọng bằng màu siêu liên kết nhưng nó sẽ giúp bạn hoàn thành việc cân bằng màu sắc trên trang web của mình.

3. Đảm bảo có đủ độ tương phản

Như đã đề cập trước đó, cung cấp độ tương phản giữa một số màu trong bảng màu của bạn là điều cần thiết. Nếu bạn đang sử dụng bảng màu cho một trang web, sự tương phản này chủ yếu sẽ giúp bạn làm cho nội dung bằng văn bản mà bạn chia sẻ có thể đọc được. Bởi vì, nếu nội dung của bạn không dễ đọc, thì vấn đề là gì?

4. Tìm sự cân bằng sử dụng màu sắc phù hợp

Có nhiều cách khác nhau để xác định tần suất bạn muốn sử dụng một màu cụ thể trong bảng phối màu của mình. Tạo sự cân bằng màu sắc tốt là cần thiết nếu bạn không muốn họ cảm thấy choáng ngợp bởi màu sắc bạn sử dụng trên trang web của mình.

Đảm bảo hầu hết thời gian sử dụng các màu trung tính nhất trong bảng màu của bạn và sử dụng các màu khác để làm nổi bật nội dung bạn cung cấp.

Cách thêm bảng màu vào trang web Divi của bạn

Với tất cả những điều đó, đã đến lúc tìm hiểu Divi và áp dụng bảng màu mới cho trang web của bạn!

Bảng màu Divi mặc định

Đầu tiên, hãy truy cập trang tổng quan WordPress của bạn và điều hướng đến Divi - Tùy chọn chủ đề. Phía dưới cái Chung , bạn sẽ thấy một mục có tiêu đề Bảng chọn màu mặc định. Điều này cho phép bạn chọn 8 màu mà bạn muốn truy cập nhanh chóng mỗi khi bạn mở các tùy chọn màu trong trình tạo Divi. Theo mặc định, đây là những màu sáng được nhiều người sử dụng, nhưng chúng không phải là một bảng màu hoàn chỉnh nên được sử dụng trên một trang web duy nhất.

bảng màu mặc định

Xin lưu ý rằng điều này không áp dụng màu sắc cho chính trang web của bạn. Nó chỉ trình bày chúng dưới dạng các tùy chọn nhanh trong hàm tạo.

Nhập hàm tạo Divi

Cho dù bạn có xác định bảng màu trong cài đặt Divi hay không, bạn sẽ luôn có khả năng áp dụng các màu khác nhau cho các phần tử của trang web của mình. Để thực hiện việc này, hãy vào Divi Builder và nhập các thông số của bất kỳ mô-đun nào bạn muốn điều chỉnh trong bảng màu mới của mình.

công cụ chọn màu

Dưới màu hiện được chọn cho bất kỳ phần tử nào, bạn sẽ thấy biểu tượng dấu chấm lửng (ba chấm). Khi bạn nhấp vào nó, bạn sẽ xuất hiện công cụ Magic Color từ Divi. Trình tạo sẽ tính đến các màu được sử dụng gần đây của bạn và các màu trên chính trang để cung cấp cho bạn một loạt nhiều bảng được tạo thành từ các màu bổ sung sẽ hoạt động với nhau khá tốt.

Xác định màu sắc toàn cầu

Khi bạn đã quyết định màu nào bạn muốn sử dụng, đã đến lúc thiết lập chúng thành màu toàn cầu. Màu toàn cục có thể được định cấu hình để thay đổi trên toàn bộ trang bất kể mô-đun hoặc phần tử. Điều này có nghĩa là nếu bạn muốn hoán đổi 5 màu khác nhau, bạn sẽ không phải làm điều đó hơn 100 lần, riêng lẻ trên các trường hợp của màu đó. Bạn sẽ làm điều này 5 lần.

Để bắt đầu, hãy chuyển đến bất kỳ mô-đun nào có bộ chọn màu. Dưới đây bạn sẽ thấy một liên kết có tên Toàn cầu. Nhấp vào nó và bảng màu toàn cầu biến mất. Từ đó, bạn sẽ xác định các màu bạn muốn cung cấp trên toàn cầu bằng cách nhấp vào nút thêm + biểu tượng.

toàn cầu

Khi bộ chọn mới xuất hiện, hãy nhấp vào nút đánh dấu xanh để thêm màu hiện tại dưới dạng tùy chọn chung.

màu sắc toàn cầu

Vòng tròn màu trắng ở đâu không quan trọng. Giá trị thập lục phân là giá trị được thêm vào các màu toàn cục. Bây giờ bạn sẽ thấy màu mặc định được thêm vào bên cạnh biểu tượng dấu cộng. Và bạn có thể thấy rằng màu đã được áp dụng cho trang web vì biểu tượng thả trên màu thay vì hình tròn thông thường.

giọt có nghĩa là màu tổng thể

Ngoài ra, bạn có thể nhấp chuột phải vào màu đã chọn và chọn "Chuyển đổi sang toàn cầu" để thêm màu đó vào danh sách.

Chuyển đổi Global Divi

Lặp lại quy trình này cho từng màu trong bảng màu bạn đã chọn để toàn bộ bảng màu của bạn cuối cùng được lưu dưới liên kết Toàn cầu. Điều này rất quan trọng khi bạn áp dụng bảng màu mới cho tất cả các phần tử trên một trang.

Áp dụng màu toàn cầu

Sau đó, bạn muốn thay thế tất cả các trường hợp cùng màu trên trang của bạn có thể được điều chỉnh trên toàn cầu. Những gì bạn muốn làm là chuyển đến phần tử có màu bạn muốn thay đổi và nhấp chuột phải vào nó. Sau đó bạn sẽ chọn Tìm và thay thế từ menu ngữ cảnh. Không chuyển đổi màu này thành toàn cục ở đây. Đây là một phần của bước tiếp theo.

tìm và thay thế

Màn hình tiếp theo sẽ là nơi bạn chọn để thay thế màu này bằng màu tổng thể của bạn. Đảm bảo rằng dưới Thay bằng bạn bấm vào Toàn cầu sau đó chọn màu tổng thể bạn muốn mở rộng trên trang. Đảm bảo bạn chọn hộp có nội dung "Thay thế tất cả các giá trị được tìm thấy trong mỗi loại tùy chọn, không giới hạn ở [chèn loại phần tử hiện tại]." Điều này sẽ đảm bảo rằng không có vấn đề gì, màu đó sẽ được thay thế.

tìm và thay thế bằng toàn cầu

Bây giờ bạn có thể thay đổi màu tổng thể cụ thể đó và khi bạn làm vậy, mọi trường hợp của nó sẽ thay đổi. Hãy cẩn thận, bạn không chọn một màu mới từ bảng màu. Điều này sẽ chỉ thay đổi màu hiện tại. Bạn Biên tập màu để thay đổi nó ở mọi nơi vì bạn đã đánh dấu từng trường hợp của màu đơn đó là toàn cục.

chọn màu sắc

Bạn có thể chỉnh sửa nó chung bằng cách sử dụng công cụ chọn màu. Chỉ cần nhấp vào giọt để chọn một hình mới.

chỉnh sửa màu sắc

Sau đó, chỉ cần lặp lại quy trình này cho từng màu trong bảng màu mới của bạn. Chỉ một thay đổi cho mỗi màu trong bảng màu của bạn. Không phải là một sự trao đổi của từng mặt hàng cụ thể của một màu nhất định.

gói

Việc chọn và áp dụng bảng màu toàn cầu cho trang Divi của bạn chưa bao giờ dễ dàng hơn thế. Bạn có thể sử dụng tính năng Magic Color của chúng tôi để giúp bạn chọn bảng màu và sau đó bạn có thể đặt chúng làm màu tổng thể cho trang web của mình. Sau khi hoàn tất, tất cả những gì bạn phải làm là chọn màu bạn đang hoán đổi và sử dụng chức năng tìm kiếm và thay thế tích hợp của Divi để thay thế các màu đó trên trang. Với quy trình làm việc này, bạn chắc chắn sẽ tiết kiệm được nhiều thời gian khi thiết kế lại các trang web khác nhau và sửa đổi một số gói bố cục miễn phí của chúng tôi.

Thưởng thức!

Hình ảnh nổi bật của bài báo của ART.ICON / shutterstock.com



[Ad_2]

Liên kết nguồn