WEB DEVELOPER - THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE - Trang 48

Phát triển Web

2012

46

www.izwebz.com Demon Warlock

Đơn giản, phải không? Có chắc chắn không có gì phức tạp về bố trí này – nhưng nó nhanh chóng
và hiệu quả, hướng mắt người xem đi từ điểm 1 đến điểm 4 theo một thứ tự hợp lý – kết thúc với
lời kêu gọi mạnh mẽ để hành động. Và một vài lưu ý khi bạn thiết kế tại các điểm nút như sau:

Chọn nền phù hợp để có thể thu hút được sự tập trung của người xem.

Biểu tượng phải tạo được sự chú ý ngay từ điểm số #1, thường ở đây sẽ bố trí logo.

Có thể thay đối màu sắc hoặc hình ảnh ở cuối điểm số #2 để hướng người xem đi theo
chữ Z. Trong ví dụ là thay đổi màu sắc chữ signup.

Một Images slider ấn tượng ở giữa, điều này sẽ làm giúp ta tách riêng được phần đầu và
phần cuối của thiết kế, và hướng sự chú ý của người xem di chuyển từ điểm #2 sang điểm
#3. Ở đây bạn nên để những hình ảnh về cty, sản phẩm, v.v…

Một vài dòng thông tin ngắn gọn, điều này sẽ giúp cho người xem hỉu được bạn làm gì và
bạn muốn gì ở họ. Tại điểm số #3 này, thông tin phải cực kì ngắn gọn và súc tích.
Thường thì tại đây bạn sẽ để thông tin về dịch vụ, tầm nhìn, văn hóa công ty, v.v…

Cuối cùng là một nút lớn kêu gọi hành động ở điểm số #4.

2/ Tại sao lại chọn Z-Layout ?

Z-layout chắc chắn không cần phải là giải pháp cuối cùng cho tất cả các trang web, nhưng nó
thường là một lựa chọn tốt cho bất kỳ dự án thiết kế bởi vì nó đã hội tụ đủ 4 của các nguyên tắc
và mục đích của một thiết kế hiệu quả:

Xây dựng thương hiệu

Hệ thống phân cấp

Cấu trúc thiết kế

Kêu gọi một hành động (từ thiện, quyên góp, đang ký, mua hàng,…)

3/ Một vài ví dụ về Z-Layout

1. AVISIO

Liên Kết Chia Sẽ

** Đây là liên kết chia sẻ bới cộng đồng người dùng, chúng tôi không chịu trách nhiệm gì về nội dung của các thông tin này. Nếu có liên kết nào không phù hợp xin hãy báo cho admin.