Bài giảng Thiết kế Web: Chương 4 - Quy trình thiết kế giao diện Website

Vũ Chí Hiếu<br /> hieuvc@gmail.com<br /> <br /> <br /> <br /> <br /> <br /> Giới thiệu<br /> Yêu cầu thiết kế giao diện<br /> Quy trình thiết kế giao diện<br /> <br /> 2<br /> <br /> <br /> <br /> <br /> <br /> Thiết kế giao diện: Designer, Marketer<br /> Là một công việc trong quy trình phát triển Website<br /> Thiết kế giao diện tốt làm tăng hiệu quả của Website<br /> <br /> 3<br /> <br /> <br /> <br /> Tính thẩm mỹ<br /> ◦ Bố cục (layout)<br /> ◦ Màu sắc<br /> ◦ Hình ảnh,…<br /> <br /> <br /> <br /> Tính phù hợp<br /> ◦ Chủ đề website<br /> ◦ Đối tượng người dùng<br /> <br /> <br /> <br /> Tính hiệu quả<br /> ◦ Tải nhanh: không lạm dụng hình ảnh kích thước lớn<br /> ◦ Đúng chuẩn (www.w3c.org)<br /> <br /> <br /> <br /> Tính thân thiện: dễ bảo trì, dễ phát triển<br /> 4<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Xác định yêu cầu khách hàng<br /> Phác thảo ý tưởng trên giấy<br /> Đánh giá mẫu phác thảo<br /> Thiết kế đồ họa bản đơn sắc<br /> Phối màu cho giao diện web<br /> Xây dựng tài liệu về chuẩn CSS, client script, ảnh,<br /> folder cho trang web<br /> Sử dụng ngôn ngữ đánh dấu thiết kế giao diện<br /> Test giao diện trên các trình duyệt<br /> Chuyển mã nguồn tới bộ phận phát triển web<br /> 5<br /> <br />