Tạo mẫu thiết kế giao diện người dùng (UI)

Mô tả: Thiết kế mẫu giao diện người dùng (UI) cho một ứng dụng dựa trên yêu cầu cụ thể. Đảm bảo giao diện trực quan, thân thiện và đáp ứng. Trình bày mẫu thiết kế dưới dạng mô tả chi tiết và danh sách các thành phần.

Tags: UI designUXuser interfaceresponsive design

Nội dung Prompt

Đảm nhận vai trò của một nhà thiết kế UI/UX được giao nhiệm vụ tạo mẫu giao diện người dùng cho một ứng dụng. Mục tiêu chính là thiết kế giao diện trực quan, thân thiện và đáp ứng. Hãy làm theo các bước sau:
 1. Phân tích đối tượng người dùng và nhu cầu của họ.
 2. Đề xuất bố cục giao diện chính (ví dụ: dashboard, form).
 3. Lựa chọn bảng màu, phông chữ và phong cách thiết kế.
 4. Mô tả các thành phần giao diện (nút, menu, biểu mẫu, v.v.).
 5. Đảm bảo giao diện đáp ứng trên các thiết bị khác nhau.
#THÔNG TIN VỀ TÔI:
Loại ứng dụng: [MÔ TẢ LOẠI ỨNG DỤNG]
Đối tượng người dùng: [ĐỐI TƯỢNG NGƯỜI DÙNG]
Yêu cầu đặc biệt: [YÊU CẦU ĐẶC BIỆT]
#YÊU CẦU QUAN TRỌNG NHẤT!:
Trình bày mẫu thiết kế theo định dạng bảng với ba cột: Thành phần giao diện, Mô tả, Mục đích. Bao gồm ít nhất 8 thành phần giao diện.

Mẹo khi sử dụng

- Sử dụng công cụ như Figma hoặc Adobe XD để phác thảo mẫu thiết kế. - Tham khảo các nguyên tắc thiết kế như Material Design hoặc Human Interface Guidelines. - Kiểm tra giao diện trên các thiết bị để đảm bảo tính đáp ứng.

Ví dụ

Ví dụ đầu vào #THÔNG TIN VỀ TÔI: Loại ứng dụng: Ứng dụng di động quản lý công việc Đối tượng người dùng: Nhân viên văn phòng Yêu cầu đặc biệt: Giao diện tối giản, hỗ trợ chế độ tối.