Tìm hiểu các quy luật về bố cục trong thiết kế đồ họa

Nếu phải chọn một hình ảnh để minh họa cho tầm quan trọng của bố cục, chúng tôi sẽ ví bố cục giống như khung xương sống của một thiết kế. Dựa theo khung xương sống ấy, các thông tin sẽ được triển khai một cách thu hút, logic và khoa học hoặc sẽ bị rối, hời hợt và không hiệu quả. Một thiết kế đẹp trước hết phải là một thiết kế có bố cục hoàn mĩ. Những quy luật về bố cục sẽ là chìa khóa giúp các bạn chinh phục ngưỡng cửa đầu tiên của một thiết kế thành công.

Như tất cả chúng ta đã biết, bố cục chiếm 1 vị trí quan trọng quyết định hành động đến sự thành công xuất sắc của một thiết kế .

Vậy nói một cách chính xác, bố cục của thiết kế đồ họa là gì?

Hiểu một cách đơn giản, bố cục là một phần của thiết kế mà trong đó, tất cả các yếu tố riêng biệt được kết hợp với nhau để tạo thành một tổng thể có sự gắn kết chặt chẽ. Nếu bạn là 1 designer hoặc mong muốn trở thành 1 designer, hãy bỏ túi ngay 10 quy luật bố cục trong thiết kế sau đây nhé!

1. Tìm trọng tâm

​ Một yếu tố quan trọng tiên phong của bố cục, đó là tìm ra một điểm nhấn ( trọng tâm ) cho thiết kế của mình. Điều đó sẽ lôi cuốn ánh mắt của người xem một cách tự nhiên vào những phần quan trọng trong thiết kế của bạn. Một số cách để tìm trọng tâm là trải qua những techniques như quy mô, độ tương phản và leading lines. Ví dụ như bức hình bên là thiết kế của Matthew Metz dành cho nhà kinh doanh thời trang Nordstrom .

Do đó, tâm điểm của thiết kế đồ họa này là người mẫu và quần áo của cô ấy. Vì vậy, cô người mẫu này đã được đặt tại vị trí trung tâm của bức hình. Một khối màu được đặt ở vị trí trung tâm làm nổi bật, thu hút sự chú ý về phía khuôn mặt của cô gái, sau đó đến trang phục của cô ấy. Một đường dẫn hướng mắt xuống góc phải của khung hình cung cấp thêm thông tin cho người xem. Bức hình có một tiêu điểm lớn. Vì thế mà nó cuốn hút mọi ánh nhìn của người xem theo sự dẫn dắt của người thiết kế.

2. Dẫn dắt ánh nhìn với leading lines (Các đường line)

​
Cũng giống như việc bạn chỉ vào một cái gì đó khi bạn muốn mọi người nhìn vào nó, bố cục của một số dòng và hình khối theo một cách nào đó có thể dẫn dắt ánh mắt người xem khi nhìn thiết kế của bạn.Phổ biến hơn cả là sử dụng các leading lines. Sơ đồ khối sử dụng các đường để trực tiếp dẫn dắt ánh mắt của người xem từ một trong các điểm trên thiết kế đến điểm tiếp theo một cách rõ ràng.Ví dụ, hãy xem xét thiết kế của Design By Day ở bên. Thiết kế sử dụng các leading lines mạnh mẽ dẫn dắt ánh mắt về phía tiêu điểm chính (tiêu đề), và sau đó đến các nấc thông tin khác nhau.

3. Quy mô và cấp bậc

​ Quy mô và mạng lưới hệ thống phân cấp trực quan là một trong số những nguyên tắc phát minh sáng tạo cơ bản. Chúng hoàn toàn có thể khiến thiết kế của bạn thành công xuất sắc và cũng hoàn toàn có thể làm cho thiết kế của bạn bị phá vỡ. Vì vậy, điều quan trọng là phải tổ chức triển khai chúng thật tốt. Hãy chắc như đinh rằng bạn hiểu vì sao mọi thiết kế đều cần ba Lever của mạng lưới hệ thống phân cấp typographic. Quy mô thường được sử dụng để giúp mạng lưới hệ thống cấp bậc tiếp xúc với nhau. Sự sắp xếp gần và xa của những yếu tố bộc lộ tầm quan trọng của chúng trong tiếp xúc .

