Head first web design chapter 4 layout and design

Nội dung- Thiết kế hướng đến người dùng - Độ phân giải quyết định đến cách bố trí của một trang web - Sự logic khi bố trí trang web - Giao diện với người dùng - Layout và cách bố trí con

SEMINAR GIAO TIẾP NGƯỜI MÁY

ĐỀ TÀI : Head First Web Design Chapter 4 : Layout and Design

Nội dung

- Thiết kế hướng đến người dùng

- Độ phân giải quyết định đến cách bố trí của một trang web

- Sự logic khi bố trí trang web

- Giao diện với người dùng

- Layout và cách bố trí content dựa theo tỉ lệ layout

Thiết kế hướng đến người dùng

Thiết kế hướng đến người dùng là thiết kế hướng đến mục đích của người dùng khi truy cập vào trang web

Một trang web mà bạn thiết kế và bố trí là nơi mà bạn

hướng đến người dùng theo những nội dung mà bạn đưa lên trang web đó

Nếu trang web có bố cục không tốt thì người dùng sẽ không tương thích và sẽ không có hứng thú gì với

trang web của bạn cả Tất nhiên họ sẽ không muốn quay lại đó lần sau.

Ngược lại nếu trang web của bạn được bố trí tốt, có nhiều chức năng và có tính thẩm mỹ cao, khi đó người dùng sẽ hứng thú và sẽ khám phá nó nhiều hơn, lâu hơn Chắc

chắn rằng họ sẽ quay lại lần sau

Vậy trang web của bạn sẽ hướng đến đối tượng người dùng nào? Chúng ta sẽ xem hai ví dụ về hai cách thiết kế trang web cho người dùng.

Một trang web về bán thức ăn.

Một trang web đa dụng hơn đó là 24h.com.vn

Độ phân giải của trang web quyết định đến cách bố trí

trang web như thế nào?

Độ phân giải 1280x800 : Độ phân giải khá cao và không phổ biến, mọi thứ trên trang web này dường như nhỏ hơn Bố cục web hiển thị nhiều khoản trắng hoặc nền hơn.

Độ phân giải 1024x768 : Toàn bộ bố cục có vẻ tốt hơn, các khoảng trắng hoặc nền không còn nhiều như độ phân giải 1280X800.

Độ phân giải 800x600 : Việc bố trí lớn hơn không gian có sẵn trong cửa sổ trình duyệt Thanh cuộn thì có ở cả chiều ngang và dọc Các khoảng trắng nền ở phía bên phải không còn nữa.

Độ phân giải 640x480: Các thành phần lớn hơn Chỉ có thể nhìn thấy một phần của trang web Cần phải sử

dụng đến thanh cuộn để xem hết toàn bộ trang web

Hãy suy nghĩ thật kĩ để chọn kích thước cho trang web của bạn Người dùng có thể truy cập trang web của bạn bằng bất

cứ gì(màn hình tv 30’’, smartphone, … )

Sau khi chọn kích thước thì sẽ chọn độ phân giải Người dùng có thể chọn độ

phân giải khi họ xem (sẽ có nhiều sự lựa chọn khác nhau )

Độ phân giải quá cao có nghĩa là những thứ trên

trang web sẽ xuất hiện ít hơn và không gian ảo sẽ xuất hiện nhiều hơn trên trang web của bạn

Độ phân giải thấp hơn thì những thứ trên trang web

sẽ xuất hiện nhiều hơn và không gian ảo sẽ xuất

hiện ít hơn trên trang web mà bạn thiết kế và bố trí.

Bạn đã bao giờ thấy một trang web có thông báo mở là

“Trang web xem tốt nhất ở độ phân giải 1024x768” chưa? Đây cũng là một ý tưởng hay để thiết kế và bố trí trang

web

Bạn sẽ phải thiết kế trang web của bạn phù hợp với những

độ phân giải mà người dùng có thể chọn lựa khi họ sử

dụng Vì tùy vào thời điểm và phương tiện mà họ sẽ sử

dụng độ phân giải nào cho phù hợp

Điều gì làm cho một trang web trở nên đẹp và hấp dẫn, điều

gì làm cho nó trở nên xấu xí và không hấp dẫn? Đó là do

mắt chúng ta cảm nhận được các yếu tố trên trang web đó

Chúng ta sẽ không thể tiếp thu được thông tin trên trang web khi mà đồ họa và văn bản ném bừa bãi không có sự logic nào

Khi thiết kế và bố trí một trang web chúng ta cần có sự hài hòa và logic về nội dung trên web đó

Nếu không có sự logic về nội dung thì người dùng sẽ

không hiểu và không nhận được những gì mà họ mong

muốn

Giao diện với người dùng

Để trang web có tính thẩm mỹ và làm người dùng hứng thú thì chúng ta phải tạo ra một giao diện thân thiện và nhìn không quá cầu kì

Không nên tạo giao diện cầu kì quá sẽ khiến người dùng cảm thấy không được thân thiện

Chúng ta có nhiều cách để thiết kế layout cho trang web của mình Nhưng thường thì trang web được chia thành 3 phần là tốt nhất

Tỉ lệ của trang web thường là 1/3-2/3 hoặc là 2/3-1/3

Một số ví dụ về cách bố trí content trong trang web dựa theo tỉ

lệ của layout

CẢM ƠN CÁC BẠN ĐÃ THEO DÕI BÀI THUYẾT TRÌNH CỦA NHÓM MÌNH!