10 quy luật bố cục designer cần nắm vững

Một yếu tố quan trọng đầu tiên 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ẽ thu hút á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à thông qua các techniques như quy mô, độ tương phản và leading lines. Ví dụ như bức hình trê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ế 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 strong focal point. 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ế.

Tương tự như vậy, các bạn có thể tham khảo thiết kế của Shauna Lynn Panczyszyn dưới đây. Poster này lấy tâm điểm là hình ảnh của một người đàn ông được đặt ở trung tâm, được đóng khung bởi những graphics với những nét vẽ nguệch ngoạc dẫn dắt ánh mắt của người xem về phía trung tâm của bức hình.

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 dưới đây. 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.

Một ví dụ nữa trong tấm poster này từ 1 Trick Pony có sử dụng đường dọc theo cánh tay trái của người đàn ông để dẫn dắt ánh mắt người xem đến và đi từ các biểu tượng và sau đó xuống phần còn lại của hình ảnh.

Quy mô và hệ thống phân cấp trực quan là một trong số những nguyên tắc sáng tạo cơ bản. Chúng có thể khiến thiết kế của bạn thành công và cũng 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 chúng thật tốt. Hãy chắc chắn rằng bạn hiểu vì sao mọi thiết kế đều cần ba cấp độ của hệ thống phân cấp typographic.

Quy mô thường được sử dụng để giúp hệ thống cấp bậc giao tiếp với nhau. Sự sắp xếp gần và xa của các yếu tố biểu thị tầm quan trọng của chúng trong giao tiếp.

Ví dụ, poster này thiết kế bởi Jessica Svendsen sử dụng một hình ảnh được scale-up lên như là phần tử lớn nhất, giúp nó thu hút sự chú ý nhiều nhất.

Hay 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 thể hiện tập trung 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 giác về sự hùng vĩ và rộng lớn đến ngoá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 có thể tạo ra một số hiệu ứng khác nhau.

Cân bằng là một yêu cầu quan trọng đối với một thiết kế, nhưng làm thế nào để tạo ra sự cân bằng hoàn hảo trong thiết kế lại là một điều không dễ dàng.  Vâng, chúng ta hãy xem  xét hai loại phổ biến của sự cân bằng và tìm hiểu xem làm thế nào để làm chủ chúng nhé!

Đầu tiên là cân bằng đối xứng. Cân bằng đối xứng  là việc cân bằng 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 có thể tạo ra sự cân bằng mạnh mẽ, rõ nét trong thiết kế của mình.

Dưới đây là một ví dụ về cân bằng đối xứng. Đây là thiết kế thiệp mời đám cưới của Jennifer Wick sử dụng đối xứng bằng cách phản chiếu vị trí của các types và các yếu tố đồ họa. Bằng cách sử dụng tính đối xứng, thiết kế này toát lên vẻ thanh lịch, sạch sẽ và đẹp một cách cân đối.

Một loại cân bằng khác được cho là phổ biến 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ó để giải thích bởi nó vẫn tạo ra sự cân bằng nhưng các yếu tố lại không đối xứng với nhau.

Dưới đây là một ví dụ thành công của sự cân bằng 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à mở rộng quy mô các yếu tố một cách có chủ đích.

Trong thiết kế trên, ba vòng tròn trung tâm là những yếu tố lớn nhất trong thiết kế, nhưng chúng được cân bằng hóa bởi các type, các dòng kẻ và hình tròn nhỏ với kết cấu 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 phần tử trong thiết kế đều có  một “trọng lượng” riêng. Các vật thể nhỏ có thể “ít nặng” hơn so với các đối tượ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 bằng hóa các yếu tố cho đến khi bạn đạt đến một trạng thái cân bằng hiệu quả.

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 các hình ảnh không hề mang tính chất bổ sung 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 cố gắng đảm bảo rằng tất cả chúng đều có hiệu quả và gắn kết khi được nhóm lại với nhau. Có rất nhiều cách khác nhau để đạt được sự gắn kết này.  Sau đây là một vài gợi ý.

Sử dụng hình ảnh từ cùng một buổi chụp hình.  Đây là một cách dễ dàng để đảm bảo hình ảnh của bạn trông gắn kết bởi chúng vốn được tại ra dưới sự chỉ đạo nghệ thuật giống nhau và phong cách chụp ảnh giống nhau. Xem xét tạp chí thiết kế bởi Jekyll & Hyde và Elena Bonanomi dưới đây để thưởng thức và tham khảo một bố cục đẹp.

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. Tham khảo thiết kế poster của A is a name  dưới đây. Tác giả đã dùng một bộ lọc đơn sắc cho từng bức ảnh để “buộc” mỗi hình ảnh lại với nhau một cách tự nhiên hơn.

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 đó. Bạn có thể tham khảo thiết kế của  Feint dưới đây. Designer này đã chọn những hình ảnh mà tất cả đều toát lên một vẻ chắc chắn với rất nhiều kết cấu, chất liệu gỗ và tông màu lạnh.

