Những điều luật cơ bản khi thiết kế Web
12345
Những điều tưởng chừng giản đơn, ai ai cũng biết, nhưng Granny's Mettle sẽ cho chúng ta thấy
rằng không phải ai cũng ý thức được những điều đã biết ấy thật là quan trọng. Cơ bản và cần
thiết đó là những gì bài viết này muốn gửi tới những người thiết kế Web. I. Điều luật cơ bản:

1. Người đọc không muốn phải kéo thanh cuộn ngang
Theo kinh nghiệm của bản thân, tôi cảm thấy rất khó chịu khi phải kéo thanh cuộn ngang để
đọc nội dung của trang đó. Cho nên bạn phải không được thiết kế trang web khiến người đọc
phải kéo thanh cuộn ngang, nếu không hậu quả sẽ rất lớn.
T heo kinh nghiệm của nhiều người thì bạn nên thiết kế web ở chế độ 800 x 600 Px vì hiện tại
chỉ có 5% số người dùng màn hình 640 x 480 Px thôi. Với số lượng đó thì nghiêng về đa số vẫn
hơn.
2. Thông tin quá dài ở một trang
Kéo chuột sang ngang để đọc đã là rất khó chịu rồi, nhưng kéo mãi kéo mãi xuống dưới để đọc
thì cũng chẳng dễ chịu chút nào với người lướt web. Hơn thế nữa trong một nghiên cứu chỉ ra
rằng đến 75% người lướt web chỉ "đọc lướt" thay vì "đọc từng chữ". Do đó một bài quá dài dễ
làm người ta nản. Tuy nhiên nếu bài đó có nhiều thông tin, thì bạn nên chia ra làm 2, 3 trang
cho nó cũng là một cách khắc phục.
Luật chung: Một trang web không nên để người đọc phải kéo 3 lần màn hình để đọc hết nội
dung. Nếu bạn đang có vấn đề này thì hãy sửa chữa ngay đi. Tuy nhiên trừ trường hợp đặc biệt
nếu đó là một chương sách thì không nói tới vì nếu người đọc đã biết nó là một chương sách và
nội dung phù hợp với cái họ cần thì họ sẽ không ngại kéo đến cả chục trang đâu. Nhưng thường
thì là nên như thế.
3. Dung lượng của một trang bất kỳ không nên nặng quá 50K
Nếu tất cả chúng ta đều tuân theo quy luật như 1+1 = 2 thì tốt quá! nhưng bạn cũng nên biết
rằng chẳng có cái gì là tuyệt đối, bao giờ cũng có những chỗ "sunsilk". Tuy nhiên một trang
web load dưới 5 giây sẽ để lại ấn tượng rất tốt cho người đọc.

làm file flash lớn, cần phải có phần loading.
- Khi thiết kế, cần đưa tương đối đầy đủ nội dung với màu sắc, font chữ đúng với website sau
này. Khi đặt nội dung, nên để font chữ ở chế độ Smooth là none, ko nên để là Crisp vì khi ra
kết quả cuối cùng (web page) sẽ khác với thiết kế.
- Không sử dụng các font chữ không chuẩn cho nội dung website, vì nếu máy người xem không
có font đó thì sẽ hư toàn bộ layout. Nếu website sử dụng tiếng Việt, nên sử dụng các font
Unicode chuẩn như Arial, Verdana, Tahoma, Times News Roman.
- Các website thương mại nên hạn chế sử dụng các đường cong, hình ảnh lớn, background lớn
chiếm diện tích thông tin của website trừ khi có thể quản lý chúng. Việc sử dụng đường cong
hay background sẽ gây rất nhiều trở ngại khi chuyển qua HTML.
- Cần nghĩ qua về việc làm sao chuyển chúng thành HTML trước khi thiết kế một thành phần
nào.
- Thiết kế web cần tính toán làm sao để tương thích với cấu trúc HTML của website, nếu
không, khi phân tích ra thành các trang web HTML sẽ trở nên rất khó khăn cho việc xây dựng
nội dung cũng như lập trình.
- Trước khi thiết kế, cần có sitemap cụ thể, để việc trình bày thông tin trở nên rõ ràng, dễ thuyết
phục người duyệt mẫu. - Nên xem mẫu thiết kế trên các loại màn hình khác nhau, tốt nhất trên
màn hình CRT bình thường, vì đây là màn hình của người sử dụng. Tránh việc duyệt mẫu, xem
mẫu bằng giấy in láng (hoặc rửa hình), hoặc màn hình laptop, LCD. - Màu sắc website cần nhẹ
nhàng, phù hợp với mục đích của website, thông tin rõ ràng.
- Cần có một mẫu GUI Logic trước khi bắt tay vào thiết kế, GUI Logic này cần được duyệt qua
bởi Người đối tác. GUI Logic là bản thiết kế thô, bao gồm các vị trí của các thành phần trên
website, người thiết kế sẽ dựa trên đó để làm graphic. Bản GUI Logic này được tính toán trước
về mặt thẩm mỹ và quan trọng là usabilities.
Chuyển trang web thành HTML
- Sau quá trình thiết kế web là quá trình phân tích, chuyển đổi mẫu thiết kế thành trang web
HTML, cần theo các yêu cầu cụ thể sau:
- Chương trình dựng trang web, chương trình thích hợp nhất là Macromedia Dreamweaver, vì
đây là chương trình do rất nhiều lập trình viên đang sử dụng để code trực tiếp, tuyệt đối không
dùng Frontpage. Frontpage có thể giúp đơn giản cho người sử dụng nhưng việc sinh mã HTML
III. Những quy tắc khi sử dụng font chữ

