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