Design system là gì? Xây hệ thống thành phần giao diện cho dự án nhỏ
Design system gồm quy tắc, token và thư viện thành phần giữ giao diện nhất quán. Mức tối thiểu cho dự án nhỏ, cách dùng AI kiểm kê và viết tài liệu thành phần.
Giao diện web và ứng dụng
Thiết kế giao diện (UI) cơ bản với AI: wireframe, luồng người dùng, hệ thống thành phần, biểu tượng, khả năng tiếp cận (chữ đủ lớn, tương phản), giao diện cho điện thoại, bàn giao cho lập trình viên.
Thiết kế icon cho giao diện: giữ bộ biểu tượng đồng nhất và dùng AI đúng chỗ
Thiết kế icon cho giao diện: lưới, nét, góc bo, vùng an toàn, khi nào icon cần nhãn chữ, dùng AI tìm ẩn dụ rồi vẽ lại vector, và giấy phép bộ icon có sẵn.
Accessibility trong thiết kế giao diện: để người nhìn kém, run tay vẫn dùng được
Khả năng tiếp cận trong thiết kế giao diện: tương phản, cỡ vùng chạm, không chỉ dựa vào màu, nhãn ô nhập, trình đọc màn hình và bài kiểm tay 30 phút có AI hỗ tr
Thiết kế giao diện điện thoại: vùng ngón cái, cỡ chữ, điều hướng và khung màn hình
Nguyên tắc thiết kế giao diện cho điện thoại: chọn khung, vùng an toàn, vùng ngón cái, điều hướng dưới hay menu, ô nhập và bàn phím, chuyển bản máy tính bằng AI
Bàn giao thiết kế cho lập trình viên: tệp, thông số, trạng thái và ghi chú cần có
Danh mục bàn giao thiết kế giao diện cho lập trình viên: token, thành phần, trạng thái, ghi chú hành vi, xuất tài sản, buổi bàn giao và soát bản dựng có AI hỗ t
Thiết kế landing page cho cửa hàng nhỏ: bố cục từng khối và cách dùng AI dựng nháp
Bố cục landing page cho cửa hàng nhỏ: màn hình đầu, thứ tự khối, ảnh thật hay ảnh AI, tốc độ tải, danh sách soát trước khi chạy và chỗ AI giúp dựng nháp.
Kiểm thử khả dụng với năm người dùng: cách test giao diện ít tốn kém và chỗ AI hỗ trợ
Usability testing là xem người dùng thật làm việc trên giao diện. Vì sao năm người, cách viết nhiệm vụ, câu nên và không nên hỏi, dùng AI tổng hợp ghi chép.
Thiết kế giao diện bằng AI: khâu nào giao được, khâu nào người thiết kế phải tự làm
AI giúp được gì khi thiết kế giao diện web và ứng dụng: phác bố cục, liệt kê trạng thái, soát lỗi. Việc nào vẫn phải tự làm và quy trình bảy bước.
Wireframe là gì? Cách phác wireframe nhanh với AI trước khi lên giao diện màu
Wireframe là bản khung xám của trang web, ứng dụng. Phân biệt với mockup, prototype; cách chuẩn bị nội dung, dùng AI phác bố cục và trình khách không bị chê.
User flow là gì? Vẽ luồng người dùng cho website và ứng dụng nhỏ, có AI soát nhánh rẽ
User flow là đường đi của người dùng qua các màn hình để làm xong một việc. Cách vẽ, ký hiệu, ví dụ đặt bàn quán cà phê và cách dùng AI tìm nhánh bị quên.
Bạn cần hỗ trợ thêm?
Để lại thông tin, chúng tôi sẽ liên hệ trong 24 giờ.