Tạo một bố cục gắn kết cũng có nghĩa là ghép nối các hình ảnh khiến chúng bổ sung cho nhau. Mỗi kiểu chữ khác nhau khi sử dụng trong các trường hợp khác nhau phải có các tones và ideas để liên kết chúng.  Cụ thể, kiểu chữ cursive với nhiều swashes và các nút xoắn sẽ thể hiện sự sang trọng và tinh tế. Vì vậy, việc chọn kiểu chữ phải có mục đích và ý tưởng nhất định.

Ví dụ, trong poster này của Adam Hill đã sử dụng các hình ảnh cổ điển lấy cảm hứng từ truyền thống được bổ sung bởi một tiêu đề chữ thảo đậm và thân chữ serif phiến đậm. Một font sans-serif mỏng, sạch đến tối thiểu sẽ không phù hợp với rock and roll.

Độ tường phải là một công cụ rất hữu ích để làm nổi bật hoặc làm mờ đi một số yếu tố trong thiết kế của bạn. Khi nâng hệ số tương phản hoặc sử dụng tính năng tương phản màu sắc ở mức độ cao, bạn có thể làm nổi bật một yếu tố nào đó và thu hút sự chú ý của người xem. Tương tự như vậy, bằng cách giảm độ tương phản, bạ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 khác có “cơ hội” trở nên nổi bật.

Ví dụ thiết kế được thực hiện bởi Thebault Julien dưới đây đã sử dụng màu sắc tương phản ở mức độ cao để đóng khung và làm nổi bật những hình ảnh tiêu điểm. Thiết kế cũng sử dụng những kiểu chữ đậm hơn để làm nổi bật những phần thông tin quan trọng, đồng thời sử dụng kiểu chữ nhẹ và mỏng hơn để đẩy các yếu tố khác ra khỏi ánh đèn sân khấu.

Nếu các màu sắc rực rỡ trong thiết kế trên được sử dụng để làm nổi bật thiết kế thì ví dụ tiếp theo đây sẽ sử dụng một màu sắc 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 nổi bật các yếu tố có màu tối khác.

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ự khác biệt tương phản thấp giữa các đối tượng và background. Trong khi thông thường đâ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 nổi bật sự việc “ignored everyday”.

Bằng cách này, độ tương phản cũng 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.

Có một câu nói rất hay mà bạn cần nhớ: “Repetition makes for successful compositions.”

Để 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 sử dụng lặp lại các yếu tố một cách thông minh để có một bố cục tốt.

Sự lặp lại là một yếu tố quan trọng khi nói đến việc bố trí nhiều trang trong một thiết kê. Lặp đi lặp lại các 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 mạch.

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

Để biết thêm các tips, thủ thuật và các ví dụ, hãy chắc chắn rằng bạn có check danh sách của nhà thiết kế này để học hỏi cách tạo bố cục nhiều trang nhé!

Sự lặp lại cũng là một yếu tố quan trọng khi nói đến việc thiết kế bố cục trang duy nhất. Bằng cách lặp lại các yếu tố đồ họa, bạn có thể khiến cho thiết kế của mình trở nên mạnh mẽ và gắn kết như tấm poster sự kiện của Jessica Hische dưới đây.

Poster này lặp đi lặp lại những stylisations nhất định như: type, các yếu tố đồ họa, và trọng lượng đường xuyên suốt suốt thiết kế để duy trì một thiết kế gắn kết và hiệu quả. Nếu thiết kế này đột nhiên sử dụng một đường dày, đậm cơ bản màu hồng ở đâu đó chính giữa thiết kế,  sự gắn kết ngay lập tức sẽ bị mất đi. Vì vậy, bằng cách giữ bảng chữ cái, bảng màu và phong cách đồ họa đơn giản và đồng nhất, thiết kế sẽ có được vẻ đẹp và sự mạnh mẽ.

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ế dưới đây của Cocorrina đã 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ô các yếu tố đồ họa trong thiết kế của bạn. Bằng cách thu hẹp các hình ảnh, các types…bạn có thể tạo ra những khoảng không gian trắng đầy trang trọng quanh các tiêu điểm trong giới hạn trong khung thiết kế ban đầu. Ví dụ, hãy xem xét thiết kế thẻ công thức dưới đây của Serafini Creative. Bằng cách giảm quy mô của thiết kế và đưa nó về vị trí trung tâm, tác giả đã tạo ra một khung hình thật đẹp, thanh thoát và tinh tế được tạo bởi chính các khoảng trắng xung quanh.

