Các nguyên tắc thiết kế
🎨

Các nguyên tắc thiết kế

Thời gian
Oct 16, 2019 → Oct 20, 2019
Tiết học
02a
Trạng thái
Chưa học
Topic
Buổi học
📒 Lý thuyết

5 yếu tố trong thiết kế

 
Đường
notion image
Đường có thể định nghĩa là bất cứ những đường tuyến tính nào. Vậy nên, khi bạn nghĩ về nó, đường gần như tạo thành tất cả mọi thứ. Thậm chí những con chữ bạn đang đọc bây giờ cũng được tạo thành từ hàng ngàn đường cong, góc và đường thẳng.
Đường có thể khơi mào vài ý tưởng nữa. Đường thẳng thể hiện trật tự và sự ngăn nắp, đường lượn sóng thể hiện chuyển động, và đường zig zag thể hiện áp lực hoặc sự phấn khích.
Nhìn vào ví dụ của đường dẫn trong web design chẳng hạn. Trang web này có một hệ thống lưới chéo với đường dẫn mạnh mẽ kéo bạn từ trên xuống dưới, từ phần này sang phần kia, theo hình dạng chữ ‘Z’.
notion image
Màu sắc
notion image
Màu sắc là tối thượng. Màu sắc tạo ra tâm trạng, không khí, kênh cảm xúc nhất định và mỗi một sắc màu đều có ý nghĩa cụ thể bên trong. Nói ngắn gọn, màu sắc có thể tạo dựng hoặc phá huỷ thiết kế của bạn.
Dưới đây là thiết kế của Smack Bang Designs cho dịch vụ trẻ hoá làn da phụ nữ ‘Lite Luxe’. Thiết kế này chọn lựa màu sáng, mềm mại và nhẹ nhàng. Trắng, xám nhạt, hồng phấn và màu mạ đồng/vàng, những màu sắc được lựa chọn để bổ trợ nhau tinh tế tạo cảm giác trầm tĩnh, thanh thoát và nữ tính.
notion image
Chất liệu
notion image
Những thiết kế đồ hoạ gọn gàng, sắc nét và bóng bẩy có thể rất tuyệt vời, nhưng đôi khi, thô ráp một chút lại hay. Chất liệu có thể thêm vào xúc giác, chiều sâu và vài hiệu ứng thú vị cho thiết kế của bạn.
Mặc dù, cùng với nhiều thứ, hãy nhớ rằng sử dụng kỹ thuật này có chừng mực, vì quá nhiều chất liệu có thể choáng ngợp thiết kế của bạn. Nên nhớ: sẽ luôn có một lằn ranh nhỏ giữa sự tân thời cổ xưa và sự cũ kỹ đơn thuần.
Hãy chú ý rằng việc sử dụng những chất liệu thô ráp không phải để đánh lạc hướng mà để nâng tầm thiết kế, tạo ra cảm giác thủ công, vintage hơn.
notion image
Việc sử dụng chất liệu lên một tầm cao mới bằng cách in dập nổi những đường địa hình lên trên tấm danh thiếp
Chuyển động
notion image
Làm sao một bức ảnh tĩnh có thể chuyển động? Nhưng, chuyển động là một phần lớn trong nghệ thuật thị giác, bao gồm cả thiết kế đồ hoạ.
Có rất nhiều cách để bạn thể hiện loại chuyển động này. Logo dưới đây chồng những mảng hình học sắc cạnh vời nhiều cấp độ trong suốt để tái tạo cánh một con chim ruồi đang bay. Hiệu ứng đơn giản này sẽ tạo ra cảm giác chuyển động gọn gàng, thông minh và hợp lý.
notion image
Chữ - Typo
notion image
Typography được đánh giá là một trong những nền tảng lớn nhất của thiết kế. Chữ viết thể hiện nhiều thứ (đúng ở cả nghĩa đen) và cách mà bạn chọn để thể hiện chữ viết của mình, dù là tiêu đề hay thân bài còn có thể bộc lộ nhiều hơn.
notion image

