Bố cục hiệu quả: Tìm hiểu về Nhóm, Tỷ lệ và Trình tự (Phần 2/3)
Trong phần 1, chúng ta đã tìm hiểu về 3 nguyên tắc cơ bản của bố cục: Điểm nhấn, Khoảng trắng và Thứ bậc. Phần 2 này sẽ giới thiệu thêm 3 nguyên tắc quan trọng: Nhóm, Tỷ lệ và Trình tự.
4. Nhóm (Grouping)
Nhóm là cách bạn sắp xếp các yếu tố liên quan lại với nhau. Việc nhóm các yếu tố giúp người xem dễ dàng tiếp cận thông tin, tạo sự dễ hiểu cho bố cục.
-
Ví dụ: Trên trang web Dribbble, các menu điều hướng được nhóm lại ở đầu trang. Hero section (phần giới thiệu) và các bài đăng được nhóm riêng biệt.
5. Tỷ lệ (Scale)
Tỷ lệ là cách bạn sử dụng kích thước tương đối của các yếu tố trong bố cục. Tỷ lệ tốt tạo nên sự cân bằng, thu hút và mang tính thẩm mỹ cao.
-
Ví dụ: Trong các poster của DKNG, nghệ sĩ được sử dụng tỷ lệ lớn, tên nghệ sĩ ở tỷ lệ trung bình, và thông tin ở tỷ lệ nhỏ.
6. Trình tự (Sequence)
Trình tự là cách bạn sắp xếp các yếu tố theo một thứ tự nhất định. Trình tự tốt tạo nên sự liền mạch, hấp dẫn và dẫn dắt người xem theo một câu chuyện.
-
Ví dụ: Trong trang web Apple iPhone 13 Pro, các hình ảnh được sắp xếp theo một trình tự nhất định, kết hợp với hiệu ứng chuyển động, tạo nên sự liền mạch và hấp dẫn cho người xem.
Áp dụng các nguyên tắc vào thực tế:
-
Trang web Apple iPhone 13 Pro: Sử dụng tỷ lệ, nhóm và trình tự một cách hiệu quả. Các menu được nhóm ở đầu trang, hình ảnh iPhone 13 Pro được trình bày ở tỷ lệ lớn, và bố cục được sắp xếp theo trình tự rõ ràng, thu hút người xem theo một câu chuyện.
-
Trang web Stand with Ukraine: Sử dụng tỷ lệ và trình tự hiệu quả để truyền tải thông điệp của chiến tranh. Các hình ảnh được sắp xếp theo một trình tự, kết hợp với tỷ lệ chữ, tạo nên cảm giác chân thực và thu hút.
Lưu ý:
-
Không cần phải áp dụng mọi nguyên tắc trong mọi trường hợp. Hãy sử dụng các nguyên tắc một cách linh hoạt và sáng tạo để tạo nên bố cục phù hợp nhất với mục tiêu của bạn.
-
Hãy quan sát các thiết kế của những người khác để học hỏi và áp dụng các nguyên tắc vào các thiết kế của riêng bạn.
Kết luận:
Hãy thử áp dụng các nguyên tắc về nhóm, tỷ lệ và trình tự để tạo nên bố cục hiệu quả hơn!
