Em ơi, chỗ này nhìn trống quá, hay mình chèn thêm cái icon vào đi? Sao để lề rộng thế em? Phí giấy quá, cho chữ to ra tràn viền đi cho nó máu!
Nếu bạn là Designer, chắc chắn bạn đã nghe những câu này ít nhất một lần. Khách hàng (và đôi khi là chính chúng ta) thường mắc hội chứng "Sợ khoảng trống" (Horror Vacui). Chúng ta có xu hướng muốn lấp đầy mọi ngóc ngách của bản thiết kế bằng hình ảnh, văn bản, họa tiết vì nghĩ rằng như thế mới... "đáng tiền".
Nhưng hãy nhìn vào Apple, nhìn vào các tạp chí thời trang cao cấp, hay giao diện của Google. Điểm chung của chúng là gì? Rất nhiều khoảng trống.
Trong bài viết này, hãy cùng minh oan cho White Space (Không gian âm) và hiểu tại sao nó lại là vũ khí bí mật phân biệt giữa thiết kế "bình dân" và thiết kế "sang trọng".
Trước hết, hãy đả thông tư tưởng. "White Space" là thuật ngữ chỉ những khoảng không gian không chứa nội dung (văn bản, hình ảnh).
Nó có thể là màu trắng, màu đen, màu xanh, hay một nền ảnh mờ ảo. Nó là khoảng cách giữa các dòng chữ, lề xung quanh trang giấy, hay khoảng hở giữa các bức ảnh. Nó là "khoảng thở" của thiết kế.
Hãy tưởng tượng bạn bước vào một siêu thị giảm giá. Hàng hóa chất đống lên tận nóc, lối đi chật hẹp, biển báo "Sale off" dán chi chít. Cảm giác của bạn là gì? Rẻ và Ồn ào.
Bây giờ, hãy tưởng tượng bạn bước vào một showroom túi xách cao cấp. Một cái túi được đặt trang trọng trên một cái kệ lớn, xung quanh hoàn toàn trống trơn, ánh sáng rọi thẳng vào sản phẩm. Cảm giác là gì? Đắt tiền và Đẳng cấp.
Trong thiết kế cũng vậy:
Mắt người không thể tập trung vào 10 thứ cùng một lúc. Nếu mọi thứ đều to, đều đậm, đều chen chúc nhau, mắt người xem sẽ bị quá tải và lướt qua tất cả mà không đọng lại gì.
Khoảng trắng đóng vai trò như một mũi tên vô hình chỉ dẫn sự chú ý.Khi bạn đặt một nút "Mua Ngay" nhỏ bé giữa một vùng không gian trống rộng lớn, nó bỗng trở nên cực kỳ nổi bật. Bạn không cần làm nó to khổng lồ hay nhấp nháy liên tục. Sự cô lập chính là cách thu hút sự chú ý mạnh mẽ nhất (Macro White Space).
Đây là yếu tố sống còn trong thiết kế UI/UX và dàn trang sách báo.Một sai lầm kinh điển là cố nhồi nhét quá nhiều chữ vào một trang.
Làm sao để người xem biết Ảnh A liên quan đến Đoạn văn B chứ không phải Đoạn văn C? Không cần kẻ khung, không cần mũi tên. Chỉ cần dùng khoảng trắng.
Theo nguyên lý Gestalt: Các vật thể ở gần nhau sẽ được não bộ coi là một nhóm.
Sử dụng White Space đòi hỏi sự dũng cảm. Dũng cảm để từ chối yêu cầu "lấp đầy chỗ trống" của khách hàng, và dũng cảm để tin rằng nội dung chính đủ sức tỏa sáng mà không cần quá nhiều sự trang trí rườm rà.
Lần tới, khi bạn cảm thấy thiết kế của mình hơi rối, đừng cố thêm gì cả. Hãy thử thêm một chút "khoảng trắng" xem sao!
Nếu bạn là Designer, chắc chắn bạn đã nghe những câu này ít nhất một lần. Khách hàng (và đôi khi là chính chúng ta) thường mắc hội chứng "Sợ khoảng trống" (Horror Vacui). Chúng ta có xu hướng muốn lấp đầy mọi ngóc ngách của bản thiết kế bằng hình ảnh, văn bản, họa tiết vì nghĩ rằng như thế mới... "đáng tiền".
Nhưng hãy nhìn vào Apple, nhìn vào các tạp chí thời trang cao cấp, hay giao diện của Google. Điểm chung của chúng là gì? Rất nhiều khoảng trống.
Trong bài viết này, hãy cùng minh oan cho White Space (Không gian âm) và hiểu tại sao nó lại là vũ khí bí mật phân biệt giữa thiết kế "bình dân" và thiết kế "sang trọng".
1. White Space Không Nhất Thiết Phải Màu Trắng
Trước hết, hãy đả thông tư tưởng. "White Space" là thuật ngữ chỉ những khoảng không gian không chứa nội dung (văn bản, hình ảnh).
Nó có thể là màu trắng, màu đen, màu xanh, hay một nền ảnh mờ ảo. Nó là khoảng cách giữa các dòng chữ, lề xung quanh trang giấy, hay khoảng hở giữa các bức ảnh. Nó là "khoảng thở" của thiết kế.
2. Sự Sang Trọng Của Sự Im Lặng (Luxury of Silence)
Hãy tưởng tượng bạn bước vào một siêu thị giảm giá. Hàng hóa chất đống lên tận nóc, lối đi chật hẹp, biển báo "Sale off" dán chi chít. Cảm giác của bạn là gì? Rẻ và Ồn ào.
Bây giờ, hãy tưởng tượng bạn bước vào một showroom túi xách cao cấp. Một cái túi được đặt trang trọng trên một cái kệ lớn, xung quanh hoàn toàn trống trơn, ánh sáng rọi thẳng vào sản phẩm. Cảm giác là gì? Đắt tiền và Đẳng cấp.
Trong thiết kế cũng vậy:
- Thiết kế dày đặc: Gợi cảm giác bình dân, giá rẻ, khẩn cấp (thường dùng cho tờ rơi siêu thị).
- Thiết kế nhiều khoảng trắng: Gợi cảm giác sang trọng, tinh tế và độc quyền.
3. White Space Là "Người Điều Phối" Ánh Nhìn
Mắt người không thể tập trung vào 10 thứ cùng một lúc. Nếu mọi thứ đều to, đều đậm, đều chen chúc nhau, mắt người xem sẽ bị quá tải và lướt qua tất cả mà không đọng lại gì.
Khoảng trắng đóng vai trò như một mũi tên vô hình chỉ dẫn sự chú ý.Khi bạn đặt một nút "Mua Ngay" nhỏ bé giữa một vùng không gian trống rộng lớn, nó bỗng trở nên cực kỳ nổi bật. Bạn không cần làm nó to khổng lồ hay nhấp nháy liên tục. Sự cô lập chính là cách thu hút sự chú ý mạnh mẽ nhất (Macro White Space).
4. Cải Thiện Khả Năng Đọc Hiểu (Readability)
Đây là yếu tố sống còn trong thiết kế UI/UX và dàn trang sách báo.Một sai lầm kinh điển là cố nhồi nhét quá nhiều chữ vào một trang.
- Leading (Khoảng cách dòng): Nếu các dòng chữ dính quá sát nhau, người đọc sẽ bị "nhảy dòng" và mỏi mắt. Tăng khoảng cách dòng lên một chút (khoảng 130-150% cỡ chữ) sẽ khiến văn bản dễ đọc hơn hẳn.
- Margin (Lề): Đừng bao giờ để chữ chạy sát ra mép màn hình hay mép giấy. Một lề rộng rãi giúp mắt người đọc có điểm nghỉ khi quét hết một dòng.
5. Nguyên Lý "Nhóm" (Proximity)
Làm sao để người xem biết Ảnh A liên quan đến Đoạn văn B chứ không phải Đoạn văn C? Không cần kẻ khung, không cần mũi tên. Chỉ cần dùng khoảng trắng.
Theo nguyên lý Gestalt: Các vật thể ở gần nhau sẽ được não bộ coi là một nhóm.
- Hãy đặt Tiêu đề gần với Nội dung của nó.
- Hãy tách các đoạn văn khác nhau bằng một khoảng trống lớn hơn khoảng cách dòng.
Kết Luận
Thiết kế không chỉ là việc bạn thêm cái gì vào, mà còn là việc bạn dám bỏ cái gì đi.Sử dụng White Space đòi hỏi sự dũng cảm. Dũng cảm để từ chối yêu cầu "lấp đầy chỗ trống" của khách hàng, và dũng cảm để tin rằng nội dung chính đủ sức tỏa sáng mà không cần quá nhiều sự trang trí rườm rà.
Lần tới, khi bạn cảm thấy thiết kế của mình hơi rối, đừng cố thêm gì cả. Hãy thử thêm một chút "khoảng trắng" xem sao!
