12 nguyên tắc thiết kế & cách áp dụng chúng hiệu quả.

"Thiết kế là quá trình truyền tải 1 thông điệp, bằng các hình ảnh & thành phần
nhằm giúp người xem hiểu được thông điệp đó 1 cách rõ ràng. "
Trước đây khi mới bắt đầu tạo ra những thiết kế đầu tiên, tôi luôn muốn
các thiết kế của mình phải thật độc đáo & phá cách không theo lối mòn
hay quy luật nào cả. Tất nhiên kết quả của những thiết kế đó là,
không thể đáp ứng được yêu cầu cơ bản
"Truyền tải được thông điệp, một cách rõ ràng."
vậy làm cách nào để thiết kế trở nên tốt hơn & rõ ràng hơn?
12 nguyên tắc thiết kế chính là chìa khoá để giải quyết vấn đề đó.

Tầm quan trọng của 12 nguyên tắc thiết kế.

Việc hiểu rõ & nắm vững các nguyên tắc này là tối quan trọng đối với 1 designer,
bởi vì khi không có chúng thiết kế của bạn sẽ thiếu sự hài hoà, cân đối & logic.
Không thu hút được người xem.
giống như việc bạn cố soạn 1 bản nhạc hay, nhưng không biết gì về nhạc lý.

Tổng quan về 12 nguyên tắc

Các nguyên tắc bao gồm

1. Tương phản

2. Cân bằng

3. Nhấn mạnh

4. Lặp lại

5. Tỉ lệ & kích thước

6. Hệ thống cấp bậc

7. Nhịp

8. Hoa văn

9. Khoảng trắng

10. Chuyển động

11. Đa dạng

12. Thống nhất

Thoạt nhìn qua thì chúng có vẻ ít & đơn giản những khi áp dụng & kết hợp chúng lại
kết quả sẽ khiến bạn thực sự bất ngờ. Ở các ví dụ sau tôi sẽ cố giải thích chúng
một cách dễ hiểu & trực quan.

Nguyên tắc số 1: Tương phản

Sự tương phản không đơn thuần là sử dụng sự đối lập màu sắc trắng đen.
mà nó bao gồm cả các yếu tối như: kích thước, hình dạng, kết cấu, giá trị…
bằng cách sử dụng các giá trí đối lập nhau của từng yếu tố đó, để nhằm
mục đích làm nổi bật, nhấn mạnh & điều phối mắt người xem.

Trong thực tế nó phức tạp hơn 1 xíu, nên việc hiểu & cân bằng
lúc nào cần sử dụng sự tương phản trong thiết kế là việc nên được
lưu tâm. Tôi sẽ cố gắng làm các ví dụ sao cho dễ hiểu nhất.

1. Tương phản màu sắc

Hãy xem ví dụ sau

ở ví dụ này sự tương phản giữa 2 màu nóng & lạnh, làm nổi bật phần Text
trong ấn phẩm, ngoài sự tương phản giữa màu nóng và lạnh chúng ta có thêm
các tương phản trong màu sắc như: Độ bão hoà, Độ sáng của màu, Đậm - Nhạt…
nhưng việc sử dụng màu sắc phải được tiết chế để không sảy ra trường hợp
2 màu không phù hợp với nhau như ví dụ sau:

Mặc dù vẫn là 2 màu nóng & lạnh nhưng ở thiết kế này chúng hoàn toàn không
phù hợp để sử dụng. Vậy mấu chốt ở đây là khi sử dụng yếu tố màu sắc làm
tương phản là phải chú ý tới tính phù hợp của các màu sắc đó.

Tham khảo: Cách phối màu theo bánh xe màu sắc

2. Tương phản hình dạng

Ở ví dụ này hình Tròn ở trung tâm là thứ thu hút mắt người xem nhất
hãy thử thay đổi vị trí của hình tròn xem nó có còn thu hút không nhé

Tôi đã thay đổi vị trí & giảm kích thước của hình tròn nhưng nó vẫn thu hút nhất

vậy mấu chốt ở đây là gì? Hình tròn là hình dạng duy nhất khác với các hình dạng
còn lại nên nó sẽ thu hút sự chú ý nhiều nhất. Đây chính là tương phản hình dạng

Hình dạng nào khác với các hình dạng còn lại thì nó sẽ thu hút sự chú ý hơn.
(Đừng lo lắng ở cuối bài viết sẽ có 1 hướng dẫn nhỏ để ôn tập)

3. Tương phản giá trị

Hãy xem ví dụ sau

Ở ví dụ trên phần hình ảnh sẽ hút mắt hơn vì nó khác loại khác giá trị với
những thứ còn lại là văn bản. Củng tương tự như tương phản hình dạng
thì những thứ khác loại với những thứ còn lại sẽ nổi bật hơn.

4. Tương phản kích thước

   
   

   Hãy xem ví dụ sau
   
   

Đơn giản là những thứ lớn hơn thì sẽ thu hút hơn, tuy đơn giản nhưng
yếu tố này các Designer này sẽ phải cân nhắc hằng ngày trong thiết kế
luôn nhớ trong thiết kế yếu tố nào quan trọng nhất thì hãy dành cho nó
yếu tố tương phản kích thước (tuỳ trường hợp)

5. Tương phản kiểu chữ

Việc sử dụng kiểu chữ được ứng dụng nhiều trong thiết kế
hãy xem ví dụ sau.

Những font đậm hơn thì thu hút sự chú ý hơn, hoặc những font đặc biệt hơn
thì thu hút hơn như ví dụ sau

6. Tương phản là mọi thứ

Hiểu đơn giản thì những thứ khác nhau thì sẽ tương phản với nhau, những thứ
đặc biệt thì sẽ thu hút hơn, và hãy luôn cẩn trọng khi sử dụng sự tương phản
đừng cố làm quá 1 yếu tố hãy cân bằng nó để có 1 thiết kế tốt

7. Kết hợp sự tương phản

Sự tương phải không đứng riêng lẻ hãy kết hợp chúng như kết hợp
Màu sắc - kích thước, Font - hình dạng…. chúng sẽ cho ta các
thiết kế có điểm nhấn thu hút người xem & logic

Kết hợp chúng với ví dụ thực tế về sự tương phản

Như vậy chúng ta đã nắm cơ bản các yếu tố của sự tương phản
hãy cùng làm 1 bài tập nho nhỏ để ôn lại các kiến thức trên nhé

Tôi có hình của 1 cô gái mặc áo màu xanh, bây giờ tôi sẽ sử dụng tính tương phản
màu sắc, kích thước & hình dạng để làm nổi bật cô gái & khuôn mặt của cô ấy.

Tôi dùng nền xanh để đồng màu với áo của cô ấy làm BG, vậy màu da của cô ấy
đã tương phản với nền (màu nóng), Đồng thời tôi thêm 1 hình tròn để tương phản
với phần hình vuông màu xanh (Tương phản hình dạng). Tiếp theo hãy thêm
chữ vào chúng ta sẽ dùng tương phản kích thước & font chữ.

Chữ được thêm vào có tương phản font & kích thước. Màu sắc của font củng
tương phản với màu nên.

Như vậy ở ví dụ này tôi đã sử dụng sự tương phản để làm thiết kế trở nên
thu hút hơn,

Kết luận

Sự tương phản giúp ta có 1 thiết kế dễ xem, đảm bảo được yêu cầu cơ bản
của thiết kế đó là sự rõ ràng. Thế nên hãy trau dồi con mắt củng mình
để thiết kế luôn có sự tương phản tốt bạn nhé.

Ở phần sau tôi sẽ nói về sự cân bằng là tính chất quan trọng về bố cục