Tương phản trong thiết kế đồ hoạ là sự khác biệt rõ rệt giữa các thành phần về kích thước, độ đậm, sáng tối, màu, hình dạng hay kết cấu. Mắt người bị hút về chỗ khác biệt, nên tương phản là cách nhanh nhất để tạo điểm nhấn (focal point), tức nơi người xem nhìn tới đầu tiên. Không có tương phản, ấn phẩm phẳng lì; tương phản ở khắp nơi, ấn phẩm ồn ào và không có điểm dừng.
Bài này không bàn riêng về độ tương phản màu chữ trên nền để đảm bảo đọc được, phần đó có ở danh mục chữ và màu trên trang. Ở đây là tương phản theo nghĩa rộng của bố cục: các kiểu tương phản, vì sao "khác ít" còn tệ hơn "giống nhau", và cách dùng AI để thử nhanh nhiều mức tương phản trước khi chốt.
Vì sao tương phản phải dứt khoát
Trong cuốn "The Non-Designer's Design Book" xuất bản lần đầu năm 1994, Robin Williams gom bốn nguyên tắc cơ bản cho người không học thiết kế: tương phản, lặp lại, căn lề và gần nhau. Với tương phản, lời khuyên nổi tiếng của sách là nếu hai thứ không giống nhau thì hãy làm chúng khác hẳn nhau. Lời khuyên đơn giản nhưng trúng lỗi phổ biến nhất của người mới.
Lỗi đó là tương phản nửa vời: tiêu đề cỡ 30, thân bài cỡ 26; một dòng chữ đậm vừa cạnh dòng chữ đậm hơn chút; hai màu xanh gần giống nhau. Mắt người xem nhận ra có gì đó khác nhưng không chắc khác có chủ ý, nên cảm giác là "hình như bị lỗi". Khi hai thành phần giống nhau hoàn toàn, người xem hiểu chúng ngang hàng. Khi chúng khác hẳn, người xem hiểu có thứ bậc. Khoảng giữa là vùng gây nhiễu.
Vì thế khi tạo tương phản, hãy mạnh tay hơn bạn nghĩ: tiêu đề gấp đôi, gấp ba thân bài; chữ rất đậm cạnh chữ mảnh; vùng rất tối cạnh vùng rất sáng. Bạn luôn có thể giảm bớt sau, nhưng ít ai nhận ra tương phản yếu khi đã nhìn bản thiết kế quá lâu.
Sáu kiểu tương phản và cách dùng
Mỗi kiểu tương phản có thế mạnh riêng. Kết hợp hai kiểu cùng chiều thường đủ để tạo điểm nhấn rõ.
| Kiểu tương phản | Ví dụ | Dùng tốt khi | Cẩn thận |
|---|---|---|---|
| Kích thước | Con số ưu đãi rất lớn cạnh dòng điều kiện nhỏ | Cần một điểm nhấn thấy từ xa | Phóng to nhiều thứ cùng lúc làm mất tác dụng |
| Độ đậm | Tên món in đậm, mô tả chữ mảnh | Phân biệt tầng trong cùng khối chữ | Chữ quá mảnh khó đọc trên điện thoại |
| Sáng tối | Sản phẩm sáng trên nền tối | Ảnh sản phẩm, ấn phẩm xem ngoài trời | Tối quá dễ nặng nề, mất chi tiết khi in |
| Màu | Một nút màu nhấn giữa nền trung tính | Chỉ đường cho hành động chính | Nhiều màu nhấn là không còn nhấn |
| Hình dạng | Một khối tròn giữa các khối vuông | Bộ biểu tượng, nhãn đánh dấu sản phẩm mới | Hình dạng lạ không rõ nghĩa làm người xem bối rối |
| Kết cấu và chất liệu | Ảnh chụp thật cạnh nền phẳng trơn | Ấn phẩm cần cảm giác gần gũi, thủ công | Kết cấu quá dày làm chữ khó đọc |
Kiểu tương phản quan trọng nhất và hay bị bỏ qua nhất là sáng tối. Một bản thiết kế có tương phản sáng tối tốt thì khi chuyển sang đen trắng vẫn đọc được thứ bậc. Nếu chuyển đen trắng mà mọi thứ thành một mảng xám đều, bạn đang dựa quá nhiều vào màu.
Tạo một điểm nhấn duy nhất cho ấn phẩm
Điểm nhấn là nơi tương phản được dồn lại. Một ấn phẩm có hai điểm nhấn ngang nhau tương đương không có điểm nhấn nào. Trình tự sau giúp bạn dựng điểm nhấn có chủ ý.
- Chọn đúng một thứ làm điểm nhấn, thường là tầng một trong phân cấp thông tin: con số ưu đãi, sản phẩm mới, lời mời hành động.
- Liệt kê các thành phần còn lại và hạ tương phản của chúng xuống: bớt đậm, bớt màu, thu nhỏ hoặc gom lại.
- Chọn hai kiểu tương phản chính cho điểm nhấn, ví dụ kích thước cộng sáng tối, hoặc màu cộng hình dạng.
- Cho điểm nhấn khoảng trắng xung quanh rộng hơn mọi thành phần khác.
- Kiểm bằng phép thử nheo mắt và phép thử đen trắng.
- Nếu điểm nhấn vẫn chưa đủ nổi, đừng tăng thêm cho nó; hãy giảm thêm cho những thứ xung quanh.
Bước cuối là chỗ người mới hay làm ngược. Phản xạ tự nhiên khi thấy điểm nhấn yếu là phóng to nó thêm, đổi màu chói hơn, thêm bóng đổ. Thường cách hiệu quả hơn là làm dịu môi trường quanh nó, vì tương phản là chuyện tương đối: thứ nổi lên được là nhờ phần còn lại chịu lùi xuống.
Dùng AI để thử nhiều mức tương phản
Tạo biến thể có kiểm soát. Nhiều công cụ thiết kế có chức năng tạo nhanh các phiên bản thay đổi màu, cỡ chữ hoặc bố cục từ một mẫu gốc. Hãy dùng nó để tạo ba mức tương phản cho cùng một điểm nhấn: nhẹ, vừa, mạnh. Đặt cạnh nhau và chọn bằng mắt, thay vì chỉnh tới chỉnh lui một bản duy nhất.
Hỏi AI những câu đo được. Với trợ lý AI đọc được hình, câu hỏi tốt là: "Trong bản thiết kế này, hãy liệt kê ba thành phần nổi bật nhất theo thứ tự, và cho biết có hai thành phần nào đang tranh sự chú ý với nhau không." Câu hỏi kiểu "bản này có đẹp không" thường chỉ nhận về lời khen chung.
Kiểm tương phản sáng tối bằng ảnh xám. Bạn có thể tự chuyển bản thiết kế sang thang xám trong phần mềm, hoặc nhờ AI mô tả các vùng sáng nhất và tối nhất. Hai cách cho cùng một câu trả lời: điểm nhấn có nằm ở vùng tương phản mạnh nhất không.
Giữ bí mật của khách. Bản thiết kế đang làm thường chứa sản phẩm chưa ra mắt, giá chưa công bố. Thay bằng hình giả hoặc khối màu, và đọc điều khoản lưu dữ liệu của công cụ trước khi đưa lên, nhất là với tài khoản cá nhân miễn phí.
Ví dụ giả định: sửa một bài đăng có ba điểm nhấn
Một cửa hàng giày ở Nha Trang, tỉnh Khánh Hoà, gửi bạn bản bài đăng tự làm để nhờ chỉnh. Đây là ví dụ giả định. Trên khung dọc có ba thứ cùng hét lên: ảnh đôi giày do AI tạo với ánh sáng viền rực rỡ, chữ "giảm giá cuối mùa" màu vàng có viền đỏ, và logo cửa hàng phóng rất to ở góc trên. Người xem lướt qua nhớ được màu vàng đỏ nhưng không nhớ giảm bao nhiêu, cũng không chắc là cửa hàng nào.
Hỏi chủ cửa hàng, bạn biết điều họ cần nhất là mức giảm và thời hạn. Vậy điểm nhấn là con số giảm. Bạn làm ba việc: hạ độ sáng và độ bão hoà của ảnh giày, cắt ảnh sang nửa phải; đưa con số giảm lên thật lớn, chữ rất đậm màu tối trên nền sáng trơn ở nửa trái, bỏ viền đỏ; thu logo về cỡ nhỏ, đặt cố định ở góc dưới như mọi bài khác của cửa hàng.
Bản sửa dùng ít màu hơn, ít hiệu ứng hơn, nhưng thứ bậc rõ hẳn: con số trước, đôi giày sau, tên cửa hàng cuối. Chủ cửa hàng có thể thấy bản mới "nhạt" lúc đầu. Đưa hai bản lên điện thoại, mỗi bản ba giây, rồi hỏi họ nhớ được mức giảm từ bản nào. Thường câu trả lời tự nói thay bạn.
Tương phản trong ảnh AI: đẹp riêng, rối chung
Ảnh tạo bằng AI thường có tương phản cục bộ rất mạnh: ánh sáng viền, điểm sáng lấp lánh, màu bão hoà. Khi đứng một mình, chúng hút mắt. Khi đặt vào ấn phẩm, chúng tạo ra nhiều điểm nhấn tranh nhau với chữ và với chính sản phẩm của khách. Đây là lý do nhiều bài đăng dùng ảnh AI trông rực rỡ mà người xem không nhớ được thông tin gì.
Cách khắc phục là coi ảnh AI như một lớp nguyên liệu cần điều chỉnh, không phải sản phẩm cuối. Giảm độ bão hoà ở những vùng không quan trọng, làm tối nhẹ các góc, xoá bớt chi tiết lấp lánh không cần thiết. Nếu ảnh có một chủ thể rõ, giữ tương phản cho chủ thể và làm dịu phần nền. Nếu ảnh chỉ là nền cho chữ, hạ tương phản của toàn bộ ảnh xuống để chữ trở thành điểm nhấn.
Khi viết câu lệnh tạo ảnh, mô tả ánh sáng mềm, nền đơn sắc, độ tương phản thấp ở vùng dành cho chữ thường cho kết quả dễ dùng hơn. Phần kỹ thuật viết câu lệnh tạo ảnh có ở trang AI Hình Ảnh; ở đây điều cần nhớ là bạn quyết định điểm nhấn ở đâu, ảnh phải phục vụ quyết định đó.
Lỗi tương phản hay gặp và cách sửa
Những lỗi sau xuất hiện thường xuyên ở ấn phẩm của cửa hàng nhỏ và cả ở bài tập của sinh viên năm đầu.
- Tương phản nửa vời. Hai cỡ chữ chênh nhau quá ít, hai màu gần giống nhau. Sửa: tăng chênh lệch rõ rệt hoặc làm chúng giống hẳn nhau.
- Quá nhiều điểm nhấn. Giá, logo, tên sản phẩm, nút gọi đều to và đều màu nhấn. Sửa: chọn một, các thứ khác lùi xuống.
- Dựa hoàn toàn vào màu. Điểm nhấn chỉ khác ở màu, cùng cỡ, cùng độ sáng. Người xem trên màn hình chỉnh tối hoặc người khó phân biệt màu sẽ không thấy. Sửa: thêm tương phản kích thước hoặc sáng tối.
- Tương phản kết cấu làm chữ khó đọc. Chữ đặt trên ảnh nhiều chi tiết. Sửa: thêm lớp nền dịu sau chữ hoặc dời chữ sang vùng trơn.
- Dùng hiệu ứng thay tương phản. Bóng đổ, viền phát sáng, chữ ba chiều để làm nổi. Sửa: thử làm nổi bằng kích thước và khoảng trắng trước, hiệu ứng chỉ là phương án cuối.
Phần lớn các lỗi trên có chung một nguyên nhân: người làm cố làm nổi mọi thứ cùng lúc. Tương phản tốt luôn đi kèm sự hy sinh của những thành phần không phải điểm nhấn.
Câu hỏi thường gặp
Tương phản và phân cấp thị giác khác nhau thế nào?
Tương phản là công cụ, phân cấp là kết quả. Bạn dùng các kiểu tương phản như kích thước, độ đậm, sáng tối, màu để sắp xếp các thành phần thành tầng thứ nhất, thứ hai, thứ ba trong mắt người xem. Một ấn phẩm có nhiều tương phản nhưng không có phân cấp là ấn phẩm ồn ào.
Một ấn phẩm nên có bao nhiêu điểm nhấn?
Thường chỉ nên có một điểm nhấn chính. Ấn phẩm dài như trang web hay tờ gấp có thể có một điểm nhấn cho mỗi màn hình hoặc mỗi mặt. Khi bạn thấy cần hai điểm nhấn ngang nhau trên cùng một khung, đó là dấu hiệu nên tách thành hai ấn phẩm hoặc hai khung.
Tương phản cao có luôn tốt hơn không?
Không. Tương phản cao giúp điểm nhấn nổi và chữ dễ đọc, nhưng nếu toàn bộ ấn phẩm đều tương phản cao thì mắt mỏi và không có điểm dừng. Một số thương hiệu chọn tông dịu có chủ ý. Điều cần giữ là chữ vẫn đủ đọc và điểm nhấn vẫn rõ hơn phần còn lại.
Làm sao kiểm tương phản khi không có phần mềm chuyên dụng?
Chụp màn hình bản thiết kế, mở bằng ứng dụng xem ảnh trên điện thoại và chuyển sang chế độ đen trắng. Thu nhỏ ảnh lại cỡ con tem. Nếu vẫn thấy rõ điểm nhấn và đọc được tiêu đề thì tương phản đang ổn. Cách này mất chưa tới một phút.
AI có tự tăng tương phản cho bản thiết kế được không?
Các công cụ chỉnh ảnh có chức năng tự động tăng tương phản, nhưng chúng tăng đều cho cả ảnh chứ không biết đâu là điểm nhấn của bạn. Chúng hữu ích để sửa ảnh thiếu sáng. Còn việc chọn thành phần nào nổi, thành phần nào lùi vẫn phải do người thiết kế quyết định.
Khách muốn logo thật to và thật nổi thì sao?
Giải thích rằng logo to không đồng nghĩa với người xem nhớ thương hiệu, nhất là khi logo giành chỗ của thông điệp bán hàng. Đưa hai bản để khách so trên điện thoại. Thường đặt logo nhỏ, cố định một vị trí trên mọi ấn phẩm giúp nhận diện tốt hơn một logo to thay đổi chỗ liên tục.