Hai yếu tố quan trọng khi thiết kế WebSite là:
> Cách trình bày của trang Web
> Sự điều hướng trong WebSite
* ế + h `
> Thống nhất và đa dạng:
Trong cách trình bày, mọi thứ nên phù hợp với nhau như một chỉnh thể thống nhất, nhưng đồng thời cẩn đa dạng để tạo sự thú vị. Sự nhất quán
tạo ra và củng cố tính đặc trưng của một Site. Màu, fonts, trình bày cột và các phần tử thiết kế khác nên nhất quán ở tất cả các phần của Site.
Vv Higu ting:
Nên xác định rõ hiệu ứng do một trang tạo ra.
Ví dụ:
Một WebSite mang tính hợp tác phải có các dáng dấp: chuyên nghiệp,
vững chắc. đáng tin cậy.
SVTH: Va Quốc Diing Trang 57
Luận văn Tốt nghiệp GVHD; Thạc sỹ Nguyễn Anh Tuấn
Trong một Site giải tri, các hiệu ứng cập nhật hàng ngày cần được
chú ý.
Nấm vững mục tiêu của WebSite thì mới bắt tay vào thiết kế nó.
ằ Cỏch trỡnh bày:
Trang Web không phải là trang được in ra. Nghĩa là các nguyên tắc được áp
dung để in có thể không 4p dụng được trong một trang Web. Tránh bắt người đọc nhìn quá nhiều vào màn hình trong khi đọc. Sau một lúc bị căng mất và
người đọc có thể mất hứng thú. Văn bản nên viết ngắn gọn.
> Sử dụng màu:
Sử dụng màu là một đặc điểm quan trọng trong thiết kế trang Web. Sử dụng mau phu thuộc vào hiệu ứng mà ta muốn tạo.
Một số nguyên tắc về sử dung màu:
© Các màu sáng chính hay phụ ( màu xanh da trời, màu đỏ, màu vàng, màu cam, mat xanh lục) sặc sở và chi vự hạnh phác. Các màu này không được sử dụng trong các Site chung.
© Né&u chi để là đen và trắng thì một màu sáng có thể được sit dụng để
làm nổi bật một phân từ.
© Phần bóng tối có tỉ lệ màu đen lớn sẽ thu hút và thể hiện sự trang
trọng. Chúng có thể được sử dụng cho tiêu dé hoặc các đường ngang.
© Phân bóng nhạt được đặt sau tạo sự tương phản. Bóng nhạt thường làm nên rất tốt.
> Nền
Nền của trang cũng quan trọng như văn bản hoặc nội dung của trang. Nếu nền quá phức tạp sẽ làm cho người đọc không tập trung vào nội dung.
> Văn bản và kỹ thuật tạo chữ
Đây là thứ mà mọi WebSite đều có. Văn bản được trang trí đẹp thì dễ đọc.
SVTH: Vũ Quốc Dũng Trang 58
Luận van Tốt nghiệp GVHD: Thạc sỹ Nguyễn Anh Tuấn
Một số nguyên tắc liên quan đến văn bản là:
© Tránh sử dung quá nhiêu font. Tối đa có thể sử dụng hai hoặc ba font để làm nổi bật một phân đặc biệt.
e Sử dụng các font thông thường có sẵn. Một trình duyệt chỉ có thể hiển
thị một font mà người ding có trên hệ thống của mình. Nếu người dùng không có font xác định thì trình duyệt sẽ thay thế nó bằng một
font khác
® Các thuộc tính như đậm, nghiêng, gach dưới..có các chức năng khác
nhau. Các thuộc tính này được sử dụng để gây chủ ý đến một phần nội dung đặc biệt. Không nên sử dung các từ viết hoa ( ALL CAPS) để nhấn mạnh. Văn bản được gạch dưới chỉ siêu liên kết, vì vậy không
nên gạch dưới văn bản trừ phi nó la một siêu liên kết.
ô Tiờu dộ cú thể nằm giữa hoặc khụng. nhưng phõn thõn văn bản thi
không nên canh giữa.
© Các danh sách có dấu hoa thị( bullet) ddu dòng được sit dụng để
gây chú ý đổi với các đoạn văn ngắn riêng biệt. Các mục trong các
danh sách được đánh dấu bullet phải được tổ chức theo thứ tự logic.
Nghĩa là, chi có các phần tử ngang hàng thì mới nên được xếp trong
cùng một mức.
111, Điêu hướng trong WebSite ( Navigation around the WebSite)
Cho dù WebSite có lôi cuốn đến đâu, nếu như nó không có một lược đổ
điểu hướng rõ ràng thì người dùng sẽ để lạc lối và có thể không bao giờ quay trở lại. Lược 46 điều hướng trong các Site không giống nhau.
Tuy nhiên có một số nguyên tắc cơ bản cần nhớ:
> Xác định nội dung của WebSite
> Tạo một luợc dé điều hướng để giúp người dùng di đến phần cân đến
mỘt cách thuận tiện và nhanh chóng.
>_ Cung cấp các phương tiện để tìm kiếm thông tin.
SVTH: Vũ Quée Dũng Trang 59
Luận văn Tốt nghiệp GVHD: Thạc sỹ Nguyễn Anh Tuấn
Có nhiều cách để tổ chức một WebSite:
LII.1.Trình bày tuyến tính:
Theo cấu trúc tuyến tính, giữa các trang có sự liên kết với nhau. Mỗi trang có mối liên kết với trang trước và sau nó. Trang cuối có liên kết với
trang đầu. Định dang này được sử dụng khi đang trình bày các thông tin có tính tuần tự.
Ví dụ: Các chương của một quyển sách hoặc các tờ phiếu của một bài trình bày mà yêu cầu đọc thông tin được sắp xếp theo thứ tự liên tiếp.
Hình 3.10 Deng tuyến tính ( Linear layout)
111.2. Trinh bày theo thử bậc:
Đây là cách trình bày thông thường nhất trong thiết kế WebSite. Trang chủ
liên kết với nhiều trang khác. Người dùng có thể chon một liên kết và "nhảy "
đến trang cẩn đến. Mỗi trang đều có liên kết đến trang chủ.
Hình 3.11. Dang thứ bậc ( Hierachical layout)
Khi đã quyết định lược đổ điều hướng, đó là thời điểm để thiết kế tài liệu.
SVTH: Vũ Quấc Dũng Trang 60
Luận vấn Tốt nghiệp GVHD: Thạc sỹ Nguyễn Anh Tuấn
% Một vài nguyên tắc cần nhớ:
¥
Xí
Siêu liên kết (hyperlinks) nên rõ ràng. Từ nên được gạch dưới và có
màu xanh da trời, bởi vì trên Web, văn bản màu xanh da trời được quy
ước là siêu liên kết. Siêu liên kết thường xuất hiện ở cuối trang. Nếu
chúng xuất hiện ở giữa đoạn văn bản, có thể sẽ làm người đọc không tập trung vào dé tài.
Các trang con ( ở mức dưới) nên có một thanh menu hoặc một thanh
điều hướng,nếu không người đọc có thể sẽ không nhình thấy các trang chính. Nếu người đàng nhấp vào một trong các biểu tượng trên thanh
điều hướng, thì người đó sẽ nhảy từ trang hiện thời đến trang mới.
Luôn luôn có một bảng mục lục ( Table of contents) dé người ding
* nhảy" sang một dé tài nào dé. Bằng mục luc được thé hiện ở cuối
trang.
Luôn luôn phải có mit" Back” va" Forward” trong các trang để người dùng có thể diéu hướng đến trang cần đến. Trong khi trình duyệt thường cung cấp các chọn lựa này, nó sử dụng các trang trong danh sách mà có
thể không phải là trang kết hợp trong WebSite.
SVTH: Vũ Quốc Dũng Trang 61
Luận văn Tốt nghiệp GVHD: Thạc sỹ Nguyễn Anh Tuấn
ht as