Bạn có thể dễ dàng tùy chỉnh màu sắc và phông chữ để phù hợp với phong cách của công ty. Hướng dẫn này sẽ hướng dẫn bạn cách cập nhật phông chữ, thiết lập màu sắc thương hiệu, tạo nền gradient và nhiều tính năng khác ngay từ bảng điều khiển Notiondesk của bạn.
Tùy chỉnh phông chữ
Chọn phông chữ chính (tiêu đề và đầu đề)
Bạn có thể thay đổi phông chữ được sử dụng cho tiêu đề, tiêu đề phụ và các yếu tố chính khác của trung tâm hỗ trợ của bạn.
Để cập nhật phông chữ chính:
- Mở bảng điều khiển Notiondesk của bạn.
- Đi đến phần Tùy chỉnh.
- Trong phần Cài đặt Thương hiệu, tìm Phông chữ chính.
- Chọn phông chữ từ danh sách có sẵn. Các tùy chọn bao gồm Inter, Lora, Montserrat, Noto, Roboto và các phông chữ khác.
Sau khi được chọn, phông chữ mới sẽ tự động áp dụng cho các tiêu đề và tiêu đề phụ trong trung tâm hỗ trợ của bạn.
Chọn phông chữ phụ (nội dung chính)
Bạn cũng có thể thiết lập phông chữ khác cho văn bản chính của các bài viết trong trung tâm hỗ trợ.
Để cập nhật phông chữ phụ:
- Trong bảng điều khiển Notiondesk của bạn, hãy truy cập vào phần Tùy chỉnh.
- Trong phần Thương hiệu, tìm phông chữ phụ.
- Chọn phông chữ từ danh sách có sẵn, như Inter, Lora, Montserrat, Noto, Roboto và nhiều phông chữ khác.
Phông chữ được chọn sẽ được áp dụng cho toàn bộ nội dung văn bản trong trung tâm hỗ trợ của bạn.
Một phông chữ phụ tốt sẽ giúp bài viết của bạn dễ đọc hơn. Bạn có thể kết hợp các phông chữ để tạo phong cách độc đáo hoặc sử dụng cùng một phông chữ cho cả phông chính và phông phụ để duy trì tính nhất quán.
Tùy chỉnh màu sắc
Cập nhật màu sắc thương hiệu
Bạn có thể dễ dàng cập nhật các màu sắc chính của trung tâm hỗ trợ để phù hợp với thương hiệu của bạn.
Để thay đổi màu sắc thương hiệu:
- Mở bảng điều khiển Notiondesk của bạn.
- Đi đến phần Tùy chỉnh.
- Trong tab Thương hiệu, bạn có thể cập nhật các màu sau:
| Màu | Mô tả |
|---|---|
| Màu chính | Dùng cho các yếu tố điều hướng như nút bấm và liên kết đang hoạt động. |
| Màu văn bản | Được sử dụng cho văn bản chính trong trung tâm trợ giúp của bạn. |
| Màu liên kết | Dùng cho các liên kết siêu văn bản tiêu chuẩn. |
| Màu liên kết khi di chuột | Thay đổi màu liên kết khi người dùng di chuột qua nó. |
| Màu nền | Đặt màu nền cho toàn bộ trung tâm hỗ trợ của bạn. |
Mỗi lần bạn chọn một màu mới, sự thay đổi sẽ được hiển thị ngay lập tức trên trang web trực tuyến của bạn.
Tùy chỉnh màu sắc của phần tiêu đề
Phần tiêu đề của trung tâm trợ giúp của bạn bao gồm các liên kết điều hướng mà khách truy cập nhìn thấy đầu tiên. Bạn có thể cập nhật màu sắc của các liên kết để phù hợp với thương hiệu của mình hoặc cải thiện khả năng hiển thị.
Để thay đổi màu sắc của các liên kết trong phần tiêu đề:
- Đi đến phần Tùy chỉnh trong bảng điều khiển Notiondesk của bạn.
- Mở tab Đầu trang.
- Cập nhật các tùy chọn sau:
| Màu | Mô tả |
|---|---|
| Màu liên kết | Đặt màu mặc định cho các liên kết trong tiêu đề. |
| Màu liên kết khi di chuột | Đặt màu cho liên kết khi người dùng di chuột qua chúng. |
Tùy chỉnh nền của Hero Block
Hero Block là phần trên cùng của trung tâm hỗ trợ của bạn, thường là điều đầu tiên mà khách truy cập nhìn thấy. Bạn có thể tùy chỉnh nó bằng cách sử dụng màu nền hoặc hiệu ứng gradient để phản ánh tốt hơn thương hiệu của bạn.
Sử dụng màu nền đơn giản
Nếu bạn muốn sử dụng nền đơn sắc thay vì hình ảnh:
- Đi đến phần Tùy chỉnh trong bảng điều khiển của bạn.
- Mở tab Hero Block.
- Chọn nền: Màu.
- Chọn màu nền từ bảng màu hoặc dán mã hex của thương hiệu của bạn.
Màu bạn đã chọn sẽ được áp dụng làm nền cho toàn bộ khu vực Hero Block.
Sử dụng nền gradient
Hiệu ứng gradient cho phép bạn kết hợp nhiều màu sắc thành một chuyển đổi mượt mà, là cách tuyệt vời để thêm chiều sâu cho tiêu đề mà không cần sử dụng hình ảnh.
Để thiết lập một gradient:
- Trong tab Hero Block, thiết lập Background thành Gradient.
- Chọn loại gradient:
- Linear: Màu sắc chảy theo hướng thẳng.
- Tán xạ: màu sắc tỏa ra từ trung tâm.
- Đối với gradient tuyến tính, điều chỉnh góc xoay (Rotation) để kiểm soát hướng của hiệu ứng pha trộn.
- Thêm các màu gradient của bạn. Bạn có thể thiết lập tối đa 5 màu, mỗi màu có phần trăm và mã màu riêng.
Các hiệu ứng gradient có thể tùy chỉnh cao. Bạn có thể tạo ra những chuyển đổi tinh tế với hai màu hoặc tạo ra sự kết hợp đa màu sắc nổi bật. Hãy đảm bảo rằng văn bản của bạn vẫn dễ đọc trên nền.
Tùy chỉnh màu sắc của thẻ và chân trang
Bạn cũng có thể tùy chỉnh màu sắc được sử dụng trong thẻ Bộ sưu tập, thẻ Bài viết và chân trang Trung tâm Hỗ trợ để đảm bảo mọi thứ đồng nhất về thương hiệu và thẩm mỹ.
Thẻ Bộ sưu tập và Bài viết
Mỗi Bộ sưu tập hoặc Bài viết được hiển thị trong một thẻ trên Trung tâm trợ giúp của bạn. Bạn có thể thay đổi màu nền của các thẻ này để phù hợp với phong cách của bạn hoặc phân biệt giữa các phần.
Để cập nhật màu thẻ:
- Đi đến phần Tùy chỉnh trong bảng điều khiển Notiondesk của bạn.
- Mở tab Bộ sưu tập hoặc Bài viết.
- Chọn màu nền
Chọn màu sắc đơn sắc để đảm bảo văn bản bên trong thẻ vẫn dễ đọc.
Màu sắc chân trang
Phần chân trang là phần nằm ở cuối mỗi trang trung tâm hỗ trợ. Nó thường chứa các liên kết hoặc thông tin liên hệ, vì vậy tính rõ ràng là yếu tố quan trọng.
Để cập nhật màu chân trang:
- Đi đến phần Tùy chỉnh.
- Mở tab Chân trang.
- Đặt màu nền của chân trang và màu văn bản của chân trang.
Điều này giúp đảm bảo phần chân trang của bạn trông đẹp mắt và luôn dễ dàng truy cập trên nền mà bạn đã chọn.
Các nguyên tắc tốt nhất để thiết kế trung tâm hỗ trợ
Tùy chỉnh phông chữ và màu sắc giúp trung tâm hỗ trợ của bạn trông như một phần của thương hiệu, nhưng việc giữ cho nó dễ đọc và nhất quán cũng quan trọng không kém. Dưới đây là một số mẹo để đạt được kết quả tốt nhất:
- Tuân thủ màu sắc thương hiệu của bạn
Sử dụng cùng một màu sắc mà bạn sử dụng trên trang web và sản phẩm của mình. Điều này giúp người dùng cảm thấy quen thuộc.
- Sử dụng phông chữ dễ đọc
Tránh sử dụng các phông chữ quá trang trí, đặc biệt là cho văn bản chính. Hãy chọn các phông chữ rõ ràng, dễ đọc và dễ quét.
- Đảm bảo độ tương phản tốt
Đảm bảo có đủ độ tương phản giữa văn bản và nền. Ví dụ, tránh sử dụng văn bản màu xám nhạt trên nền trắng.
- Hãy cẩn thận với hiệu ứng gradient
Gradient có thể tạo điểm nhấn thị giác, nhưng quá nhiều màu sắc hoặc chuyển đổi đột ngột có thể làm nội dung của bạn khó đọc. Hãy sử dụng hai hoặc ba màu để đạt hiệu quả tốt nhất.
- Xem trước trên máy tính để bàn và thiết bị di động
Kiểm tra thiết kế của bạn trên các kích thước màn hình khác nhau để đảm bảo mọi thứ trông gọn gàng và chuyên nghiệp.