Layout là sự sắp xếp có hệ thống các yêu tố đồ họa và nội dung trên bất cứ thiết kế nào để tạo nên sự thống nhất. Bài viết này ATPWEB.VN sẽ giới thiệu các kiến thức về Layout là gì? Bố cục layout cơ bản cho dân thiết kế.
Thông thường khi chuẩn bị thiết kế bạn sẽ lên bố cục Layout rồi mới đi vào chi tiết thực hiện. Đối với thiết kế Website cũng vậy, bước đầu tiên quan trọng vẫn là lên ý tưởng Layout cho website.
Layout là gì ?
Layout là sự bố trí hợp lý các thông tin, nội dung và các nhân tố đồ họa trên bất cứ thiết kế nào để tạo sự nhất quán cho tất cả ấn phẩm của mình. Ví dụ: Khi giải thích tài liệu trong một trang, bạn sẽ phải sắp xếp tiêu đề, các đoạn văn bản, cân nhắc xem ảnh đặt ở đâu, khoảng cách giữa những đoạn tài liệu là bao nhiêu,…
Các kết quả cho thấy, tỷ lệ căn lề, khoảng cách giữa các thông tin, sắp xếp bố cục là các phần quan trọng nhất tại layout mà người thiết kế cần lưu ý.
Tầm quan trọng của bố cục Layout
Người ta thường hay ví von thiết kế nói chung với việc xây một căn nhà. Bố cục layout là chi tiết tuyệt mĩ để tạo nên một căn nhà đẹp. Thực sự có thể khẳng định, layout đóng một nhiệm vụ trọng yếu tại thiết kế đồ họa. Hiểu cách bố trí của thiết kế là rất quan trọng. Nếu layout không được hiểu một cách chính xác, có khả năng các thông điệp bạn mong muốn truyền đạt sẽ bị mất và những chi phí quảng cáo sẽ bị lãng phí.
Chẳng hạn, khi thiết kế trang website, việc sắp xếp layout một cách thân thiện , hấp dẫn sẽ khiến đối tượng mua hàng lưu lại lâu hơn trên trang website đó. Người thiết kế phải nắm những nguyên tắc căn bản cho một sắp đặt layout phù hợp , cách dùng các thành tố đồ họa cơ bản như sự cân bằng, tỷ lệ, trình tự, nhấn mạnh, sự thống nhất của tất cả các thành tố gắn kết.
Các quy tắc thường hay gặp tại thiết kế layout
1. Quy tắc một phần ba
Tương tự như nhiếp ảnh gia, quy tắc một phần ba cũng là một tại các bố cục layout quan trọng giúp bạn có một bố cục tuyệt vời trong thiết kế. Quy tắc này được coi là một chuẩn mực cơ bản giúp cho sản phẩm của bạn có được đạt kết quả tốt cao nhất , gây ấn tượng với khách hàng.
Cách tạo layout này rất đơn giản. Bạn chỉ cần chia thiết kế của mình thành 3 cột , 3 hàng. Tại những điểm giao nhau của những hàng và cột này, bạn nên đặt các chủ thể chính cũng giống như các thành tố hỗ trợ khác. nếu bạn đang có rắc rối tại việc tạo ra sự cân bằng tại bố cục thiết kế của mình. Quy tắc 1 phần 3 chắc chắn sẽ trở nên người bạn rất tuyệt vời.
2. Quy tắc bố cục Layout số lẻ
Các nhà thiết kế đã phát hiện thấy rằng, một hệ thống layout có những nhân tố là số lẻ (khoảng 3 vật thể) thường sẽ có được hiệu quả cao. 2 Vật thể phía ngoài tạo ra sự cân bằng cho điểm tập trung ở giữa, làm ra sự đơn giản , tự nhiên cho thiết kế. Đây cũng chính là nội dung cơ bản của quy tắc số lẻ. Quy tắc này được sử dụng quá nhiều tại việc thiết kế logo.
3. Bố cục Layout về sự cân bằng
Mọi thứ trên đời này đều thành ra hoàn hảo hơn khi có sự cân bằng. Thiết kế cũng vậy! Các nhà thiết kế phải thay đổi những yếu tố khác nhau trong sản phẩm của mình để hướng đến sự hài hòa , cân bằng tại tác phẩm của mình. Thiếu đi sự cân bằng tại bố trí bố cục, thiếu đi khoảng trắng giữa những chi tiết… sẽ khiến cho một thiết kế trở nên vô cùng “nhức mắt” và tạo ấn tượng xấu cho khách hàng.
4. Quy tắc nhấn mạnh
Bên cạnh những khoảng trống được đề cập ở phía trên, mắt của người xem thường thường cũng cần điểm nào đấy nổi bật để tập trung, nếu không họ sẽ chỉ nhìn thoáng qua thiết kế của bạn , bỏ đi.
Để truyền tải thông điệp tới người coi rằng đâu là điểm chính, vật thể chính mà họ luôn phải tập trung, thì bạn cần sử dụng các quy trình layout có nhân tố chính phụ , cân bằng này. Trước thời gian bắt tay vào thiết kế, bạn hãy nắm rõ ràng rõ ràng điểm tập trung tại thiết kế, và điều hướng mắt của người coi dựa trên cấu trúc của hệ thống bố cục nhé!
Mẫu layout đẹp
Tham khảo 300+ mẫu layout đẹp : https://www.pinterest.com/pin/734297914228812163/
Nguyên tắc dàn trang
1. Đừng quên Kern kí tự
2. Giữ cho thiết kế luôn luôn dễ đọc
3. Độ dài của một dòng phải vừa đủ
4. Phân cấp nội dung rõ ràng
5. Khoảng cách giữa các từ phải phù hợp
6. So hàng, canh lề văn bản phù hợp
7. Luôn luôn sử dụng hệ thống lưới
8. Thiết kế phải phù hợp với đối tượng hướng đến
10. Sử dụng màu sắc phù hợp
11. Sử dụng font chữ phù hợp
12. Không sử dụng font chữ quá đặc biệt cho body text
13. Không bao giờ co giãn chữ
14. Tránh sử dụng màu sắc không đồng điệu
Nguồn: Tổng hợp+Edit