Tự tạo giao diện cho blog của bạn, Những nguyên tắc cơ bản + một số mẫu

Như các bạn đã biết, ngày 4/12/2006, blog ở VnVista thêm tính năng "Tự tạo giao diện của bạn". Với tính năng mới này, việc tạo một cái nhìn mới mẻ cho blog bạn không còn là vấn đề khó khăn. Tuy nhiên nếu bạn chưa biết những khái niệm cơ bản nhất về thiết kế giao diện cho một trang web, thì tôi khuyên bạn hãy sử dụng một trong những giao diện có sẵn và đừng chỉnh sửa thông số nào trong phần này. Nếu không không những blog bạn có thể xấu đi, màu sắc lòe loẹt, mà còn load chậm hơn rất nhiều! Kết quả là không ai muốn vào blog bạn xem nữa.

Trước hết, nếu bạn chưa biết cách sử dụng tính năng này, xin hãy xem ở đây.

Ok, những nguyên tắc cơ bản cũng không có nhiều. Bạn chỉ cần chú ý những điểm sau đây:

1. Về nền của 1 khối
(Khối ở đây được hiểu có thể là một diện tích bất kỳ trên trang web, từ khu vực bài viết, khung soạn thảo bài viết, thanh menu, cho tới cả trang web)

Ảnh nền hay màu nền?

- Nếu bạn sử dụng cả màu nền và ảnh nền cho một khối, ảnh nền sẽ được xếp đè lên màu nền (cách xếp ảnh nền tùy vào bạn lựa chọn).

- Nếu bạn chỉ dùng màu nền, trang web sẽ tải nhanh hơn, vì không phải tải ảnh nền về máy. Vì thế hãy hạn chế sử dụng ảnh nền tới mức có thể. Nếu sử dụng ảnh nền thì phải lựa chọn ảnh có kích cỡ càng bé càng tốt, để trang web tải nhanh hơn.

- Theo mặc định, ảnh nền sẽ được 'lát' đều (tile) khối sử dụng ảnh nền đó. Dù diện tích khối đó lớn hay bé, dù ảnh nền được lát hàng chục lần hay chỉ một lần, hoặc khối quá bé và do đó chỉ hiện ra một phần ảnh nền... - thì toàn bộ ảnh nền nguyên vẹn (với kích cỡ đầy đủ) vẫn được tải về máy một lần & chỉ một lần.

- Vì lý do trên, chỉ nên dùng ảnh nền kích cỡ lớn với những khối có diện tích lớn (vd như ảnh nền cho cả trang web). Còn những khối nhỏ nên dùng màu nền hoặc ảnh nền kích cỡ nhỏ, tốt nhất là từ khoảng vài chục/trăm byte cho tới 2 hoặc 3 kb (1 kb = 1024 bytes). Đừng bao giờ sử dụng cả một bức ảnh lớn làm ảnh nền cho chỉ một thanh tiêu đề, vì sẽ chỉ một phần bức ảnh nền được hiện ra, trong khi toàn bộ bức ảnh vẫn phải được tải về máy người xem trước đó.

- Những ảnh nền dùng để 'lát nền' cho khối là những ảnh được thiết kế đặc biệt, chuyên dùng cho mục đích này, chứ không phải bất kỳ ảnh nào cũng có thể sử dụng được. Đặc điểm của chúng là: nhiều bản copy của ảnh nền có thể được sắp xếp liên tiếp nhau (theo chiều ngang hoặc chiều dọc hoặc cả hai) để tạo nên một phông nền rộng mà vẫn tạo thành một khối ảnh thống nhất nếu nhìn tổng thể, không như là nhiều bức ảnh ghép lại với nhau. Thứ hai là các ảnh nền phải làm nổi bật nội dung (chữ) trên đó, do đó phải có một tông màu nhất định phù hợp làm tôn màu của chữ lên, không được có nhiều màu sặc sỡ sẽ làm chữ khó đọc.

Vd dưới đây là 1 thanh tiêu đề phụ mục diễn đàn:



Và đây là ảnh nền của thanh tiêu đề này:



Các bạn có thể xem một số mẫu ảnh nền tại đây.

- Để lấy link ảnh nền ở bất kỳ trang web nào cách đơn giản nhất là bạn sử dụng trình duyệt Firefox (download free tại www.mozilla.com ) vào trang web đó, click chuột phải vào khối có ảnh nền mà bạn muốn lấy link. Từ menu chuột phải chọn View Background Image. Sau đó bạn chỉ việc copy link của ảnh đó.

2. Kết hợp màu sắc hài hòa

Thường một trang web nào bao giờ cũng có một tông màu nhất định, hoặc là sáng, hoặc là tối, hay màu dịu hoặc nóng. Đừng bao giờ sử dụng những mảng màu sắc đối lập nhau quá sẽ gây sự khó chịu. Và hãy nhớ rằng nội dung phải luôn được nổi bật. Việc phối màu tốt tất nhiên không phải là dễ (tôi cũng kém khoản này), nhưng chúng ta có thể cố gắng để ít nhất không gây phản cảm đối với người xem.