Ví dụ, poster này được thiết kế bởi Scott Hansen sử dụng một hình ảnh thu nhỏ của hai người giúp biểu lộ tập trung chuyên sâu những khung cảnh lớn trước mặt họ. Điều này ngay lập tức mang lại cho người xem một cảm xúc về sự hùng vĩ và to lớn đến choáng ngợp của khung cảnh .
Bằng cách tương phản một yếu tố quy mô nhỏ bên cạnh một yếu tố quy mô lớn trong bố cục, bạn hoàn toàn có thể tạo ra một số ít hiệu ứng khác nhau

4. Cân bằng hóa các yếu tố

​ Cân bằng là một nhu yếu quan trọng so với một thiết kế, nhưng làm thế nào để tạo ra sự cân đối tuyệt đối trong thiết kế lại là một điều không thuận tiện. Vâng, tất cả chúng ta hãy xem xét hai loại phổ cập của sự cân đối và tìm hiểu và khám phá xem làm thế nào để làm chủ chúng nhé !

Đầu tiên là cân đối đối xứng. Cân bằng đối xứng là việc cân đối thiết kế của bạn sử dụng tính đối xứng. Bằng cách phản chiếu một vài yếu tố thiết kế từ trái sang phải hoặc từ trên xuống dưới, bạn hoàn toàn có thể tạo ra sự cân đối can đảm và mạnh mẽ, rõ nét trong thiết kế của mình. Một loại cân đối khác được cho là thông dụng hơn, đó là cân bằng không đối xứng. Cân bằng không đối xứng cũng là một thuật ngữ khá khó để lý giải bởi nó vẫn tạo ra sự cân đối nhưng những yếu tố lại không đối xứng với nhau. Hình bên là một ví dụ thành công xuất sắc của sự cân đối không đối xứng. Trong poster này, Munchy Potato đã sử dụng cân bằng không đối xứng bằng cách phân tán và lan rộng ra quy mô những yếu tố một cách có chủ đích .

Trong thiết kế trên, ba vòng tròn TT là những yếu tố lớn nhất trong thiết kế, nhưng chúng được cân đối hóa bởi những type, những dòng kẻ và hình tròn trụ nhỏ với cấu trúc phức tạp ở góc dưới .
Một kỹ thuật “ bỏ túi ” nữa để làm chủ cân bằng không đối xứng là bạn phải hiểu rằng mỗi thành phần trong thiết kế đều có một “ khối lượng ” riêng. Các vật thể nhỏ hoàn toàn có thể “ ít nặng ” hơn so với những đối tượng người tiêu dùng lớn hơn. Dù thiết kế của bạn có rơi vào trường hợp nào đi chăng nữa, hãy nhớ rằng nhất định phải cân đối hóa những yếu tố cho đến khi bạn đạt đến một trạng thái cân đối hiệu suất cao .

5. Sử dụng các yếu tố bổ sung cho nhau

​
Có thể bạn đã nghe nói về những màu sắc bổ sung, còn các yếu tố bổ sung trong một thiết kế thì sao? Một yêu cầu quan trọng góp một phần không nhỏ vào thành công và hiệu quả của một thiết kế chính là hãy dành thời gian để “cố ý” chọn từng yếu tố trong thiết kế sao cho mỗi yếu tố ấy bổ sung cho toàn bộ thiết kế của bạn.

Một lỗi thường gặp trong thiết kế đó là sử dụng những hình ảnh không hề mang đặc thù bổ trợ cho nhau. Vì vậy, khi sử dụng nhiều hơn một hình ảnh trong thiết kế, bạn hãy nỗ lực bảo vệ rằng tổng thể chúng đều có hiệu suất cao và kết nối khi được nhóm lại với nhau. Có rất nhiều cách khác nhau để đạt được sự kết nối này .

