Bài Viết Trợ Giúp/Danh mục: Thiết Kế và Tùy Chỉnh/Cách Thay Đổi Theme và Màu Sắc
Danh mục: Thiết Kế và Tùy ChỉnhThời gian đọc: 6 phút đọc

Cách Thay Đổi Theme và Màu Sắc

Hướng dẫn tùy chỉnh giao diện carousel với theme và bảng màu phù hợp với thương hiệu

thememàu-sắcthiết-kếthương-hiệutùy-chỉnh
Cập nhật lần cuối: 16/8/2025

Cách Thay Đổi Theme và Màu Sắc

Tùy chỉnh giao diện carousel với theme và bảng màu phản ánh thương hiệu của bạn. Thiết kế nhất quán giúp tăng nhận diện thương hiệu và tạo ấn tượng chuyên nghiệp.


🟢 Bước 1: Truy Cập Cài Đặt Theme

  • Tìm panel "Theme & Colors" trong sidebar bên phải
  • Hoặc nhấp vào tab "Thiết Kế" trên thanh công cụ
  • Panel theme sẽ hiển thị tất cả tùy chọn màu sắc

Cài đặt theme và màu sắc carousel


🟢 Bước 2: Chọn Theme Có Sẵn

🎨 Theme Được Định Sẵn

Theme Phổ Biến:

  • Minimalist: Trắng, xám, đen - chuyên nghiệp
  • Vibrant: Màu sắc tươi sáng - thu hút
  • Corporate: Xanh dương, xám - doanh nghiệp
  • Creative: Gradient, màu sặc sỡ - sáng tạo
  • Dark Mode: Nền đen, chữ trắng - hiện đại

Các theme có sẵn

Cách Áp Dụng:

  1. Nhấp vào theme mong muốn
  2. Xem preview ngay lập tức
  3. Tất cả slide tự động cập nhật

🟢 Bước 3: Tùy Chỉnh Màu Sắc

🎯 Màu Chính (Primary Colors)

Background Color - Màu nền:

  • Nhấp vào color picker
  • Chọn từ bảng màu hoặc nhập hex code
  • Ví dụ: #FFFFFF (trắng), #000000 (đen)

Text Color - Màu chữ:

  • Đảm bảo tương phản tốt với nền
  • Test khả năng đọc trên mobile
  • Ví dụ: #333333 (xám đậm), #FFFFFF (trắng)

Tùy chỉnh màu chính

🎨 Màu Phụ (Accent Colors)

Header Color - Màu tiêu đề:

  • Làm nổi bật thông điệp chính
  • Thường đậm hơn màu chữ thường
  • Phù hợp với brand color

Highlight Color - Màu nhấn:

  • Cho button, link, CTA
  • Tạo điểm nhấn trong thiết kế
  • Màu brand hoặc tương phản

Màu phụ và nhấn


🟢 Bước 4: Áp Dụng Brand Colors

📋 Sử Dụng Màu Thương Hiệu

Nhập Hex Code:

  1. Copy hex code từ brand guideline
  2. Paste vào color picker
  3. Ví dụ: #FF6B35 (cam), #1DA1F2 (Twitter blue)

Color Palette Generator:

  • Sử dụng màu chính làm base
  • Tool tự tạo bảng màu hài hòa
  • Chọn từ 3-5 màu phù hợp

Brand colors integration


💡 Nguyên Tắc Thiết Kế Màu Sắc

✨ Tương Phản và Dễ Đọc

Kiểm Tra Tương Phản:

  • Chữ tối trên nền sáng: tỉ lệ ít nhất 4.5:1
  • Chữ sáng trên nền tối: tỉ lệ ít nhất 3:1
  • Sử dụng công cụ contrast checker

Test Trên Thiết Bị:

  • Desktop, tablet, mobile
  • Ánh sáng khác nhau
  • Màn hình khác nhau

🎯 Quy Tắc 60-30-10

  • 60% - Màu chủ đạo (nền, background)
  • 30% - Màu phụ (text, elements)
  • 10% - Màu nhấn (CTA, highlights)

Quy tắc 60-30-10


🚀 Theme Theo Mạng Xã Hội

📱 LinkedIn

  • Màu chính: #0077B5 (LinkedIn blue)
  • Background: Trắng hoặc #F3F2EF
  • Text: #000000 hoặc #5E5E5E
  • Style: Chuyên nghiệp, tối giản

📸 Instagram

  • Gradient: #F58529 → #DD2A7B → #8134AF
  • Background: Trắng hoặc gradient nhẹ
  • Text: Tương phản cao
  • Style: Sáng tạo, bắt mắt

🐦 Twitter/X

  • Màu chính: #1DA1F2 (cũ) hoặc #000000 (mới)
  • Background: Trắng hoặc #15202B (dark)
  • Text: #14171A hoặc #FFFFFF
  • Style: Clean, hiện đại

⚡ Mẹo Tối Ưu Hóa

✅ Làm Tốt

  • Consistent branding - Nhất quán thương hiệu
  • High contrast - Tương phản cao
  • Mobile-friendly - Thân thiện mobile
  • Accessibility - Dễ tiếp cận
  • Brand alignment - Phù hợp thương hiệu

❌ Tránh

  • Too many colors - Quá nhiều màu
  • Low contrast - Tương phản thấp
  • Neon overload - Quá chói
  • Inconsistent themes - Không nhất quán
  • Hard to read - Khó đọc

🔄 Preview và Kiểm Tra

Trước Khi Xuất:

  1. Xem tất cả slide - Kiểm tra tính nhất quán
  2. Test màu sắc - Đảm bảo dễ đọc
  3. Mobile preview - Hiển thị trên điện thoại
  4. Brand compliance - Phù hợp thương hiệu

Thao Tác Tiếp Theo 🎯

Sau khi thiết lập theme:

Theme đẹp = Ấn tượng mạnh = Tăng tương tác! 🎨✨