Khi tạo cảnh giao diện bằng AI, nhiều người chỉ viết một câu như "dashboard hiện đại có biểu đồ". Kết quả thường đẹp ở cái nhìn đầu tiên nhưng không dùng được: bố cục lộn xộn, chữ vô nghĩa, con số tự bịa và chuyển động quá nhiều. Cách khắc phục là viết prompt theo một công thức cố định. Phần dưới trình bày công thức 5 phần cho cảnh motion graphics giao diện, kèm mẫu để bạn thử.
Motion graphics giao diện là gì
Motion graphics là hình đồ hoạ chuyển động, ví dụ biểu đồ mọc lên, số đếm tăng dần hoặc danh sách trượt vào. Trong video giới thiệu phần mềm, motion graphics giao diện là cảnh mô phỏng màn hình sản phẩm: bảng điều khiển, danh sách khách hàng, danh sách tệp hoặc nút bấm, thường có con trỏ chuột giả di chuyển và bấm.
Cảnh dạng này được dùng để giải thích tính năng mà không cần quay màn hình thật. Ưu điểm là gọn, đẹp và dễ đồng bộ màu với thương hiệu. Nhược điểm là dễ sai chữ và số nếu prompt không đủ rõ.
Công thức 5 phần
Một prompt tốt cho cảnh giao diện có năm phần theo thứ tự sau:
- Thời lượng: cảnh dài bao nhiêu giây.
- Phong cách và màu: nền sáng hay tối, màu chính, kiểu bo góc, độ bóng.
- Bố cục: thanh bên, thẻ số liệu, biểu đồ, danh sách nằm ở đâu.
- Toàn bộ chữ và con số: mọi chữ xuất hiện trên màn hình, ghi đúng từng ký tự.
- Trình tự chuyển động theo mốc thời gian: việc gì xảy ra ở giây nào.
Cấu trúc này được nhiều người làm nội dung chia sẻ khi hướng dẫn tạo motion graphics bằng AI, ví dụ trong video hướng dẫn làm SaaS explainer của kênh Thomas Creates đăng tháng 7 năm 2026.
Phần 1: thời lượng
Mỗi cảnh nên ngắn, thường từ 4 tới 8 giây. Cảnh dài hơn dễ bị lỗi chuyển động ở nửa sau. Nếu cần trình bày một tính năng dài, bạn chia thành hai hoặc ba cảnh rồi ghép khi dựng. Thời lượng tối đa của mỗi lần tạo phụ thuộc vào mô hình bạn dùng, nên bạn kiểm tra trên trang tạo video trước khi viết prompt.
Phần 2: phong cách và màu
Bạn mô tả phong cách bằng từ cụ thể. Ví dụ: "giao diện nền tối màu xanh navy, điểm nhấn màu xanh ngọc, thẻ bo góc mềm, hiệu ứng kính mờ nhẹ, ánh sáng dịu". Nếu thương hiệu có mã màu, bạn ghi mã màu ra. Màu nên giống nhau ở mọi cảnh để video không bị rời rạc.
Phần 3: bố cục
Bố cục cho AI biết từng thành phần nằm ở đâu. Ví dụ: "thanh bên trái có năm mục; phía trên là ba thẻ số liệu; giữa là biểu đồ cột; bên phải là danh sách năm tệp". Bố cục càng rõ, cảnh càng ổn định giữa các lần tạo.
Một cách giúp bố cục ổn định hơn là tạo ảnh giao diện tĩnh trước, chỉnh cho đúng, rồi dùng ảnh đó làm khung đầu để biến thành video. Bài ba cách tạo cảnh giao diện cho video demo app so sánh cách này với cách tạo trực tiếp từ chữ.
Phần 4: toàn bộ chữ và con số
Đây là phần hay bị bỏ qua nhất. Nếu prompt không ghi chữ, AI sẽ tự điền chữ vô nghĩa. Nếu prompt không ghi số, AI sẽ tự bịa số. Bạn nên ghi mọi chữ xuất hiện, kèm vị trí, ví dụ: "thẻ thứ nhất ghi 'Bài đã lên lịch' và số '24'".
Có hai lưu ý quan trọng. Thứ nhất, công cụ AI thường không đọc chính xác chữ trong ảnh tham chiếu, nên dù đã đưa ảnh, bạn vẫn cần gõ lại chữ trong prompt. Thứ hai, chữ tiếng Việt có dấu thường bị viết sai trong video AI. Với chữ tiếng Việt, bạn nên để trống vị trí đó hoặc dùng chữ tiếng Anh ngắn, rồi thêm tiếng Việt khi dựng. Bài chữ tiếng Việt trong video AI bị sai dấu giải thích cách làm.
Con số trên màn hình phải là số thật của sản phẩm hoặc số minh hoạ được ghi rõ khi dựng. Không nên để video giới thiệu hiện doanh thu hay số người dùng không có thật.
Phần 5: trình tự chuyển động theo mốc thời gian
Bạn chia cảnh thành từng đoạn ngắn và mô tả việc xảy ra trong mỗi đoạn. Ví dụ:
- 0:00 – 0:02: các thẻ số liệu trượt vào từ dưới lên.
- 0:02 – 0:04: biểu đồ cột mọc lên lần lượt từ trái sang phải.
- 0:04 – 0:06: con trỏ chuột di chuyển tới dòng thứ ba và bấm, dòng đó sáng lên.
Chuyển động của con trỏ nên nhẹ, mỗi tương tác nhỏ như bấm hoặc rê chuột chỉ kéo dài khoảng 200 tới 500 mili giây. Đừng cho mọi thứ chuyển động cùng lúc, vì người xem sẽ không biết nhìn vào đâu. Bài con trỏ chuột và hiệu ứng giao diện trong video demo có thêm nguyên tắc.
Mẫu prompt để bạn thử
"Cảnh dài 6 giây, tỷ lệ 16:9. Giao diện web nền tối màu xanh navy, điểm nhấn xanh ngọc, thẻ bo góc, hiệu ứng kính mờ nhẹ, phong cách tối giản. Bố cục: thanh bên trái có 5 biểu tượng; phía trên có 3 thẻ số liệu; giữa là biểu đồ cột 7 cột; bên phải là danh sách 5 dòng. Chữ trên màn hình: thẻ 1 ghi 'Scheduled' và '24', thẻ 2 ghi 'Channels' và '5', thẻ 3 ghi 'Drafts' và '8'. Không có chữ nào khác. 0:00–0:02 ba thẻ trượt lên; 0:02–0:04 các cột biểu đồ mọc lên lần lượt; 0:04–0:06 con trỏ chuột trắng di chuyển tới dòng thứ ba trong danh sách và bấm, dòng đó sáng lên. Camera đứng yên."
Đây là prompt mẫu, các con số trong mẫu là số minh hoạ. Bạn thay chữ, số và màu theo sản phẩm của mình.
Sửa cảnh bị lỗi chữ hoặc vỡ hình
Nếu cảnh đúng bố cục nhưng sai chữ, bạn có ba lựa chọn: tạo lại với prompt ghi chữ rõ hơn, dùng tính năng chỉnh sửa chi tiết nếu công cụ có, hoặc che chữ sai và thêm chữ đúng khi dựng. Lựa chọn thứ ba thường nhanh và chắc chắn nhất với chữ tiếng Việt. Nếu các thành phần bị trôi hoặc méo, bạn thêm vào prompt yêu cầu giữ vị trí cố định cho từng thành phần và camera đứng yên.
Thử viết prompt đầu tiên
Bạn có thể tạo ảnh giao diện và video từ prompt trên CoolMe AI Webapp với các mô hình như Grok Imagine, Seedance 2.0 hoặc Kling. Quy trình từ kịch bản tới bản dựng có trong bài làm video giới thiệu phần mềm, app bằng AI. Nếu bạn cần lệnh tiếng Việt cho bước dựng trên Premiere, bài 30 prompt tiếng Việt để Grok và Claude dựng video trên Premiere có thêm mẫu.