1. Font phải dễ đọc
Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to
hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào "vùng nguy hiểm" rồi. Màu của font chữ cũng
nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng
nền màu trắng chữ màu ghi. Font chữ màu nhạt trên nền tối rất khó đọc
2. Dùng font phù hợp.
Font chữ không nên quá rắc rối mà có thể làm người đọc mất tập trung, mà font chữ nên phù
hợp với nội dung của website. Ví dụ website cho trẻ em thì nên dùng font nghộ nghĩnh và nhiều
mằu sắc, nhưng website cho người lớn thì nên dùng font ngay ngắn và rõ ràng.
3. Nên dùng một loại font
Bạn nên sử dụng cùng một loại font cho toàn bộ trang web của mình, kể cả kích thước của font
nữa. Hãy hình dùng một trang web mỗi trang là một loại font thì nó sẽ nhìn ra như thế nào?
4. Chỉ nên dùng những font tiêu chuẩn
Bạn có biết rằng hiện nay có bao nhiêu font chữ tồn tại không? và hầu như ngày nào người ta
cũng tạo ra một loại font mới. Nếu bạn may mắn kiếm được một font đẹp, thì hãy giữ cho riêng
mình, đừng nên dùng trên trang web của bạn. Bởi vì chưa chắc gì người đọc của bạn lại may
mắn giống bạn để có font đó. Cho nên lời khuyên của tôi là nên dùng font tiêu chuẩn như:
Arial, Times New Roman, Tahoma, Corier New ... những font có sẵn trong Window vì bạn có
thể chắc rằng ai cũng đọc được.
Nếu máy của người đọc không có font bạn chọn, nó sẽ tự động chọn một font mặc định để
thay thế.
1. Font phải dễ đọc
Nhiều người đồng ý rắng font chữ từ 12- 14 là font tiêu chuẩn được dùng trên web. Nếu to
hơn hoặc nhỏ hơn cỡ đó là bạn đã đặt mình vào "vùng nguy hiểm" rồi. Màu của font chữ cũng
nên phù hợp với nền, đừng chọn nền và chữ một màu gần giống nhau hay quá tương phản dạng
nền màu trắng chữ màu ghi. Font chữ màu nhạt trên nền tối rất khó đọc Và

họ cần.
Thanh di chuyển nên chọn loại tiêu chuẩn là nằm ngang dưới banner hoặc bên tay trái. Đừng
nên dùng những thanh di chuyển quá phức tạp.
Đừng nên dùng hiệu ứng Javascript cho con trỏ chuột
Màu chữ và cỡ chữ không nên quá to, hoặc quá chói. Tốt nhất là bạn nên chọn font chữ từ 12-
14 Px và màu là màu đen. Người ta chứng minh được rằng, mắt người thấy dễ chịu nhất ở
những trang có nền trắng chữ màu đen.
4. Kết hợp màu sắc quá tồi
Có đôi khi tôi vào một vài trang web về Photoshop Tutorial. Thật sự thì tôi cũng thích nội dung
trang web đó, nhưng màu sắc thì … ôi thôi … không thể tha thứ được. Nền màu đỏ, chữ màu
xanh lá cây, viền vàng, chữ xám … nhìn như một bát màu chứ không phải một trang web nữa.
Ở những lúc như thế, tôi chỉ muốn thoát ngay ra mà không muốn chịu đựg thêm một giây nào
nữa.

5. Có quá nhiều hình ảnh động và flash
Banner hoặc logo mà là dạng hình động chạy ra chạy dzô, ẩn hiện lập loè, xoay mòng mòng
như chong chóng là những thứ mà các web designer nên tránh như tránh tà.
Một banner bằng flash giống như một bé mới tập làm web và khoe hết người này người nọ về
tác phẩm mà cậu ta mới làm xong.
Một trang web chuyên nghiệp thì logo và banner nên là dạng hình tĩnh hoặc đơn giản chỉ bằng
chữ. Có nhiều nghiên cứu chỉ ra rằng banner và logo động dạng flash không mạng lại tính
chuyên nghiệp cho trang web của bạn, mà sự thực nó làm điều ngược lại.
6. Bộ đếm số người truy cập – Hit Counter
Đoạn mã này chỉ được dùng bởi những tay mơ, mới bắt tay vào làm web. Bạn đừng bao giờ
dùng đến nó. Bởi vì một host có cấu hình tốt sẽ giúp bạn kiểm tra được thông tin về số người
truy cập là bao nhiêu, họ từ đâu tới, dùng trình duyệt gì, làm sao họ biết đến bạn nhờ công cụ
tìm kiếm nào ...vân …vân … mà một bộ đếm truy cập thông thường chẳng bao giờ làm được
như thế. Đó là chưa kể nó lại còn không chính xác nữa bởi vì mỗi lần có người refresh là nó lại
nhẩy lên môt đơn vị.
Ý tưởng dùng công cụ Hit Counter này xuất hiện đã 8 năm về trước rồi. Thế giới đã đổi thay,