Back

[P7]Khoảng trắng & hoa văn - 12 nguyên tắc thiết kế & cách áp dụng chúng hiệu quả

Chien Pham

Designer

Chien Pham

Designer

Purple Flower
Purple Flower

Khoảng trắng là gì

khoảng trắng hay không gian âm, hiểu đơn giản là tất cả các không gian trống
không có nội dung (hoặc các hoạ tiết không quá nổi bật)

Khi khoảng trắng được cố tình thêm vào để làm nổi bật 1 đối tượng cụ thể
thì gọi là khoảng trắng hoạt động.



ở ví dụ trên khoảng trắng làm nổi bật chủ thể

Ngoài ra còn có không gian trắng thụ động như không gian giữa các chữ
hoặc khoảng trắng tạo ra bởi vị trí cố định của logo (đại khái vậy nó củng không quan trọng lắm)

Có thêm 1 loại khoảng trắng khác đó là khoảng trắng vi mô (macro white space)
đó là khoảng trăng tạo ra bởi các phần tử với nhau, như khoảng cách dòng,
khoảng cách 2 đối tượng gần nhau…

Tầm quan trọng của khoảng trắng

Tui nó đơn giản nhưng là thành phần tối quan trọng trong thiết kế


Tổ chức thông tin

Dễ hiểu thì nó giúp chia tác & nhóm các nội dung liên quan với nhau
giúp người xem dễ dàng tìm kiếm thông tin


Cả thiện khả năng đọc

Văn bản có nhiều khoảng trắng xung quanh khả năng đọc của văn bản đó
sẽ tốt hơn những văn bản có ít khoảng trắng xung quanh hơn

Nhiều khoảng trắng củng giúp giảm sự choáng ngợp về thông tin



mặc dù văn bản phía trên rất dài nhưng khi được chia ra từng phần
thì khả năng đọc của văn bản đã được nâng cao


Tăng sự tương tác của người dùng

Trong thiết kế Web người ta thường dể nhiều khoảng trắng xung quanh
các Button để người dùng có thể nhận ra nhanh hơn.



Tăng sự tập trung vào các yếu tố quan trọng

Khoảng trắng cho ta khả năng nhấn mạnh các yếu tố quan trọng

Thong thiết kế UI nhưng thứ quan trọng như các button
hình ảnh quảng cáo… tất cả những thứ quan trọng, đều nên sử dụng
khoảng trắng cho nó.

Tạo sự cân bằng thị giác

Đảm bảo khoảng trắng được phân bố đồng đều trong thiết kế
củng là một cách bạn có thể cân bằng thiết kế của mình


Chia sẻ lên mạng xã hội