Logo
DocsTạo Nội dung

Tùy chỉnh giao diện và thiết kế

Tìm hiểu cách tùy chỉnh thiệp mời theo phong cách của bạn với màu sắc, phông chữ, hình nền, nhạc và hiệu ứng chuyển động.

12 min read
2026-03-11

Tùy chỉnh giao diện và thiết kế

Hãy biến thiệp mời thành phong cách riêng của bạn! Bạn có thể thay đổi mọi thứ từ màu sắc, phông chữ, hình nền, nhạc cho đến hiệu ứng chuyển động.

Tìm mục Cài đặt giao diện

  1. Khu vực bên trái màn hình chỉnh sửa
  2. Nhấp vào tab "Cài đặt giao diện" ở phía trên
  3. Nhiều tùy chọn tùy chỉnh sẽ hiển thị

Thứ tự khuyến nghị: Hãy nhập đầy đủ nội dung trước, sau đó mới thiết lập giao diện. Có nội dung sẵn sẽ giúp bạn dễ kiểm tra xem màu sắc và phông chữ có hợp nhau hay không!


Giao diện dựng sẵn (Preset)

Bạn có thể áp dụng ngay một giao diện đã được thiết kế sẵn:

16 preset để bạn lựa chọn:

PresetCảm giác
MinimalGọn gàng, đơn giản
ClassicTruyền thống, trang trọng
BrownẤm áp, trầm lắng
SpringTươi tắn, sáng sủa
BlueMát mẻ, trong trẻo
LavenderNhẹ nhàng, dịu dàng
PinkĐáng yêu, lãng mạn
DarkSâu lắng, ấn tượng
VividRực rỡ, sôi động
LemonVui tươi, nhẹ nhàng
MintMát mẻ, sảng khoái
CherryRực rỡ, náo nhiệt
SageTự nhiên, dễ chịu
CharcoalHiện đại, vững chãi
SlateTông lạnh, tinh tế
IndigoSâu sắc, thanh lịch

Sau khi chọn preset, bạn có thể chỉnh sửa riêng màu sắc, phông chữ..., hoặc chọn Tùy chỉnh (Custom) để tự thiết lập toàn bộ giá trị.


Thay đổi màu sắc

Bảng chọn màu

