Thiết kế ấn phẩm điện tử ví dụ minh họa dell

Thiết kế APDPT Nội dung nghiên cứu Quy trình thiết kế giao diện người dùng Nguyên tắc thiết kế giao diện người dùng Phân thích thiết kế giao diện người dùng 01 Nguyên tắc thiết kế giao diện người dùng Rõ ràng o o Đảm bảo thông tin truyền tải xác đến người dùng ngăn người dùng mắc lỗi Mọi người thường tránh bỏ qua điều họ hiểu – chất tự nhiên người Tránh thiết kế yếu tố giao diện khiến cho người thắc mắc khơng biết để làm gì, chẳng bận tâm tìm hiểu  Hành động ưu tiên o o Người dùng cảm thấy thoải mái họ hiểu hành động ưu tiên Khơng nên để người dùng thắc mắc phải làm 3.Nguyên tắc bối cảnh o o Người dùng ln mong đợi nhìn thấy yếu tố giao diện bối cảnh đối tượng mà họ muốn kiểm soát Giữ thứ thuận tiện cho người sử dụng – chỉnh sửa, thay đổi kiểm soát, đặt điều khiển bên cạnh Mặc định o o Người dùng thay đổi thiết lập mặc Định Hãy đảm bảo tất giá trị mặc định hữu ích thiết thực – an tồn giả định số người không thay đổi chúng Hành động hướng dẫn Người dùng có khả thực việc họ đề nghị để làm điều Thơng tin phản hồi Người dùng cảm thấy tin tưởng dễ chịu bạn cung cấp thông tin phản hồi cách rõ ràng liên tục Đơn giản Người dùng sẵn sàng để thực hành động phức tạp phân chia thành bước nhỏ 02 Quy trình thiết kế giao diện người dùng Quy trình thiết kế giao diện người dùng Phác thảo ý tưởng giấy Bước Bước Bước Xác định yêu cầu khách hàng Đánh giá mẫu phác thảo Quy trình thiết kế giao diện người dùng Phối màu cho giao diện Web Bước Bước Bước Thiết kế đồ họa đơn sắc Xây dựng tài liệu chuẩn CSS, clientsite script, ảnh, folder cho trang Web Quy trình thiết kế giao diện người dùng Test giao diện trình duyệt Bước Bước Bước Sử dụng ngơn ngữ đánh dấu, lập trình để thiết kế giao diện Chuyển mã nguồn tới phận phát triển Web Bước Phác thảo ý tưởng lên giấy Mục tiêu: định hình bố cục ● Banner khơng 1/3 hình thực người sử dụng ● Sitebar không lớn 25% chiều rộng trang Web Bước Đánh giá mẫu phác thảo Mục tiêu: -Đánh giá mẫu phác phù hợp với yêu cầu, mong muốn khách hàng - Để tìm hiểu sâu thiết kế Web Thương hiệu bạn Khách hàng thích mẫu nào? Mẫu thiết kế có đáp ứng yêu cầu khách hàng khơng? Tìm thơng tin, chức khơng? Bước Thiết kế Wireframe Mục tiêu: đánh giá phác giấy chuyển sang đồ hoạ vi tính bố cục có phù hợp với u cầu mong muốn khách hàng hay không? Bước Phối màu cho giao diện Quy tắc phối màu Phối màu đơn sắc (Monochromatic) Phối màu tương đồng (Analogous)t Phối màu bổ túc trực tiếp (Complementary) Phối màu bổ túc ba (Triadic) Phối màu bổ túc xen kẽ (Splitcomplementary) Phối màu bổ túc bốn (Rectangular Tetradic hay Compound Complementary) Bước Xây dựng chuẩn CSS, client site script, ảnh, folder cho trang Web Mục đích: giúp Website dễ bảo trì, giảm mã, nội dung hiển thị tốt với tỉ lệ mã thấp, linh động định nghĩa kiểu Và quan trọng hơn, giúp quy trình sản xuất, triển khai, bảo trì rủi ro Step Whisk the egg whites until they are stiff Add the rest except the color additives Step Once frosting is done, split it evenly and then add a little bit of color additive to each Step Let everything cool down and finally decorate them with a pastry bag Bước Xây dựng chuẩn CSS, client site script, ảnh, folder cho trang Web Mục đích: giúp Website dễ bảo trì, giảm mã, nội dung hiển thị tốt với tỉ lệ mã thấp, linh động định nghĩa kiểu Và quan trọng hơn, giúp quy trình sản xuất, triển khai, bảo trì rủi ro Bước Sử dụng ngôn ngữ đánh dấu, lập trình để thiết kế giao diện Mục đích: thiết kế Web HTML, CSS ( Flash, JS, AJAX, … có) chuyển tải giao diện đồ hoạ sang trang Web Bước Kiểm thử giao diện trình duyệt Mục đích: kiểm sốt việc hiển thị xác trang Web giao diện đồ hoạ trình duyệt Web khác ...Nội dung nghiên cứu Quy trình thiết kế giao diện người dùng Nguyên tắc thiết kế giao diện người dùng Phân thích thiết kế giao diện người dùng 01 Nguyên tắc thiết kế giao diện người dùng Rõ ràng... Quy trình thiết kế giao diện người dùng Quy trình thiết kế giao diện người dùng Phác thảo ý tưởng giấy Bước Bước Bước Xác định yêu cầu khách hàng Đánh giá mẫu phác thảo Quy trình thiết kế giao... Bước Thiết kế đồ họa đơn sắc Xây dựng tài liệu chuẩn CSS, clientsite script, ảnh, folder cho trang Web Quy trình thiết kế giao diện người dùng Test giao diện trình duyệt Bước Bước Bước Sử dụng