11 nguyên tắc trong thiết kế

 
Tương phản
notion image
Về cơ bản, tương phản là độ khác biệt giữa hai yếu tố trong thiết kế. Một vài hình thức tương phản thường gặp là sáng/ tối, dày/mỏng, to/nhỏ,…
Tương phản có tạo nên hiệu quả ấn tượng cho việc dễ đọc và rõ ràng, đây là lý do tại sao bạn thấy nhiều cuốn tiểu thuyết và ấn phẩm được in bằng giấy trắng mực đen. Thử tưởng tượng nếu họ sử dụng màu xám nhạt trên nền giấy trắng, độ tương phản sẽ rất thấp và chữ sẽ trở nên khó đọc.1
notion image
Sự lặp lại
notion image
Khi nhắc đến những tên tuổi lớn: CocaCola, Google, Apple, Nike, chắc bạn có thể nhớ ngay đến logo, tông chủ đạo và bảng màu chính của họ. Tại sao chúng lại dễ dàng gợi nhắc đến vậy? Đúng rồi, nhờ sự lặp lại.
Sự lặp lại là yếu tố thiết yếu khi thiết kế bộ nhận diện thương hiệu, giúp tạo ra sự thống nhất trong mặt hình ảnh và kết nối các sản phẩm với nhau.
Sự lặp lại là một yếu tố chủ chốt khi thiết kế bộ nhận diện, nhưng cũng có thể sử dụng cho những thiết kế tạm thời.
notion image
Đối xứng
notion image
Loài người, theo như khoa học chứng minh, bị thu hút bởi sự đối xứng. Chúng ta thích khuôn mặt cân xứng, hoạ tiết đối xứng và thiết kế cân đối, thấy chúng thật đẹp đẽ và bắt mắt.
Đối xứng được sử dụng nhiều trong thiết kế logo nhằm tạo ra nhịp điệu và sự hài hoà trong tổng thể. Một vài những ví dụ điển hình của các nhãn hàng nổi tiếng với logo đối xứng là Target, McDonald’s, Chanel, Starbucks,v.v…
notion image
Ngẫu nhiên
notion image
Cho đến tận ngày nay, chúng ta vẫn luôn tôn thờ những gì thẳng hàng và trật tự. Nhưng còn những thiết kế thô ráp, ngẫu nhiên hơn thì sao? Sự ngẫu nhiên chiếm phần lớn trong thiết kế, nhưng phải là một loại ngẫu nhiên đặc biệt.
Sự khác biệt giữa ‘ngẫu nhiên trong thiết kế’ và ngẫu nhiên thông thường nằm ở mục đích và cách thể hiện. Với thiết kế, mục tiêu chính của bạn sẽ là giao tiếp – tác phẩm này nói lên điều gì với người tiêu dùng? Có rõ ràng không? Làm sao để gia tăng tính tương tác?
notion image
Tác phẩm này chồng nhiều lớp chữ với bố cục không theo một trật tự nào tạo cảm giác vô cùng khó đọc. Thế nhưng tất cả đều hướng về mục đích thể hiện một kẻ bệnh hoạn đang trườn bò trong bóng tối.
Ở đây xuất hiện sự khác biệt giữa ‘ngẫu nhiên thông thường’ và ‘ngẫu nhiên thiết kế’. Nếu thiết kế dành cho trẻ em cùng những con vật dễ thương biết nói, nó sẽ có vẻ ngẫu nhiên, và không thể giao tiếp một cách súc tích với khán giả. Nhưng, trong trường hợp này thiết kế ngẫu nhiên đã truyền tải khung cảnh nội dung một cách hoàn hảo.
Tỷ lệ
notion image
Tỷ lệ chiếm phần lớn trong thiết kế, thật sự vậy. Theo định nghĩa cơ bản nhất, tỷ lệ là sự căn chỉnh kích thước có chủ đích của từng yếu tố đơn lẻ.
Tỷ lệ có thể giúp tạo ra tính hợp lý trong thiết kế và hình ảnh. Nghĩ ví dụ nếu bạn vẽ một con chuột cạnh một con voi, bạn sẽ mặc nhiên vẽ con chuột nhỏ hơn con voi rất nhiều, giúp người dùng hiểu ngay được bản vẽ của bạn.
Trong poster này, nhân vật chính được phóng to lên, kéo sự chú ý về anh ta trước, sau đó đến những gương mặt còn lại.
notion image
 