Nhấp vào từng mục màu trong phần cài đặt giao diện để:

  • Bảng chọn màu: chọn màu trực quan
  • Mã HEX: nhập trực tiếp (ví dụ: #FFB6C1)

Các màu có thể thay đổi

MụcPhạm vi áp dụng
Primary (chính)Tiêu đề, nút bấm, điểm nhấn, biểu tượng
Secondary (phụ)Tiêu đề phụ, thành phần phụ
Accent (điểm nhấn)Thành phần cần nhấn mạnh đặc biệt
Background (nền)Màu nền tổng thể
Surface (bề mặt)Nền của thẻ, khu vực nội dung
Text PrimaryVăn bản chính
Text SecondaryVăn bản phụ
Text MutedVăn bản mờ, chú thích
BorderĐường phân cách, viền

Mẹo phối màu

Lãng mạn: Primary hồng (#FFB6C1) + Background ngà voi (#FFFAF0)

Hiện đại: Primary đen (#000000) + Accent vàng gold (#FFD700)

Tự nhiên: Primary xanh lá (#8FBC8F) + Background be (#F5F5DC)


Cài đặt phông chữ

Cài đặt phông chữ toàn cục

Phông chữ mặc định áp dụng cho toàn bộ thiệp mời.

Trong Cài đặt giao diện > Chọn phông chữ:

  1. Chọn phông chữ: chọn kiểu chữ mong muốn từ danh sách thả xuống
  2. Thanh trượt cỡ chữ: điều chỉnh tỷ lệ cỡ chữ tổng thể (0.5x ~ 2.0x)
  3. Căn chỉnh văn bản: trái / giữa / phải (giá trị mặc định toàn cục)

Khi soạn bằng tiếng Việt, bạn có 15 phông chữ hỗ trợ đầy đủ dấu tiếng Việt:

Phông chữCảm giácPhù hợp với
Be Vietnam ProGọn gàng, hiện đại, dễ đọc nhấtThiệp mời hiện đại
Playfair DisplaySang trọng, cổ điểnThiệp mời cổ điển
Cormorant GaramondSerif thanh lịch, tinh tếThiệp mời trang trọng
NunitoMềm mại, thoải mái, thân thiệnThiệp mời ấm áp
QuicksandTròn trịa, nhẹ nhàngThiệp mời dễ thương
LoraSerif cân đối, dễ đọcThiệp mời truyền thống

Ngoài ra còn có: Inter, Poppins, Parisienne, La Belle Aurore, Homemade Apple, DM Serif Display, Permanent Marker, Limelight, Barriecito.

Một số phông chữ trang trí không hỗ trợ đầy đủ dấu tiếng Việt. Hãy xem trước phần chữ có dấu (ví dụ "Tiệc cưới") trước khi chọn.

Danh sách phông chữ thay đổi theo ngôn ngữ bạn đang soạn. Tiếng Hàn và tiếng Nhật có bộ phông riêng, nên danh sách luôn chỉ hiển thị những phông hiển thị đúng cho ngôn ngữ đó.

Bạn có thể sử dụng tối đa 2 phông chữ. Dùng quá nhiều phông chữ có thể làm mất tính nhất quán.

Ghi đè phông chữ theo từng khu vực

Bạn có thể chỉ định phông chữ/cỡ chữ khác với cài đặt toàn cục cho từng khu vực!

Chọn khu vực mong muốn ở thanh bên trái, sau đó trong vùng chỉnh sửa của khu vực đó:

Cài đặtMô tả
Phông chữ riêngÁp dụng kiểu chữ khác chỉ cho khu vực đó (không liên quan đến phông chữ toàn cục)
Tỷ lệ cỡ chữ riêngĐiều chỉnh tỷ lệ cỡ chữ chỉ cho khu vực đó (độc lập với cỡ chữ toàn cục)
Chỉ áp dụng cho tiêu đềKhi bật, phông chữ/cỡ chữ chỉ áp dụng cho tiêu đề khu vực (h2), nội dung vẫn giữ cài đặt toàn cục
Căn chỉnh riêngĐặt căn chỉnh văn bản của khu vực đó khác với cài đặt toàn cục

Ví dụ áp dụng:

Ví dụ 1: Chỉ phần lời chào dùng phông chữ serif

  • Phông chữ toàn cục: Be Vietnam Pro
  • Khu vực lời chào: phông chữ riêng → Cormorant Garamond (cảm giác trang trọng)
  • Các khu vực còn lại: giữ nguyên cài đặt toàn cục

Ví dụ 2: Chỉ tiêu đề màn hình chính to hơn

  • Tỷ lệ cỡ chữ toàn cục: 1.0 (mặc định)
  • Khu vực màn hình chính (Hero): tỷ lệ cỡ chữ riêng → 1.5 + bật "Chỉ áp dụng cho tiêu đề"
  • Kết quả: chỉ tiêu đề Hero to hơn 1.5 lần, nội dung vẫn giữ cỡ chữ mặc định

Ví dụ 3: Chỉ khu vực thư viện ảnh căn trái

  • Căn chỉnh toàn cục: giữa
  • Khu vực thư viện ảnh: căn chỉnh riêng → trái
  • Các khu vực còn lại: giữ căn giữa

Thứ tự ưu tiên: cài đặt toàn cục so với cài đặt riêng theo khu vực

Cài đặt riêng của khu vực (nếu có) > Cài đặt toàn cục
  • Nếu khu vực có phông chữ riêng → khu vực đó dùng phông chữ riêng
  • Nếu khu vực không có cài đặt riêng → áp dụng cài đặt toàn cục
  • Nếu bật "Chỉ áp dụng cho tiêu đề" → tiêu đề dùng cài đặt riêng, nội dung dùng cài đặt toàn cục

Nên chỉ sử dụng tính năng ghi đè phông chữ theo khu vực cho những phần cần nhấn mạnh đặc biệt. Điều này giúp tạo điểm nhấn mà vẫn giữ được sự nhất quán tổng thể!


Chọn bố cục (Layout)

Bố cục quyết định cấu trúc và không khí tổng thể của thiệp mời. Các bố cục có thể chọn tùy theo danh mục của mẫu thiệp và liên tục được bổ sung. Một số bố cục thường dùng cho sự kiện cá nhân:

Bố cụcĐặc điểm
BasicBố cục cơ bản, đơn giản và gọn gàng
ArchKhung hình vòm, cảm giác thanh lịch
CelebrationKhông khí lễ hội, trang trí rực rỡ
DateRevealNhấn mạnh ngày tháng, con số nổi bật
ElegantArchKhung vòm tinh xảo, sang trọng
GoldBorderViền vàng, xa hoa
ModernMinimalTối giản, nhấn mạnh khoảng trắng
PartyKhông khí tiệc tùng, sôi động
PolaroidPhong cách ảnh Polaroid
RomanticLãng mạn, đường cong mềm mại

Bố cục ảnh hưởng đến màn hình chính (Hero) và cấu trúc tổng thể. Bố cục mặc định được xác định khi chọn mẫu, nhưng bạn có thể thay đổi trong quá trình chỉnh sửa.


Cài đặt hình nền

Hoa văn nền

Bạn có thể thêm nhiều loại hoa văn nền khác nhau:

  • Kiểu: nền toàn màn hình hoặc chỉ hiển thị viền
  • Nền cố định: tùy chọn giữ nền cố định khi cuộn trang
  • 24 hình ảnh hoa văn, từ dải màu chuyển đơn giản đến chất liệu giấy

Video nền

Bạn có thể thêm hiệu ứng nền chuyển động. Có 17 hiệu ứng để lựa chọn:

Hiệu ứngMô tả
BlossomHiệu ứng cánh hoa rơi
SnowHiệu ứng tuyết rơi
ConfettiKim tuyến giấy rơi từ trên xuống
AuroraÁnh sáng cực quang chuyển động
FirefliesNhững đốm sáng lơ lửng
BubbleBong bóng bay lên
CandleÁnh nến lung linh
ButterflyBướm bay lượn
FeatherLông vũ rơi nhẹ

Ngoài ra còn có Eucalyptus, Confetti Cannon, Color Paper, Particle, Bulb, Microwave và nhiều hiệu ứng khác.

  • Phát lặp lại: thiết lập có lặp lại hay không
  • Có thể sử dụng đồng thời hoa văn nền và video

Nhạc nền

Bạn có thể thiết lập nhạc tự động phát khi mở thiệp mời.

Nhạc dựng sẵn

Có sẵn 31 bản nhạc nên bạn không cần chuẩn bị file riêng. Ví dụ:

  • Acoustic Piano: piano nhẹ nhàng, phong cách ballad
  • Romantic Jazz: ấm áp, du dương
  • Sophisticated: acoustic tinh tế
  • Bossa Nova: nhẹ nhàng, tươi mát
  • City Pop: hoài cổ, sôi động
  • Traditional: cổ điển, trang trọng
  • First Birthday: vui tươi, dành cho tiệc thôi nôi

Bạn có thể nghe thử từng bản ngay trong trình chỉnh sửa trước khi chọn.

Nhạc tùy chỉnh

Bạn có thể nhập trực tiếp URL tệp nhạc của riêng mình.

Cài đặt phát nhạc

Cài đặtMô tả
Tự động phátBắt đầu tự động khi mở thiệp mời (có thể bị giới hạn tùy theo chính sách trình duyệt)
Lặp lạiPhát lại từ đầu sau khi kết thúc
Âm lượngThanh trượt điều chỉnh âm lượng từ 0~100%

Hầu hết các trình duyệt di động chặn tự động phát nhạc nếu không có thao tác chạm từ người dùng. Nhạc sẽ bắt đầu phát khi khách chạm vào thiệp mời.


Hiệu ứng cuộn trang

Bạn có thể thiết lập hiệu ứng xuất hiện cho từng khu vực khi cuộn trang.

Hiệu ứngMô tả
SlideTrượt từ dưới lên trên khi xuất hiện
Blur-FadeMờ dần chuyển sang rõ nét
Không cóHiển thị ngay lập tức, không có hiệu ứng

Bạn có thể bật/tắt để điều khiển toàn bộ hiệu ứng cuộn trang.


Khung khu vực

Khung Oval

Bạn có thể bọc khu vực nội dung bằng khung Oval (hình bầu dục):

  • Thanh trượt độ mờ (Opacity) để điều chỉnh độ đậm của khung (0~1)
  • Có thể tắt khung riêng cho từng khu vực (tùy chọn "Tắt khung")

Căn chỉnh văn bản

Căn chỉnh toàn cục

Chọn căn chỉnh văn bản mặc định cho toàn bộ thiệp mời trong phần cài đặt giao diện:

  • Căn trái: cảm giác hiện đại, giống tạp chí
  • Căn giữa: truyền thống và ổn định (giá trị mặc định)
  • Căn phải: dành cho thiết kế đặc biệt

Căn chỉnh theo khu vực

Mỗi khu vực có thể ghi đè căn chỉnh toàn cục. Ví dụ, toàn bộ có thể căn giữa nhưng chỉ riêng phần lời chào được đặt căn trái.


Thiết kế responsive

Tất cả cài đặt giao diện đều được tự động tối ưu cho cả máy tính để bàn và di động:

  • Tự động điều chỉnh cỡ chữ
  • Kích thước hình ảnh responsive
  • Tự động điều chỉnh khoảng cách và lề
  • Tối ưu vùng chạm của nút bấm

Mẹo kiểm tra trên di động:

  • Sau khi chỉnh sửa, kiểm tra ở khung xem trước bên phải
  • Sau khi lưu, hãy kiểm tra thêm trên điện thoại thật

Danh sách kiểm tra hoàn thành

  • Chọn giao diện dựng sẵn hoặc màu tùy chỉnh
  • Thiết lập phông chữ & cỡ chữ toàn cục
  • Ghi đè phông chữ/cỡ chữ riêng cho các khu vực cần thiết
  • Kiểm tra kiểu bố cục
  • Thiết lập hoa văn/video nền (tùy chọn)
  • Thiết lập nhạc nền (tùy chọn)
  • Thiết lập hiệu ứng cuộn trang
  • Kiểm tra trên máy tính và điện thoại
  • Lưu lại!

Bạn cần hỗ trợ?

Nếu gặp khó khăn khi thiết lập thiết kế, hãy liên hệ qua Liên hệ hỗ trợ!

Bước tiếp theo