# Cách viết prompt GPT Image cho mockup UI

Cách viết prompt GPT Image 2 cho dashboard, màn hình ứng dụng và mockup thiết bị với bố cục dễ dự đoán và nhãn chữ dễ đọc.

URL: https://www.gptimagehub.com/vi/guides/gpt-image-ui-mockup-prompts
Category: Thiết kế UI / UX
Updated: 2026-10-20
Reading time: 3 minutes

## Direct answer

Một prompt GPT Image tốt cho mockup UI cần nêu rõ sản phẩm, màn hình và các thành phần chính, thiết bị hoặc khung chứa màn hình, phong cách hình ảnh, và chính xác những đoạn chữ cần đọc được. Hãy liệt kê các thành phần theo thứ tự đọc và giữ chữ trên màn hình thật ngắn, vì mô hình hiển thị vài nhãn lớn ổn định hơn nhiều so với cả đoạn văn bản giao diện.

## Mô tả màn hình như một wireframe

Bắt đầu bằng mục đích của màn hình và những gì nó chứa, theo thứ tự người dùng sẽ đọc: thanh điều hướng, phần đầu trang, nội dung chính, các bảng phụ và nút hành động. Mô hình sắp xếp các thành phần dễ dự đoán hơn khi chúng được liệt kê rõ ràng thay vì chỉ được ngụ ý qua một từ chỉ phong cách như dashboard hiện đại.

- Nêu tên sản phẩm và màn hình: “dashboard phân tích cho một công cụ quản lý thanh toán SaaS” hoặc “màn hình giới thiệu ban đầu cho ứng dụng thiền”.
- Liệt kê các vùng theo thứ tự: thanh điều hướng bên, thanh trên cùng có ô tìm kiếm, ba thẻ KPI, một biểu đồ đường và bảng giao dịch gần đây.
- Nêu mật độ: khoảng cách rộng rãi, kích thước thẻ đồng đều, căn chỉnh rõ ràng.

## Chọn khung: màn hình phẳng, thiết bị hoặc bối cảnh

Hãy quyết định bạn cần ảnh chụp giao diện phẳng cho case study, mockup thiết bị cho landing page, hay một cảnh chụp thực tế cho marketing. Mỗi loại cần cách diễn đạt khác nhau.

- Phẳng: “ảnh chụp màn hình UI phẳng, không có khung thiết bị, 16:9”.
- Thiết bị: “trên một chiếc laptop mỏng đặt hơi nghiêng, màn hình hướng về máy ảnh, phản chiếu nhẹ”.
- Bối cảnh: “laptop trên bàn gỗ dưới ánh sáng ban ngày tự nhiên, độ sâu trường ảnh nông”; khi đó giao diện sẽ nhỏ hơn và khó đọc hơn.

## Giữ chữ trên giao diện ngắn gọn và chính xác

Chữ khó đọc là lỗi phổ biến nhất trong UI do AI tạo ra. Hãy đặt trong ngoặc kép vài nhãn quan trọng và để phần còn lại được thể hiện bằng các dòng chữ giữ chỗ.

- Đặt chính xác tiêu đề và nút trong ngoặc kép: “Doanh thu”, “Nâng cấp gói”.
- Yêu cầu các dòng chữ giữ chỗ cho phần nội dung.
- Tránh bảng dài chứa dữ liệu thật; thay vào đó hãy yêu cầu năm dòng giao dịch mẫu.

## Xác định hệ thống hình ảnh

Những từ chỉ phong cách như glassmorphism có ích, nhưng một hệ thống hình ảnh ngắn gọn sẽ cho kết quả nhất quán hơn trên nhiều màn hình.

- Màu sắc: nền, bề mặt, màu nhấn chính và màu trạng thái.
- Chữ: một họ phông sans-serif, phân cấp độ đậm rõ ràng và độ chênh kích thước giữa tiêu đề và nhãn.
- Thành phần: độ bo góc, đổ bóng, đường viền và phong cách biểu tượng.

## Checklist

- Đã nêu sản phẩm, mục đích màn hình và đối tượng người dùng.
- Các thành phần được liệt kê theo thứ tự đọc.
- Đã chọn khung: ảnh chụp phẳng, thiết bị hoặc bối cảnh.
- Chỉ những đoạn chữ ngắn đặt trong ngoặc kép mới cần đọc được.
- Đã xác định màu sắc, kiểu chữ và phong cách thành phần.
- Tỷ lệ khung hình phù hợp với mục tiêu: 16:9 cho máy tính, 9:16 cho điện thoại.

## FAQ

### GPT Image 2 có tạo được thiết kế UI dùng được không?

Mô hình tạo ra các ý tưởng hình ảnh và mockup thuyết phục cho bài thuyết trình, landing page và moodboard. Hãy coi kết quả là tài liệu tham khảo hình ảnh chứ không phải thiết kế để đưa vào sản xuất, vì khoảng cách, biểu tượng và chữ nhỏ chưa đủ chính xác để bàn giao như đặc tả.

### Làm sao để chữ trong mockup UI dễ đọc?

Chỉ giới hạn chữ cần đọc được ở vài nhãn đặt trong ngoặc kép, làm chúng thật lớn, và mô tả mọi thứ còn lại là các dòng chữ giữ chỗ. Những từ ngắn với phông sans-serif gọn gàng hiển thị ổn định nhất.

### Làm sao để nhiều màn hình giữ được sự nhất quán?

Dùng lại cùng một đoạn mô tả hệ thống hình ảnh trong mọi prompt và chỉ thay phần mô tả màn hình. Các màn hình tạo từ một mẫu chung sẽ giống nhau hơn so với các màn hình được mô tả lại từ đầu.