3 Các bước cơ bản trong thiết kế ICON
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.39 MB, 101 trang )
Prepared by MSc Luong manh Ba
Thu thập yêu cầu
•
Đây là bước đầu tiên. Icon cần biểu diễn được môi
trường
• Thí dụ: Khi phải thiết kế kho lưu trữ thông tin thì với
KSPM đó có thể là ổ đĩa; ngược lại với nhân viên Văn
phòng đó lại là tủ đựng tài liệu.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Xây dựng ý tưởng
• Liệt kê danh sách các biểu tượng
• Lựa chọn hình ảnh để thể hiện nội dung
• Thí dụ nếu là Icon cho Web thì có thể chọn quả
địa cầu
• Chú ý: Hình ảnh có thể chiếm đến 80% thông
tin
• Cuối cùng là kết hợp Logo của hãng với hình
ảnh đã chọn
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Xác định kích cỡ Icon
• Kích cỡ có ảnh hưởng lớn: Sự thu hút phụ
thuộc vào kích cỡ.
• Kích cỡ còn phụ thuộc vào độ phân giải của
màn hình: 1600 x 1200 , 1280 x 1024,
1024x768
• Cỡ là 40 x 40 hoặc 48 x 48 vừa thể hiện hình
ảnh chi tiết hơn đồng thời giúp Icon đẹp hơn
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Màu
sắc
• ISO đã qui định khá rõ. TD gam màu
nóng như đỏ thể hiện sự nguy hiểm.
• Bộ màu của Icon sẽ phụ thuộc vào số bit
màu thể hiện mà hệ thống dùng sao cho
hài hoà.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Tính
hợp pháp
• Thông thường thì Icon có thể được chúng
ta dung lại miễn phí tuy nhiên đối với
mọt số nước thì luật pháp quy định việc
trả tiền bản quyền khi sử dụng. Vd như
hãng IBM của Mĩ.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Các yêu cầu & Khuyến nghị
• Yêu cầu: Những cái bắt buộc khi thiết kế
Icon
• Khuyến nghị: Là cái mong muốn các nhà
thiết kế nên lưu tâm.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Các yêu cầu
•
•
•
•
Giao diện của một biểu tượng khi biểu diễn một trạng
thái hoặc một chế độ của hệ thống máy tính sẽ được
phân biệt rõ ràng với biểu diễn của một trạng thái hoặc
chế độ khác
Một icon sẽ vẫn dễ hiểu và dễ phân biệt khi có bất kỳ sự
thay đổi nào về giao diện do sự thay đổi về trạng thái
hoặc chế độ, trong môi trường mà nó được sử dụng.
Tất cả các biểu tượng sẽ tuân theo mệnh đề 4, 5 trong
ISO 9241-3:1992
Bất cứ khi nào một biểu tượng được di chuyển đè lên
một biểu tượng khác, nhưng không phải là kích hoạt bất
kỳ một vùng nhạy cảm nào, thì vùng nhạy cảm xếp
chồng của icon dịch chuyển sẽ ở trên các icon khác.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Các yêu cầu (tiếp)
•
•
Sự tương tác với các icon sẽ không xoá đi
bất cứ một dữ liệu nào mà không được
phép của người dùng.
Màu sắc sẽ không được sử dụng như là
các phần tử thông tin duy nhất để phân
biệt giữa các icon trừ khi biểu diễn của
phần tử chức năng chính là màu đó.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Các yêu cầu (tiếp)
•
Khi một icon đồ hoạ được sử dụng như là các thành
phần của các icon khác, ý nghĩa tạo nên bởi các
phần tử sẽ nhất quán với tất cả các công dụng của
từng phần tử.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Các yêu cầu (tiếp)
•
Các chi tiết phụ có thể được kết hợp vào các
icon để thể hiện một cách chi tiết hơn các
chức năng, tuy nhiên vẫn đảm bảo tính dễ
nhận biết của nó.
Update 8-07
Dept. of SE,
HCI – Four.
Prepared by MSc Luong manh Ba
Các Khuyến nghị
•
•
•
Giao diện của các icon nên nhất quán trong một tập
các icon, nghĩa là trong một tập các icon nên được
hiển thị cùng một kiểu đồ hoạ giống nhau.
Nếu các icon được biểu diễn ở các kích cỡ khác
nhau trên màn hình, thì thiết kế của icon nên vẫn
đảm bảo được tính dễ hiểu và dễ nhìn, đảm bảo các
thành phần chính của nó vẫn xuất hiện.
Nếu các icon được sử dụng trên các màn hình khác
nhau làm cho các icon được hiển thị với những tỷ lệ
2 cạnh khác nhau, thì các phương pháp thiết kế nên
quan tâm đến việc tạo ra giao diện của icon sao cho
nó luôn tương tự như hình ảnh thiết kế ban đầu.
Update 8-07
Dept. of SE,
HCI – Four.
