Bố cục sắp xếp văn bản và hình ảnh trên trang hoặc màn hình. Nó quyết định vị trí của mọi thứ và lượng không gian chúng chiếm dụng. Bố cục có thể dày đặc hoặc thoáng đãng. Nó có thể đối xứng hoặc không đối xứng. Nó có thể tuân theo lưới hoặc phá vỡ lưới. Bố cục quyết định cách người xem trải nghiệm nội dung. Bố cục lộn xộn gây cảm giác choáng ngợp. Bố cục thưa thớt lại tạo cảm giác trống rỗng. Sự cân bằng phù hợp phụ thuộc vào thông điệp và phương tiện truyền tải.

Các nguyên tắc bố cục đã được hoàn thiện qua nhiều thế kỷ. Thiết kế in ấn đã thiết lập các quy tắc. Lề trang tạo không gian cho nội dung. Các cột sắp xếp văn bản để dễ đọc. Khoảng trắng phân tách các yếu tố và hướng mắt người xem. Thứ tự ưu tiên thể hiện những gì quan trọng nhất. Thiết kế kỹ thuật số đã điều chỉnh các nguyên tắc này cho màn hình. Bố cục thích ứng tự điều chỉnh theo kích thước màn hình khác nhau. Bố cục ba cột trên máy tính để bàn trở thành một cột duy nhất trên thiết bị di động. Nội dung được sắp xếp lại. Thứ tự ưu tiên vẫn được duy trì. Bố cục cũng ảnh hưởng đến khả năng sử dụng. Một nút được đặt ở vị trí người dùng mong đợi sẽ được nhấp chuột. Một menu điều hướng ở vị trí tiêu chuẩn sẽ được sử dụng. Một biểu mẫu với nhãn rõ ràng và nhóm logic sẽ được hoàn thành. Bố cục không chỉ mang tính thẩm mỹ. Nó còn mang tính chức năng. Nó định hình hành vi. Nhà thiết kế sử dụng bố cục để hướng dẫn, thông báo và thuyết phục. Mỗi vị trí đặt là một quyết định. Mỗi quyết định đều có hậu quả.

Nguyên tắc bố cục

• Lề — khoảng trống xung quanh nội dung
• Cột — các phần chia theo chiều dọc cho văn bản
• Khoảng trắng — những khu vực trống dùng để phân tách các yếu tố.
• Thứ bậc — thứ tự tầm quan trọng về mặt thị giác
• Sự thẳng hàng — các phần tử được sắp xếp dọc theo các cạnh chung
• Sự gần gũi — các yếu tố liên quan được nhóm lại với nhau.

Bố cục là sự sắp xếp các bộ phận. Các bộ phận rất quan trọng. Khoảng cách giữa chúng cũng vậy.