Xem mẫu
THIẾT KẾ WEBSITE THƯƠNG MẠI ĐIỆN TỬ
Chương 3: Thiết kế các thành phần
hệ thống website thương mại điện tử
(PHẦN 1)
GV. Huỳnh Đỗ Bảo Châu
Nội dung chính
PHẦN 1:
1. Thiết kế giao diện (Web layout)
2. Thiết kế Logo, Banners, Web icon
3. Thiết kế giỏ hàng (Shopping Cart)
4. Thiết kế Email Marketing Template
1. Thiết kế giao diện
(Web layout)
• Thiết kế giao diện hay còn được gọi là thiết kế bố
cục trang web.
• Các yếu tố chính khi bố cục trang:
–
–
–
–
Phân cấp trực quan (Visual hierarchy)
Phân luồng trực quan (Visual flow)
Gom nhóm & canh lề (Grouping and alignment)
Hiển thị động (Dynamic displays)
Phân cấp trực quan
• Phân cấp trực quan (Visual hierarchy) trong thiết
kế hình thức dồ họa có thể giúp nguời xem nhận
diện cấu trúc thông tin của trang web từ cách bố trí
một trang web.
Phân cấp trực quan (tt)
nguon tai.lieu . vn
Chương 3: Thiết kế các thành phần
hệ thống website thương mại điện tử
(PHẦN 1)
GV. Huỳnh Đỗ Bảo Châu
Nội dung chính
PHẦN 1:
1. Thiết kế giao diện (Web layout)
2. Thiết kế Logo, Banners, Web icon
3. Thiết kế giỏ hàng (Shopping Cart)
4. Thiết kế Email Marketing Template
1. Thiết kế giao diện
(Web layout)
• Thiết kế giao diện hay còn được gọi là thiết kế bố
cục trang web.
• Các yếu tố chính khi bố cục trang:
–
–
–
–
Phân cấp trực quan (Visual hierarchy)
Phân luồng trực quan (Visual flow)
Gom nhóm & canh lề (Grouping and alignment)
Hiển thị động (Dynamic displays)
Phân cấp trực quan
• Phân cấp trực quan (Visual hierarchy) trong thiết
kế hình thức dồ họa có thể giúp nguời xem nhận
diện cấu trúc thông tin của trang web từ cách bố trí
một trang web.
Phân cấp trực quan (tt)