Sau đây là một vài gợi ý

• Tô màu những bức ảnh với các màu sắc tương tự nhau. Với sự phổ biến của các bộ lọc và công cụ điều chỉnh hình ảnh, bạn có thể tô màu và điều chỉnh hình ảnh của mình sao cho bảng màu của chúng gắn kết và bổ sung cho nhau.
• Chọn các hình ảnh được chụp theo một cách tương tự nhau. Hãy chọn hình ảnh có tính thẩm mỹ và phong cách tương tự nhau. Ví dụ, nếu sử dụng một hình ảnh tối giản, hãy chọn nhiều hình ảnh tối giản khác để lấy cảm hứng bổ sung cho hình ảnh đó.

6. Tăng hoặc giảm độ tương phản

​ Độ tường phải là một công cụ rất hữu dụng để làm điển hình nổi bật hoặc làm mờ đi 1 số ít yếu tố trong thiết kế của bạn. Khi nâng thông số tương phản hoặc sử dụng tính năng tương phản sắc tố ở mức độ cao, bạn hoàn toàn có thể làm điển hình nổi bật một yếu tố nào đó và lôi cuốn sự quan tâm của người xem. Tương tự như vậy, bằng cách giảm độ tương phản, bạn hoàn toàn có thể khiến cho một yếu tố trở nên mờ nhạt đi để làm nền cho những đối tượng người tiêu dùng khác có “ thời cơ ” trở nên điển hình nổi bật .

Nếu những sắc tố tỏa nắng rực rỡ trong thiết kế trên được sử dụng để làm điển hình nổi bật thiết kế thì ví dụ tiếp theo đây sẽ sử dụng một sắc tố bùng cháy rực rỡ để làm mờ nhạt đi một phần của thiết kế, tạo thành nền để làm điển hình nổi bật những yếu tố có màu tối khác .

Ví dụ, poster này được thiết kế bởi Melanie Scott Vincent sử dụng một chiếc kẹp giấy màu vàng trên nền màu vàng, tạo ra một sự độc lạ tương phản thấp giữa những đối tượng người tiêu dùng và background. Trong khi thường thì đây là điều cần tránh trong thiết kế thì trong trường hợp này, nó lại củng cố và làm điển hình nổi bật vấn đề “ ignored everyday ” .

Bằng cách này, độ tương phản cũng hoàn toàn có thể được sử dụng để “ giấu ” một yếu tố nhất định của thiết kế cũng như tạo ra một ý nghĩa trong đó. Vì vậy, hãy luôn nhớ sử dụng độ tương phản phải dựa vào MỤC ĐÍCH thiết kế của bạn .

7. Lặp lại các yếu tố trong thiết kế

​Để duy trì tính nhất quán và một bố cục hợp lý cho thiết kế của mình, bạn hãy cố gắng đưa các yếu tố từ một phần của thiết kế và áp dụng nó vào các phần khác. Một phong cách nào đó có thể được lặp lại nhiều hơn 1 lần trong thiết kế hoặc có thể nói rằng: “một motif đồ họa” có thể được sử dụng nhiều hơn một lần.

Vì vậy, bạn hãy cố gắng nỗ lực sử dụng tái diễn những yếu tố một cách mưu trí để có một bố cục tốt. Sự tái diễn là một yếu tố quan trọng khi nói đến việc sắp xếp nhiều trang trong một thiết kê. Lặp đi tái diễn những yếu tố trong thiết kế sẽ giúp mỗi dòng trang vào tiếp theo sẽ giúp trang sau tiếp nối trang trước, tạo ra một tập hợp trang có tính liền lạc .

Ví dụ, hãy xem những thiết kế tạp chí của Mauro De Donatis và Elizaveta Ukhabina ở bên. Trong thiết kế này, thành phần trong mỗi cách sắp xếp là tương tự như nhau. Sự độc lạ chỉ là trong nội dung văn bản, sắc tố và cách sử dụng những hình ảnh. Những thành phần lặp đi lặp lại này sẽ giúp fan hâm mộ nhanh gọn nhận dạng và quen thuộc với những thông tin trong thiết kế một cách nhanh gọn .

