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
Viết bài phê bình nhà hàng chi tiếtKể lại bữa ăn, nhận về bài đánh giá tách món ăn, dịch vụ và không gian, nêu cả điểm được lẫn điểm chưa.Xem promptMáy tính chỉ trả kết quả, không giải thíchGõ biểu thức, nhận về đúng một dòng kết quả, không lời giải, không đơn vị thừa, dùng như máy tính bấm nhanh.Xem promptChẩn đoán xe không nổ máy dù ắc quy đầyKể triệu chứng và dụng cụ đang có, nhận về danh sách nguyên nhân xếp theo khả năng kèm cách kiểm tra từng bước.Xem promptChơi cờ Caro năm quân trên bàn 9x9 với AIMột câu lệnh biến AI thành đối thủ Caro, in bàn cờ sau mỗi nước đi và không bao giờ đánh đè ô đã có quân.Xem promptViết brief thiết kế ứng dụng giao diện hiện đạiMô tả ứng dụng và màn hình cần làm, nhận về brief thiết kế gọn để cả nhà thiết kế lẫn lập trình viên cùng hiểu.Xem promptViết nội dung và bố cục trang Về tôi phong cách kính mờĐưa thông tin cá nhân, nhận bố cục và lời văn cho trang Về tôi theo phong cách kính mờ, màu trầm ấm.Xem promptGợi ý cách hòa giải mâu thuẫn vợ chồngKể lại tình huống và cảm xúc hai bên, nhận cách gỡ hiểu lầm và câu nói mở đầu để cùng ngồi lại nói chuyện.Xem promptChơi cờ vua đối kháng với AI qua ký hiệu nước điĐấu cờ vua từng nước với AI, chỉ ghi ký hiệu nước đi, AI tự nhớ bàn cờ và đánh trả không giải thích chiến thuật.Xem promptLập báo cáo vật liệu và quy trình sản xuất cho một sản phẩm cơ khíĐưa bản vẽ hoặc mô tả sản phẩm, nhận báo cáo vật liệu, quy trình gia công, thời gian và giới hạn kỹ thuật kèm phần tự rà soát.Xem prompt
