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.
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
- Khu vực bên trái màn hình chỉnh sửa
- Nhấp vào tab "Cài đặt giao diện" ở phía trên
- 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:
Có 16 preset để bạn lựa chọn:
| Preset | Cảm giác |
|---|---|
| Minimal | Gọn gàng, đơn giản |
| Classic | Truyền thống, trang trọng |
| Brown | Ấm áp, trầm lắng |
| Spring | Tươi tắn, sáng sủa |
| Blue | Mát mẻ, trong trẻo |
| Lavender | Nhẹ nhàng, dịu dàng |
| Pink | Đáng yêu, lãng mạn |
| Dark | Sâu lắng, ấn tượng |
| Vivid | Rực rỡ, sôi động |
| Lemon | Vui tươi, nhẹ nhàng |
| Mint | Mát mẻ, sảng khoái |
| Cherry | Rực rỡ, náo nhiệt |
| Sage | Tự nhiên, dễ chịu |
| Charcoal | Hiện đại, vững chãi |
| Slate | Tông lạnh, tinh tế |
| Indigo | Sâ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ục | Phạ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 Primary | Văn bản chính |
| Text Secondary | Văn bản phụ |
| Text Muted | Vă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ữ:
- Chọn phông chữ: chọn kiểu chữ mong muốn từ danh sách thả xuống
- Thanh trượt cỡ chữ: điều chỉnh tỷ lệ cỡ chữ tổng thể (0.5x ~ 2.0x)
- 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ác | Phù hợp với |
|---|---|---|
| Be Vietnam Pro | Gọn gàng, hiện đại, dễ đọc nhất | Thiệp mời hiện đại |
| Playfair Display | Sang trọng, cổ điển | Thiệp mời cổ điển |
| Cormorant Garamond | Serif thanh lịch, tinh tế | Thiệp mời trang trọng |
| Nunito | Mềm mại, thoải mái, thân thiện | Thiệp mời ấm áp |
| Quicksand | Tròn trịa, nhẹ nhàng | Thiệp mời dễ thương |
| Lora | Serif cân đối, dễ đọc | Thiệ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 đặt | Mô 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 |
|---|---|
| Basic | Bố cục cơ bản, đơn giản và gọn gàng |
| Arch | Khung hình vòm, cảm giác thanh lịch |
| Celebration | Không khí lễ hội, trang trí rực rỡ |
| DateReveal | Nhấn mạnh ngày tháng, con số nổi bật |
| ElegantArch | Khung vòm tinh xảo, sang trọng |
| GoldBorder | Viền vàng, xa hoa |
| ModernMinimal | Tối giản, nhấn mạnh khoảng trắng |
| Party | Không khí tiệc tùng, sôi động |
| Polaroid | Phong cách ảnh Polaroid |
| Romantic | Lã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 ứng | Mô tả |
|---|---|
| Blossom | Hiệu ứng cánh hoa rơi |
| Snow | Hiệu ứng tuyết rơi |
| Confetti | Kim tuyến giấy rơi từ trên xuống |
| Aurora | Ánh sáng cực quang chuyển động |
| Fireflies | Những đốm sáng lơ lửng |
| Bubble | Bong bóng bay lên |
| Candle | Ánh nến lung linh |
| Butterfly | Bướm bay lượn |
| Feather | Lô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 đặt | Mô tả |
|---|---|
| Tự động phát | Bắ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ại | Phát lại từ đầu sau khi kết thúc |
| Âm lượng | Thanh 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 ứng | Mô tả |
|---|---|
| Slide | Trượt từ dưới lên trên khi xuất hiện |
| Blur-Fade | Mờ 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
- Cài đặt màn hình chính - Kiểm tra xem có hợp với màu sắc không
- Cài đặt thư viện ảnh - Kiểm tra sự hài hòa tổng thể
- Chia sẻ thiệp mời