Bài giảng Phát triển ứng dụng đa nền tảng - Chương 5: Nguyên lý thiết kế giao diện. Chương này cung cấp cho học viên những nội dung về: quan hệ giữa UI và UX; hướng dẫn thiết kế giao diện cho di động; quy trình xây dựng giao diện; xây dựng giao diện người dùng trong Flutter; xây dựng giao diện người dùng trong ReactNative; . Mời các bạn cùng tham khảo chi tiết nội dung bài giảng! | Chương 5 Nguyên lý thiết kế giao diện 1 Mục lục 1. Quan hệ giữa UI và UX 2. Hướng dẫn thiết kế giao diện cho di động 3. Quy trình xây dựng giao diện 4. Xây dựng giao diện người dùng trong Flutter 5. Xây dựng giao diện người dùng trong ReactNative 2 Mục lục 1. Quan hệ giữa UI và UX 2. Hướng dẫn thiết kế giao diện cho di động 3. Quy trình xây dựng giao diện 4. Xây dựng giao diện người dùng trong Flutter 5. Xây dựng giao diện người dùng trong ReactNative 3 Quan hệ giữa UI và UX Giao diện người dùng - UI User Interface bao gồm tất cả những gì mà người dùng có thể nhìn thấy trên màn hình thiết bị ví dụ như bố cục màu sắc font chữ hình ảnh . Thiết kế UI là yếu tố quan trọng giúp truyền tải thông điệp từ người thiết kế nhà cung cấp sản phẩm dịch vụ đến người dùng. Trải nghiệm người dùng - UX User Experience nói đến tổng thể trải nghiệm của người dùng tức là bao gồm nhiều yếu tố khác bên cạnh giao diện như kinh nghiệm cảm xúc giá trị nhận được khi tương tác với sản phẩm dịch vụ. 4 Quan hệ giữa UI và UX 2 Quan hệ giữa UI và UX UI Tương tác UX Những nội dung Interaction Những trải nghiệm User Interface User Experience hiển thị trên phía trước màn hình màn hình thiết bị System Device User 5 Quan hệ giữa UI và UX 3 Thiết kế UI đề cập đến cách nội dung được trình bày trực quan Các yếu tố thiết kế trực quan bao gồm Bố cục layout Màu sắc và sự tương phản Hình ảnh và biểu tượng Kiểu chữ Từ vựng và thuật ngữ 6 Quan hệ giữa UI và UX 4 Thiết kế tương tác Interaction Design - IxD đặt trọng tâm cho người thiết kế vượt ra ngoài sản phẩm đang được phát triển bao gồm cách người dùng sẽ tương tác với sản phẩm. Thiết kế lấy người dùng làm trung tâm Xem xét kỹ lưỡng nhu cầu giới hạn và bối cảnh của người dùng . cho phép tùy chỉnh đầu ra phù hợp với nhu cầu chính xác. IxD liên quan đến năm chiều từ ngữ 1D biểu diễn hình ảnh 2D đối tượng vật lý không gian 3D thời gian 4D và hành vi 5D . 7 Quan hệ giữa UI và UX 5 Các yếu tố thiết kế tương tác trong ứng dụng di động Cử .
