Thư viện thuật ngữ / UI/UX

Organic layout là gì?

Còn gọi: bố cục hữu cơ

Organic layout là phong cách bố cục dùng hình khối mềm, đường cong, hình blob và sắp xếp không theo lưới cứng nhắc, tạo cảm giác tự nhiên, thân thiện và chuyển động.

Hiểu kỹ hơn

Thay vì các khối chữ nhật thẳng hàng, bố cục hữu cơ dùng nền hình giọt nước, đường lượn sóng chia section, ảnh cắt theo hình tròn hoặc hình bất định và các phần tử đặt so le, chồng lấn. Phong cách này hay gặp ở thương hiệu sức khoẻ, mỹ phẩm, thực phẩm, giáo dục trẻ em, những nơi muốn gợi sự gần gũi. Dù trông tự do, bố cục hữu cơ tốt vẫn bám một lưới ngầm để chữ thẳng hàng và dễ đọc; phần hữu cơ nằm ở hình nền và ảnh, còn khối chữ, nút vẫn theo quy tắc. Trong Figma, hình blob có thể vẽ bằng Pen, chỉnh từ ellipse ở chế độ sửa vector, hoặc dùng plugin tạo blob, và đường lượn chia section thường xuất SVG. Ví dụ: website một thương hiệu trà dùng nền xanh hình lá lượn và ảnh sản phẩm cắt tròn. Lỗi thường gặp là để hình trang trí cong chạy đè lên chữ làm giảm tương phản, hoặc mỗi section một kiểu đường cong không liên quan.