Ba Cột với Split Bandsbars Thiết kế Blog - núm vú

Bố cục blog này sử dụng hai thanh bên, nhưng thanh bên xuất hiện ở hai bên khu vực nội dung chính của bạn. Thiết kế đối xứng đôi khi có thể được coi là quá tĩnh, nhưng nó cũng có thể cung cấp sự cân bằng và trật tự cho cách bố trí blog của bạn. Charm School của blog Olivine có bố cục đẹp với ba cột với các thanh bên chia.

tín dụng: © Olivine, Thiết kế bởi Freckled Nest

Với nội dung thanh bên được phân cách bởi cột chính, một trong những cách tốt nhất để quyết định xem nội dung nào đi vào thanh bên nào là đặt nội dung thanh bên trên bên trái vào cột bên trái, nơi mà độc giả của bạn sẽ nhìn đầu tiên. Trường Charm của Olivine sử dụng thanh bên trái để điều hướng, thay vì hiển thị điều hướng trên đầu trang - một ví dụ tuyệt vời về cách bố trí ba cột trông gọn gàng và tổ chức, với nội dung quan trọng ở thanh bên trái.

Khi làm việc với cách bố trí chia đôi thanh bên của bạn, tránh làm cho thanh bên của bạn lớn đến nỗi nội dung chính của bạn cảm thấy vắt ở giữa. Một cột nhỏ cho nội dung blog chính của bạn cản trở khả năng đọc.