8. Đừng quên những khoảng trắng

​
Cách dễ nhất để “xúc phạm” những khoảng không gian màu trắng chính là việc gọi chúng với một useless name “khoảng trống”.Không gian màu trắng khi sử dụng một cách có chiến lược sẽ giúp làm tăng độ rõ nét của thiết kế. Nhìn một cách tổng thể, bằng cách cân bằng giữa những phần phức tạp và những khoảng không gian trắng trong thiết kế sẽ giúp thiết kế của bạn “dễ thở” hơn.Ví dụ về thiết kế của Cocorrina ở bên đã sử dụng những khoảng trắng để cân bằng các hình ảnh, kết cấu và các type khiến thiết kế trở nên thoáng đãng, sạch sẽ và tinh tế.

Vậy làm thế nào để chúng ta có thể sử dụng thành công những khoảng trắng trong thiết kế của mình?

Đầu tiên, hãy giảm quy mô những yếu tố đồ họa trong thiết kế của bạn. Bằng cách thu hẹp những hình ảnh, những types … bạn hoàn toàn có thể tạo ra những khoảng chừng khoảng trống trắng đầy sang chảnh quanh những tiêu điểm trong số lượng giới hạn trong khung thiết kế khởi đầu .

Đừng lấp đầy mọi khoảng trống bằng những kí tự hay câu chữ. Như đã đề cập ở trên, khoảng trống màu trắng không phải là khoảng trống trống rỗng, nó đang làm việc làm riêng và ship hàng mục tiêu riêng của mình. Do đó, hãy cứ đừng điền vào bất kể khoảng chừng trắng nào trong thiết kế của bạn. Hãy để cho những con chữ, những kí tự đó có khoảng trống để “ vẫy vùng ” .

Khi thiết kế những phần trong tác phẩm của mình, bạn hãy tự hỏi bản thân xem mỗi thành phần trong tác phẩm đó có thiết yếu 100 % hay không. Bạn cần toàn bộ những type, bạn cần tiêu đề màu xanh sáng, hay bạn cần 3 hình ảnh khác nhau ? Bằng cách loại dần đi những yếu tố không thiết yếu trong những phẩn của thiết kế, bạn hoàn toàn có thể tạo ra một thiết kế đẹp, thoáng tinh xảo mà không bị trống trải .

9. Căn chỉnh các yếu tố trong thiết kế

​
Khi thực hiện 1 thiết kế gồm nhiều thành phần trong đó, chúng ta không thể cứ “ném” tất cả chúng vào trang. Vì sao ư? Bởi vì việc sắp xếp các yếu tố này chính là cách nhanh chóng và dễ dàng nhất để biến hình thiết kế của bạn từ một “phức hợp tồi tệ” thành một tác phẩm thanh lịch và sang trọng. Bạn gặp vấn đề trong việc sắp xếp các yếu tố ấy ư? Các bạn có thể tìm đến với Canva để xóa bỏ rắc rối ấy một cách nhanh chóng với một công cụ tự động căn chỉnh siêu tiện dụng. Chỉ cần kéo các phần tử trong thiết kế của bạn xung quanh trang và Canva sẽ sắp xếp chúng vào vị trí hợp lí nhất. Bạn sẽ cảm thấy kì diệu như có ma thuật vậy!Khi triển khai 1 thiết kế gồm nhiều thành phần trong đó, tất cả chúng ta không hề cứ “ ném ” tổng thể chúng vào trang. Vì sao ư ? Bởi vì việc sắp xếp những yếu tố này chính là cách nhanh gọn và thuận tiện nhất để biến hình thiết kế của bạn từ một “ phức tạp tồi tệ ” thành một tác phẩm lịch sự và sang chảnh. Bạn gặp yếu tố trong việc sắp xếp những yếu tố ấy ư ? Các bạn hoàn toàn có thể tìm đến với Canva để xóa bỏ rắc rối ấy một cách nhanh gọn với một công cụ tự động hóa chỉnh sửa siêu tiện lợi. Chỉ cần kéo những thành phần trong thiết kế của bạn xung quanh trang và Canva sẽ sắp xếp chúng vào vị trí phải chăng nhất. Bạn sẽ cảm thấy kì diệu như có ma thuật vậy !

