ĐẠI HỌC QUỐC GIA TP.HCM
ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
THIẾT KẾ
GIAO DIỆN NGƯỜI DÙNG
1
TKGDND
GV: Tạ Thu Thủy
2/22/2022
CHƯƠNG 3:
KỸ THUẬT THIẾT KẾ
GIAO DIỆN
2
TKGDND
2/22/2022
3.1 Navigation.
3.2 Text.
3.3 Color.
3.4 Home screen.
3.5 Bố cục.
3.6 Một số kỹ thuật khác.
TKGDND
2/22/2022
3
Thiết kế “Navigation” là thiết kế luồng xử lý của các
chức năng trong phần mềm, trong đó đề cập đến
từng giao diện cụ thể.
TKGDND
2/22/2022
4
3.1 Navigation.
3.2 Text.
3.3 Color.
3.4 Home screen.
3.5 Bố cục.
3.6 Một số kỹ thuật khác.
TKGDND
2/22/2022
5
Thiết kế text như thế nào để giao diện
trông chuyên nghiệp?
1. Chừa khoảng trắng lề, khoảng trắng
cách dòng rộng, dòng ngắn.
2. Chọn font đơn giản, ít kiểu, ít kích cỡ.
TKGDND
2/22/2022
6
3.1 Navigation.
3.2 Text.
3.3 Color.
3.4 Home screen.
3.5 Bố cục.
3.6 Một số kỹ thuật khác.
TKGDND
2/22/2022
7
TKGDND
2/22/2022
8
TKGDND
2/22/2022
9
TKGDND
2/22/2022
10
3.1 Navigation.
3.2 Text.
3.3 Color.
3.4 Home screen.
3.5 Bố cục.
3.6 Một số kỹ thuật khác.
TKGDND
2/22/2022
11
Website Home Page cần thể hiện gì?
TKGDND
2/22/2022
12
Khó khăn khi thiết kế Home page?
TKGDND
2/22/2022
14
Tagline & Welcome blurb?
TKGDND
2/22/2022
15
TKGDND
2/22/2022
16
TKGDND
2/22/2022
17
TKGDND
2/22/2022
18
VD:
20
TKGDND
TKGDND
2/22/2022
21
TKGDND
2/22/2022
22
TKGDND
2/22/2022
24
TKGDND
2/22/2022
25
TKGDND
2/22/2022
26
TKGDND
2/22/2022
27
TKGDND
2/22/2022
28