Cấp bật
notion image
Cấp bậc trong thiết kế cũng giống như cấp bậc trong văn hoá, cả hai đều được hình thành từ nền tảng giống nhau. Cấp bậc cao nhất là những yếu tố quan trọng nhất, như thể chúng là nhà vua. Các yếu tố này sẽ được ‘trưng diện’ cầu kỳ nhất và thu hút nhiều sự chú ý nhất.
notion image
Hướng
notion image
Nghiên cứu đã chỉ ra bản chất thói quen chuyển động của mắt và quỹ đạo mà chúng đi khi nhìn vào những vật cụ thể. Phần lớn mắt người đi theo quỹ đạo ‘E’ hoặc ‘F’ khi nhìn vào trang web, vậy nên hãy đặt những nội dung quan trọng nhất về bên trái, hoặc phía trên sẽ là tốt nhất. Một quỹ đạo thường gặp khác là hình dạng chữ ‘Z’, như hình dưới đây.
notion image
Không gian âm
notion image
Để cho rõ ràng, không gian âm là ‘khoảng không bên trong’, khu vực ở giữa hoặc ở bên ngoài những yếu tố đã được định hình.
Bạn có thấy không gian bên trong những chú chim để tạo ra đàn cá không? Đây chính là cách vận dụng không gian âm vào tác phẩm – cân nhắc tất cả mọi thứ xung quanh và bên trong thiết kế hữu hình của bạn, và biến hoá không gian đó trở thành thứ gì mới hơn.
notion image
Không gian âm khi được sử dụng có chủ đích và khéo léo sẽ tạo ra một thiết kế tuyệt vời và sắc sảo. Hãy nhìn vào những icon thú vật đơn giản dưới đây của George Bokhua sử dụng hình thù đơn giản, gọn gàng để khắc hoạ rõ ràng từng con vật.
notion image
Chiều sâu
notion image
Chiều sâu là một nguyên tắc quan trọng và thú vị. Thậm chí với chất liệu phẳng nhất, bạn vẫn tạo được cảm giác về độ sâu và độ mở trong thế giới 2 chiều.
Vậy làm thế nào để tạo ra ảo giác chiều sâu trong thiết kế? Có rất nhiều kỹ thuật để bạn sử dụng.
Trước tiên, ta có kỹ thuật gần như phổ biến nhất – đổ bóng. Nào, đổ bóng có thể là những con quỷ xảo quyệt, khi chúng không phải lúc nào cũng đổ theo hướng thẳng, đôi khi bị kéo dãn, bẻ cong, biến dạng và xiên lệch. Vậy nên, hãy khám phá bóng của thế giới thực, quan sát xem ánh sáng chiếu lên những vật thể ở nhiều điểm khác nhau và cố gắng tái tạo chúng.
Một kỹ thuật nữa là chồng chéo các thành phần. Điều này giảm thiểu bề mặt phẳng, tạo cảm giác lớp lang, nhiều tầng và có cấu trúc.
notion image
Một phương pháp nữa là chơi đùa cùng góc nhìn, đây là một kỹ thuật thường tạo ra “hiệu ứng 3D”. Bằng cách tuỳ chỉnh góc nhìn của một vài yếu tố, bạn có thể tạo ra ảo giác như đang dựng chúng lên khỏi trang giấy, tạo ra ngay một chiều sâu.
notion image
Lưới
notion image
Lưới tuy quan trọng, nhưng thường vô hình trong mọi thiết kế. Chúng chứa một lượng lớn hàng và cột mà bạn có thể căn chỉnh những thành phần của mình trên đó. Lưới giúp bạn giữ nội dung trật tự, ngay ngắn, rõ ràng và đẹp đẽ.
notion image
notion image
Khung
notion image
Đóng khung một thiết kế đúng quy cách là một yếu tố quan trọng. Chúng ta thường nghĩ đến khung trong định nghĩa nhiếp ảnh – thứ gì nên bỏ vào, thứ gì cần bỏ ra,v.v.. Thế nhưng, khung cũng quan trọng tương tự trong thiết kế.
notion image
 
💡
Quy tắc
Chúng ta đang được học rằng, thiết kế phải đảm bảo các quy tắc. Ví dụ như: Đảm bảo typography phải rõ ràng dễ đọc, học kerning đi, và đừng dùng ảnh bị vỡ hạt… Đây là những thứ cơ bản trong thiết kế, những thứ giúp bạn tạo ra một thiết kế đơn thuần.
Nhưng - một khi đã học được chúng, bạn có quyền phá vỡ chúng.