Hãy xem xét ví dụ này – một thiết kế tạp chí của Huck. Sự link can đảm và mạnh mẽ giữa những yếu tố của nó tạo ra một bố cục sắc nét, ngăn nắp và hiệu suất cao, tạo cảm xúc “ mãn nhãn ” cho người xem. Gắn kết những yếu tố trong thiết kế một cách can đảm và mạnh mẽ và hài hòa và hợp lý cũng là một cách hay ho giúp bạn tạo ra một “ trật tự nhất định ” trong thiết kế của mình .
Vì vậy, nếu bạn đang sử dụng rất nhiều hình ảnh, rất nhiều type hoặc rất nhiều yếu tố đồ họa thì link chính là người bạn tốt nhất mà bạn cần chọn để sát cánh. Alignment ( chỉnh sửa ) cũng là yếu tố rất quan trọng khi bạn đối phó với những types ( kiểu bố cục ). Có rất nhiều cách để sắp xếp những types nhưng một nguyên tắc nhỏ cho những phần thiết kế dài hơn là “ kết dính ” chúng với lề trái để tạo cảm xúc thỏa mãn nhu cầu nhất cho mắt người xem .

10. Chia thiết kế thành 3 phần

​ Các quy tắc một phần ba là một kỹ thuật đơn thuần mà những nhà thiết kế sử dụng để phân loại những thiết kế của họ thành ba hàng và ba cột. Và tại những điểm nơi mà những đường dọc và đường ngang giao nhau chính là những vị trí mà focal points ( tiêu điểm ) nên được đặt. Sử dụng quy tắc một phần ba là một cách tuyệt vời để khởi động bố cục của 1 thiết kế vì nó phân phối cho bạn một cách nhanh gọn, đồng thời dẫn dắt bạn xác định và đóng khung những yếu tố trong thiết kế của bạn. Xem xét thiết kế ở bên của Gajan Vamatheva cho National Geographic. Bạn hãy dành một chút ít thời hạn để tưởng tượng, nơi những dòng một phần ba sẽ giao nhau. Bạn hoàn toàn có thể nhận thấy rằng những đường giao nhau sẽ qua tiêu điểm của mỗi hình ảnh – hai người đi bộ trong image tiên phong, và con chim lớn nhất trong image thứ hai. Các đường cũng sẽ cắt tại những điểm xung quanh những ô chữ. Nhìn kĩ và nắm vững quy tắc, những bạn sẽ thấy những điểm này .

Một cách tuyệt vời để mở màn thiết kế của bạn đó chính là sử dụng quy tắc một phần ba để tạo ra một mạng lưới. Lưới hình ảnh hoàn toàn có thể giúp bạn sắp xếp những yếu tố đồ họa một cách hài hòa và hợp lý hơn. Bạn cần tập trung chuyên sâu vào những focal points để thiết kế đạt bố cục tối ưu. Bạn cũng hoàn toàn có thể sử dụng công cụ công cụ lưới của Canva để tạo lưới một cách thuận tiện với nhiều lựa chọn hơn .

>>> Xem thêm:

Khóa học thiết kế đồ họa cơ bản
Học photoshop cơ bản cho người mới
Cách thiết kế logo ấn tượng

Đổ màu trong photoshop như thế nào

Theo Designervn

Viện Đào Tạo Quốc Tế FPT

FPT Arena Multimedia – http://arena.fpt.edu.vn

Xem thêm: Thông tin tuyển sinh đại học năm 2018

Nguồn: dohoa360

Source: https://khoinganhkythuat.com
Category : Ngành tuyển sinh