MoneyTrack App 260010

Thiết kế một ứng dụng di động hoàn chỉnh có tên là MoneyTrack – ứng dụng quản lý tài chính cá nhân thông minh, giúp người dùng theo dõi thu nhập và chi phí, sắp xếp các giao dịch tài chính, giám sát ngân sách và tạo báo cáo tài chính.

MoneyTrack App 260010

Mobile Tablet Desktop

Nhu cầu: Theo dõi thu nhập và chi phí cá nhân.
Giải pháp: Tìm kiếm và lọc bất động sản theo giá cả, diện tích, vị trí và loại hình bất động sản.

Phong cách thiết kế:

• Giao diện người dùng (UI) tinh gọn.
• Trải nghiệm người dùng (UX) trực quan.
• Phong cách Fintech hiện đại.
• Tối giản.
• Chuyên nghiệp.
• Thân thiện và đáng tin cậy.
• Thiết kế ưu tiên thiết bị di động (mobile-first) và linh hoạt (responsive).

Bảng màu:

• Màu chủ đạo: #2563EB.
• Màu phụ: #14B8A6.
• Màu nền: #F8FAFC.
• Màu bề mặt (surface): #FFFFFF.
• Màu chữ chính: #0F172A.
• Màu chữ phụ: #64748B.
• Thu nhập: #16A34A.
• Chi phí: #EF4444.
• Cảnh báo: #F59E0B.
• Đường viền (border): #E2E8F0.

Kiểu chữ (Typography):

Sử dụng font Inter hoặc Roboto.

Hướng dẫn thiết kế UI:

• Hệ thống khoảng cách nhất quán (bội số của 8px).
• Các thẻ (card) có góc bo tròn (12–16px).
• Đổ bóng nhẹ nhàng.
• Phân cấp thị giác rõ ràng.
• Các con số tài chính hiển thị lớn, dễ đọc.
• Biểu tượng tối giản với độ dày nét đồng nhất.
• Độ tương phản đảm bảo khả năng truy cập (accessibility).
• Thanh điều hướng phía dưới gồm 5 mục.
• Tránh các chi tiết trang trí không cần thiết.
• Sử dụng dữ liệu tài chính mẫu thực tế.
• Đảm bảo tính nhất quán của các thành phần trên tất cả các màn hình.