Khoảng trống (whitespace)
Một khoảng trống.
Hai khoảng trống.
Ba khoảng trống.
Khoảng trống là tuyệt chiêu mà các nhà thiết kế mỹ thuật thường sử dụng. Việc họ rắc khoảng trống vào các thiết kế cũng giống như việc rắc tiêu vào các món ăn vậy. Kết quả, cái gì trông cũng sang hơn và dễ đọc hơn. Làm thế nào để học được tuyệt chiêu này nhỉ?
Trang web của phòng tranh Barkli.
Khoảng trống nhỏ
“Khoảng trống nhỏ” - Micro White Space, gồm những khoảng trống nhỏ giữa các chữ, các dòng, các chi tiết. Đôi khi trong quá trình thiết kế, ta có thể bỏ qua một số yếu tố mà bạn cho là nhỏ nhặt, và không quan trọng, nhưng khoảng trống nhỏ có một ảnh hưởng trực tiếp đến thiết kế của chúng ta. Ví dụ dưới đây sẽ giúp các bạn hiểu rõ hơn về tầm quan trọng của khoảng trống nhỏ
Khoảng trống lớn
Loại khoảng trống thứ hai đó là “khoảng trống lớn” - hay Macro White Space. Khoảng trống này là các phần không gian không bị chiếm dụng giữa các bố cục trong thiết kế và bao quanh các bố cục ấy.
Hãy nhìn ảnh dưới, liệu bạn có tìm được con gấu trúc trong hình không?
Rất có thể là bạn đã vô tình gặp qua những bức ảnh như thế này, và hầu hết các lần ấy, bạn đều đã thất bại trong việc tìm ra vật cần tìm trong thời gian nhất định. Nguyên nhân hầu hết tất cả chúng ta thất bại trong trong thử thách tìm ra chú gấu trúc ở ảnh trên chính là do chủ nhân của bức ảnh đã cố tình triệt tiêu “khoảng trống” giữa các nhân vật, cùng với sự hỗ trợ của việc trộn lẫn màu sắc, khiến cho thị giác chúng ta bị đánh lừa và phải mất thời gian soi kĩ từng nhân vật để nhận ra chú gấu. Khác với “khoảng trống nhỏ”, “khoảng trống lớn” này được sử dụng để điều hướng hành vi người dùng, tạo ra một thiết kế sạch, và đặc biệt trở thành một hướng dẫn viên không lời giúp người dùng có thể tìm đến yếu tố quan trọng nhất trong website hay thiết kế của chúng ta. Tiêu biểu cho việc sử dụng khoảng trống này một cách xuất sắc đó là Google.
Khoảng trống lớn còn giúp người dùng tránh bị bối rối trước quá nhiều thông tin. Một trang web dùng khoảng trống hiệu quả sẽ giúp người dùng nhớ nội dung lâu hơn. Hãy di chuyển chuột vào không gian bên dưới để thấy con người mau quên thế nào. Liệu bạn có nhớ được những gì vừa xem sau khi nó biến mất không?