Đừng lấp đầy mọi không gian bằng các kí tự hay câu chữ. Như đã đề cập ở trên, không gian màu trắng không phải là không gian trống rỗng, nó đang làm công việc riêng và phục vụ mục đích riêng của mình. Do đó, hãy cứ đừng điền vào bất kỳ khoả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ó không gian để “vẫy vùng”.

Ví dụ, hãy xem xét thiết kế trang web này của Creative Themes Web. Thiết kế có sử dụng một hình ảnh đại diện cho các sản phẩm, một trong những tiêu đề in đậm, hai đường nhỏ của bản thiết kế và sau đó là một liên kết để biết thêm thông tin. Nhờ bố cục đơn giản này và cách “điểm” những khoảng không gian trắng, thiết kế này trở nên hiệu quả và đẹp mắt hơn.

Khi thiết kế các 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 phần tử trong tác phẩm đó có cần thiết 100% hay không. Bạn cần tất cả các 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 các yếu tố không cần thiết trong các phẩn của thiết kế, bạn có thể tạo ra một thiết kế đẹp, thoáng tinh tế mà không bị trống trải.

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!

Hãy xem xét ví dụ dưới đây – một thiết kế tạp chí của Huck. Sự liên kết mạnh mẽ giữa các yếu tố của nó tạo ra một bố cục sắc nét, gọn gàng và hiệu quả, tạo cảm giác “mãn nhãn” cho người xem.

Gắn kết các yếu tố trong thiết kế một cách mạnh mẽ 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ì liên kết chính là người bạn tốt nhất mà bạn cần chọn để đồng hành.

Alignment cũng là yếu tố rất quan trọng khi bạn đối phó với các types. Có rất nhiều cách để sắp xếp các 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 giác thỏa mãn nhất cho mắt người xem.

Các quy tắc một phần ba là một kỹ thuật đơn giản mà các nhà thiết kế sử dụng để phân chia các thiết kế của họ thành ba hàng và ba cột. Và tại các điểm nơi mà các đường dọc và đường ngang giao nhau chính là những vị trí mà focal points nên được đặt.

Nhà thiết kế William Beachy đã cáp dụng quy luật này với các thiết kế của mình như bạn có thể thấy trong các ví dụ dưới đây. Bằng cách đặt các tiêu điểm ở mỗi giao điểm, thiết kế của ông trở nên nổi bật và hiệu quả. Beachy cũng lưu ý rằng “Để tránh việc một thiết kế chỉ tập trung vào phần trung tâm, bạn nên thêm một số chuyển động và một chút nhấn nhá.”

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ó cung cấp cho bạn một cách nhanh chóng, đồng thời dẫn dắt bạn định vị và đóng khung các yếu tố trong thiết kế của bạn.

Xem xét thiết kế dưới đây của Gajan Vamatheva cho National Geographic. Bạn hãy dành một chút thời gian để tưởng tượng, nơi các dòng một phần ba sẽ giao nhau. Bạn có thể nhận thấy rằng các đường giao nhau sẽ qua tiêu điểm của mỗi hình ảnh – hai người đi bộ trong image đầu tiên, và con chim lớn nhất trong image thứ hai. Các đường cũng sẽ cắt tại các điểm xung quanh các ô chữ. Nhìn kĩ và nắm vững quy tắc, các bạn sẽ thấy những điểm này.

Một cách tuyệt vời để bắt đầu 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 có thể giúp bạn sắp xếp các yếu tố đồ họa một cách hợp lý hơn. Bạn cần tập trung vào các focal points để thiết kế đạt bố cục tối ưu. Bạn cũng có thể sử dụng công cụ công cụ lưới của Canva để tạo lưới một cách dễ dàng với nhiều lựa chọn hơn.

Khi bạn tìm thấy một thiết kế mà bạn nghĩ đó là một thiết kế đẹp và hiệu quả, hãy thử phá vỡ nó và tìm kiếm các cấu trúc cơ bản xây dựng nên thiết kế đó. Bạn sẽ học được cách các designer nổi tiếng xây dựng bố cục cho thiết kế của họ như thế nào.
Có rất nhiều điều cần xem xét khi kết hợp và sắp xếp các thành phần trong 1 thiết kế. Đặc biệt, nếu bạn là một người mới bắt đầu, bạn cần nỗ lực và rất nhiều thời gian để di chuyển các yếu tố, thay đổi kích thước các thành phần và sau đó di chuyển chúng một lần nữa để có một trật tự xác định – hay còn gọi là bố cục.

Chúc các bạn sẽ tìm được cách thức của riêng mình khi xây dựng bố cục cho 1 thiết kế với sự chia sẻ nho nhỏ trên đây của chúng tôi!