Cân bằng 101: Cách sử dụng đối xứng và bất đối xứng trong thiết kế

Các nhà thiết kế đồ họa thành công biết rằng nắm vững khái niệm hình ảnh về sự cân bằng là chìa khóa để giao tiếp hiệu quả. Khi thiết kế của bạn đạt được sự cân bằng — điều này có thể xảy ra với cả thiết kế đối xứng và không đối xứng — chúng sẽ đạt được sự hài hòa hơn và khán giả của bạn sẽ sử dụng ít năng lượng hơn trong việc tiếp nhận thông tin.

Hiểu được đối xứng và không đối xứng không khó, nhưng làm cho nó vừa phải có thể khó khăn lúc đầu. Đó là lý do tại sao chúng ta sẽ xem qua một vài ví dụ để đảm bảo mọi thứ đều rõ ràng.

Cân bằng thị giác là gì? Và đối xứng là gì?
–

Đối xứng và cân bằng có quan hệ với nhau. Nhưng chúng không hoàn toàn giống nhau. Hãy xem các định nghĩa của chúng:

Đối diện là chất lượng hình ảnh của các phần lặp lại của hình ảnh qua trục, dọc theo đường dẫn hoặc xung quanh tâm.

Không đối xứngmặt khác, đề cập đến bất kỳ thứ gì không đối xứng.

Sự cân bằng là nguyên tắc trực quan làm cho một thiết kế xuất hiện có trọng lượng như nhau trong toàn bộ bố cục.

Cân bằng đo lường trọng lượng hình ảnh của bố cục, tác động đến mức độ thu hút sự chú ý của từng yếu tố đối với khán giả.

Có bốn cách cơ bản để đạt được sự cân bằng:

Cân bằng đối xứng

Cân bằng đối xứng xảy ra khi bố cục của bạn có cùng trọng lượng thị giác trên mỗi cạnh của trục. Hãy tưởng tượng những hình ảnh phản chiếu hoàn hảo đang nhìn nhau quanh một trục trung tâm.

Kiểu cân bằng này gợi lên sự duyên dáng và đơn giản. Thật dễ chịu khi nhìn vào, nhưng cũng rất dễ đoán.

Cân bằng không đối xứng

Chế phẩm có trọng lượng không bằng nhau ở cả hai bên có cân bằng không đối xứng.

Trực quan thú vị hơn so với đối xứng của nó, kỹ thuật hình ảnh này có một tiêu điểm lớn ở một bên với một số tiêu điểm ít quan trọng hơn ở mặt khác.

Số dư bán kính

Khi các yếu tố thị giác tỏa ra khỏi một điểm trung tâm chung, điều này được gọi là cân bằng xuyên tâm. Hãy tưởng tượng những tia nắng phát ra từ mặt trời.

Cân bằng khảm

Hãy coi cân bằng khảm là sự hỗn loạn có tổ chức có thể trông giống như tiếng ồn, nhưng thực sự tạo ra sự cân bằng nhờ không có tiêu điểm riêng biệt.

Mỗi yếu tố đều có chung một điểm nhấn và không có yếu tố đơn lẻ nào thống trị bố cục.

Các loại đối xứng và bất đối xứng khác nhau
–

Cân bằng là chìa khóa của thiết kế tuyệt vời, nhưng đối xứng là một trong những công cụ bạn có thể sử dụng để đạt được điều đó. Dưới đây là một cái nhìn nhanh về bốn loại đối xứng.

Đối xứng phản xạ

Hãy tưởng tượng bạn lấy một quả táo và cắt nó làm đôi. Cả hai mặt đều là hình ảnh phản chiếu qua một đường tâm và đây là đối xứng phản xạ.

Còn được gọi là đối xứng hai bên, bạn sẽ thấy kỹ thuật này được sử dụng theo chiều dọc, chiều ngang hoặc đường chéo.

Đối xứng phản xạ có thể là đối xứng hoàn hảo, nghĩa là cả hai mặt của hình ảnh đều giống hệt nhau. Tuy nhiên, nhiều trường hợp — chẳng hạn như một khuôn mặt — sẽ có những khác biệt nhỏ ở mỗi mặt.

Phép đối xứng tịnh tiến

Nghĩ về cùng một hình dạng lặp đi lặp lại.

Đây là đối xứng tịnh tiến — khi các yếu tố hình ảnh lặp lại qua một vị trí trong không gian. Sự lặp lại này có thể xảy ra trong bất kỳ độ dài nào hoặc theo bất kỳ hướng nào.

Đối xứng quay

Hãy tưởng tượng bánh xe chuyển động của một chiếc ô tô và cối xay gió đang quay, và bạn đã có đối xứng quay.

