Head first web design chapter 4 layout and design

SEMINAR GIAO TIẾP NGƯỜI MÁY ĐỀ TÀI : Head First Web Design Chapter : Layout and Design Nội dung - Thiết kế hướng đến người dùng - Độ phân giải định đến cách bố trí trang web - Sự logic bố trí trang web - Giao diện với người dùng - Layout 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 thiết kế hướng đến mục đích người dùng truy cập vào trang web Một trang web mà bạn thiết kế bố trí nơi mà bạn hướng đến người dùng theo nội dung mà bạn đưa lên trang web Nếu trang web có bố cục không tốt người dùng không tương thích hứng thú với trang web bạn Tất nhiên họ không muốn quay lại lần sau Ngược lại trang web bạn bố trí tốt, có nhiều chức có tính thẩm mỹ cao, người dùng hứng thú khám phá nhiều hơn, lâu Chắc chắn họ quay lại lần sau Vậy trang web bạn hướng đến đối tượng người dùng nào? Chúng ta xem hai ví dụ hai cách thiết kế trang web cho người dùng Một trang web bán thức ăn Một trang web đa dụng 24h.com.vn Độ phân giải trang web định đến cách bố trí trang web nào? Độ phân giải 1280x800 : Độ phân giải cao không phổ biến, thứ trang web dường nhỏ Bố cục web hiển thị nhiều khoản trắng Độ phân giải 1024x768 : Toàn bố cục tốt hơn, khoảng trắng không nhiều độ phân giải 1280X800 Độ phân giải 800x600 : Việc bố trí lớn không gian có sẵn cửa sổ trình duyệt Thanh cuộn có chiều ngang dọc Các khoảng trắng phía bên phải không Độ phân giải 640x480: Các thành phần lớn Chỉ nhìn thấy phần trang web Cần phải sử dụng đến cuộn để xem hết toàn trang web Hãy suy nghĩ thật kĩ để chọn kích thước cho trang web bạn Người dùng truy cập trang web bạn gì(màn hình tv 30’’, smartphone, … ) Sau chọn kích thước chọn độ phân giải Người dùng chọn độ phân giải họ xem (sẽ có nhiều lựa chọn khác nhau) Độ phân giải cao có nghĩa thứ trang web xuất không gian ảo xuất nhiều trang web bạn Độ phân giải thấp thứ trang web xuất nhiều không gian ảo xuất trang web mà bạn thiết kế bố trí Bạn thấy trang web có thông báo mở “Trang web xem tốt độ phân giải 1024x768” chưa? Đây ý tưởng hay để thiết kế bố trí trang web Bạn phải thiết kế trang web bạn phù hợp với độ phân giải mà người dùng chọn lựa họ sử dụng Vì tùy vào thời điểm phương tiện mà họ sử dụng độ phân giải cho phù hợp Điều làm cho trang web trở nên đẹp hấp dẫn, điều làm cho trở nên xấu xí không hấp dẫn? Đó mắt cảm nhận yếu tố trang web Chúng ta tiếp thu thông tin trang web mà đồ họa văn ném bừa bãi logic Khi thiết kế bố trí trang web cần có hài hòa logic nội dung web Nếu logic nội dung người dùng không hiểu không nhận mà họ mong muốn Giao diện với người dùng Để trang web có tính thẩm mỹ làm người dùng hứng thú phải tạo giao diện thân thiện nhìn không cầu kì Không nên tạo giao diện cầu kì khiến người dùng cảm thấy không thân thiện Layout Chúng ta có nhiều cách để thiết kế layout cho trang web Nhưng thường trang web chia thành phần tốt Tỉ lệ trang web thường 1/3-2/3 2/3-1/3 Một số ví dụ cách bố trí content trang web dựa theo tỉ lệ layout CẢM ƠN CÁC BẠN ĐÃ THEO DÕI BÀI THUYẾT TRÌNH CỦA NHÓM MÌNH! ... trang web bạn hướng đến đối tượng người dùng nào? Chúng ta xem hai ví dụ hai cách thiết kế trang web cho người dùng Một trang web bán thức ăn Một trang web đa dụng 24h.com.vn Độ phân giải trang web. .. nhiều trang web bạn Độ phân giải thấp thứ trang web xuất nhiều không gian ảo xuất trang web mà bạn thiết kế bố trí Bạn thấy trang web có thông báo mở “Trang web xem tốt độ phân giải 1024x768” chưa?... cách để thiết kế layout cho trang web Nhưng thường trang web chia thành phần tốt Tỉ lệ trang web thường 1/3-2/3 2/3-1/3 Một số ví dụ cách bố trí content trang web dựa theo tỉ lệ layout CẢM ƠN CÁC