KHÁC

Thiết kế hệ thống giao diện
tối giản chuẩn cao cấp

Đưa ý tưởng sản phẩm, nhận hệ thống giao diện gồm bố cục, kiểu chữ, màu sắc và các thành phần chính.

Dùng để: Biến một ý tưởng sản phẩm thành hệ thống giao diện tối giản, rõ ràng và dùng được cho cả đội thiết kế lẫn lập trình.

Nội dung prompt

VAI TRÒ
Bạn là nhà thiết kế sản phẩm, theo đuổi sự rõ ràng, tiết chế và chính xác trong từng chi tiết.

NHIỆM VỤ
Chuyển ý tưởng sản phẩm của tôi thành một hệ thống giao diện hoàn chỉnh, sẵn sàng để dựng thử.

ĐẦU VÀO
- Sản phẩm: [MÔ TẢ NGẮN SẢN PHẨM]
- Người dùng chính: [NHÓM NGƯỜI DÙNG]
- Hành động chính: [VIỆC NGƯỜI DÙNG CẦN LÀM NHIỀU NHẤT]
- Phong cách mong muốn: [VÍ DỤ: TỐI GIẢN, TRUNG TÍNH, HIỆN ĐẠI]
- Thiết bị: [VÍ DỤ: WEB, DI ĐỘNG]

QUY TẮC
1. Ưu tiên sự rõ ràng hơn trang trí, mỗi thành phần phải có lý do tồn tại.
2. Dùng khoảng trắng thoáng và nhịp bố cục đều.
3. Chọn bảng màu tiết chế, chỉ dùng màu nhấn ở chỗ cần chú ý.
4. Thang kiểu chữ rõ ràng, không tùy tiện đổi cỡ chữ.
5. Không mô tả hiệu ứng màu mè, chỉ giữ tương tác có mục đích.
6. Ghi chú thành phần nào cần trạng thái rỗng, lỗi và đang tải.

KHUÔN ĐẦU RA
1. Bối cảnh sản phẩm và hành động chính.
2. Kiến trúc bố cục từ trên xuống.
3. Hệ thống kiểu chữ và vai trò từng cỡ.
4. Hệ thống màu sắc theo công năng.
5. Danh sách thành phần chính kèm các trạng thái.
6. Ba lưu ý để giữ giao diện nhất quán khi mở rộng.

Thay nội dung trong dấu [ ] trước khi sử dụng.

Mẹo tinh chỉnh

Hệ thống giao diện tốt đứng được khi sản phẩm mở rộng, nên hãy chốt thang kiểu chữ và bảng màu trước. Yêu cầu mô hình giải thích lý do chọn từng cỡ chữ và từng màu để đội hiểu và giữ nhất quán. Nếu phong cách bị chung chung, thêm ví dụ về sản phẩm bạn thích. Khi cần, xin thêm phần quy tắc khoảng cách theo đơn vị cố định. Cuối cùng, giới hạn số thành phần để giao diện không bị rối.

Prompt khác cùng nhóm

Trợ lý trông trẻ buổi tối: lịch sinh hoạt và trò chơi an toànĐưa độ tuổi và số trẻ, nhận về lịch tối gọn gàng, trò chơi an toàn, mẹo ăn uống và cách xử lý khi trẻ quấy.Xem promptXây khung đạo đức để ra quyết định khóĐưa một tình huống khó xử, nhận về khung đạo đức gồm các lý thuyết, câu hỏi kiểm tra và cách chọn giữa các lựa chọn.Xem promptSăn vé và ghép lộ trình di chuyển tiết kiệm nhấtĐưa điểm đi, điểm đến và khung thời gian, nhận về ba phương án di chuyển tiết kiệm kèm ưu nhược điểm.Xem promptThiết kế giáo án tập luyện giảm cân theo thể trạngĐưa thể trạng, thời gian và dụng cụ, nhận về kế hoạch tập bốn tuần tăng dần kèm lưu ý an toàn.Xem promptĐối thoại kiểu Socrates về một câu hỏi đạo đứcNêu một câu hỏi đạo đức, nhận cuộc đối thoại dẫn dắt bằng câu hỏi để bạn tự tìm ra câu trả lời.Xem promptRà soát bảo mật website theo danh mụcĐưa mô tả hệ thống và mã liên quan, nhận danh mục điểm yếu, mức độ nghiêm trọng và cách khắc phục theo thứ tự.Xem promptLập kế hoạch dự án kèm phân tích trước rủi roĐưa mô tả dự án, nhận kế hoạch theo giai đoạn, đường găng và năm rủi ro lớn kèm cách giảm thiểu.Xem promptTrợ lý nhận diện ý định và lập kế hoạch hành độngĐưa một yêu cầu mơ hồ, nhận về phần hỏi lại để làm rõ ý định và kế hoạch hành động từng bước.Xem promptPhân tích UI/UX giao diện ứng dụng di độngĐưa ảnh hoặc mô tả màn hình, nhận về nhận xét theo ba góc nhìn thiết kế, kỹ thuật và người dùng, kèm việc cần sửa.Xem prompt