Còn được gọi là đối xứng xuyên tâm, kỹ thuật này có tất cả các yếu tố hình ảnh quay xung quanh một tâm ở bất kỳ góc độ nào. Loại đối xứng này lý tưởng để ghi lại cảm giác chuyển động, hành động năng động hoặc tốc độ.

Đối xứng phản xạ lượn

Tất cả chúng ta đều đã thấy những bước chân trên cát hoặc tuyết. Hãy nghĩ về cách mỗi bước tạo ra phản xạ của bàn chân đối diện, nhưng do chuyển động, mỗi bước chân không thẳng hàng với bàn chân kia.

Đối xứng phản xạ trượt là một trò chơi trên đối xứng phản xạ, nhưng nó liên quan đến sự thay đổi vị trí của mỗi hình ảnh phản chiếu. Giống như đối xứng quay, nó cũng truyền đạt cảm giác đang di chuyển về phía trước.

Không đối xứng

Nếu bố cục không phù hợp với các loại trên, có thể nó không đối xứng.

Là một nhà thiết kế, tính bất đối xứng vừa là thách thức vừa giúp ích cho bạn. Các thiết kế cân đối, đối xứng thường hấp dẫn hơn vì mắt chúng ta thấy chúng thú vị và hấp dẫn hơn một cách tự nhiên.

Bạn phải làm việc chăm chỉ hơn một chút để đạt được sự cân bằng với các yếu tố hình ảnh không đối xứng, nhưng bạn cũng có thể tự do thử nghiệm với các mẫu và hình thức bất ngờ, theo cách mà bạn không thể làm được với sự đối xứng.

Ví dụ về sự cân bằng trong thiết kế đồ họa
–

Cách tốt nhất để học về sự cân bằng là xem xét một vài ví dụ thực tế về sự đối xứng và sự bất đối xứng trong hoạt động.

Biểu trưng

Airbnb

Logo Airbnb là một ví dụ về tính đối xứng thuần túy phản xạ.

Nếu bạn vẽ một đường thẳng dọc xuống giữa, cả hai nửa đều hoàn toàn giống nhau. Để tạo ra sự đối xứng phản xạ như thế này, hãy sử dụng các hình dạng đơn giản và chọn một logo tối giản không có nhiều phần phức tạp.

Google

Wordmark của Google là một ví dụ về sự cân bằng không đối xứng.

Ba chữ cái đầu tiên rộng hơn đáng kể so với ba chữ cái cuối cùng, tạo cảm giác có trọng lượng thị giác lớn hơn trong nửa đầu của dấu từ.

thiết kế web

quả táo

Trang web Mac của Apple cung cấp cho chúng ta một ví dụ tuyệt vời về tính đối xứng phản xạ tuyệt vời.

Không chỉ màn hình MacBook có độ dài bằng nhau ở cả hai bên của trục dọc, trục trung tâm mà các dòng chữ ở tiêu đề và tiêu đề phụ ở trên cũng đều ở hai bên trục.

Đại Tây Dương

Trang web tạp chí tin tức này có các cột có độ dài khác nhau và trọng lượng hình ảnh lớn hơn ở phía bên trái của nó để tạo ra một diện mạo tổng thể khó đạt được sự cân bằng.

Có thể đạt được sự cân bằng hình ảnh cao hơn bằng cách làm cho các cột có cùng độ dài và phân bổ đều hình ảnh trên cả hai mặt của trục thẳng đứng, trung tâm.

Danh thiếp

InClean

Với thiết kế đơn giản, danh thiếp InClean đạt được sự cân đối và cân đối hoàn hảo.

Bản sao được căn giữa một cách hoàn hảo với nhiều khoảng trắng giữ cho bố cục tối giản này luôn cân bằng và hợp thời trang.

Ê

Danh thiếp này cực kỳ tối giản với chỉ từ “Hallo” được in trên một mặt của nó – một bố cục có sự bất đối xứng rõ ràng và sự mất cân bằng có chủ ý.

Một số có thể thấy kiểu chữ lớn quá áp lực. Những người khác có thể coi đó là điểm của thiết kế. Một bố cục như thế này nằm ở ranh giới giữa cân bằng và không cân bằng.

Hiểu sự cân bằng để thiết kế sản phẩm tốt hơn
–

Biết cách sử dụng đối xứng và bất đối xứng đúng cách là chìa khóa để truyền đạt câu chuyện của bạn thông qua thiết kế đồ họa. Bằng cách khai thác nguyên tắc cân bằng tốt, bạn có thể biến những thiết kế bình thường thành một thứ gì đó ngoạn mục và đáng nhớ.

Bài báo này được viết bởi Marc Schenker với ý kiến ​​đóng góp từ Sam Lundquist.