khóa học thiết kế trực quan

Minh họa các yếu tố và nguyên tắc thiết kế trực quan bao gồm đường nét, hình dạng, kết cấu, khối lượng, độ cân bằng, Gestalt, độ tương phản và tỷ lệ.

4 điều hàng đầu bạn có thể học từ khóa học thiết kế trực quan mới của IxDF

Lần hiển thị đầu tiên của người dùng thường hình thành trong 50 mili giây và thiết kế trực quan đóng một vai trò quan trọng trong việc người dùng nhận thấy tốt hay xấu. Ấn tượng đầu tiên tốt là điều cần thiết để thu hút người dùng mới và đảm bảo sự thành công của sản phẩm hoặc trải nghiệm. Các nghiên cứu cho thấy rằng sự hấp dẫn bằng hình ảnh — những gì chúng ta thấy — là một yếu tố quan trọng để tạo ra sự tin tưởng và sự tin tưởng là bước đầu tiên để đạt được sự tham gia, lòng trung thành và sự ủng hộ của người dùng nhiều hơn. 

Nắm vững nghệ thuật tạo ấn tượng đầu tiên trong khóa học Visual Design: The Ultimate Guide . Tìm hiểu cách khai thác sức mạnh của thiết kế trực quan để thu hút người dùng ngay từ giây đầu tiên. Trong phần này, bạn sẽ tìm thấy những điểm nổi bật chính của khóa học này.

Bạn đã bao giờ không thích một món ăn cụ thể nào đó mặc dù bạn chưa bao giờ nếm thử chưa? Tất cả chúng tôi đã ở đó. Thực phẩm trông như thế nào, màu sắc , kết cấu của nó, v.v. đóng một vai trò quan trọng trong cách bạn nhận thức và cảm nhận về nó. Chúng ta tự nhiên bị thu hút bởi những thứ mà chúng ta tin là đẹp và có tính thẩm mỹ. 

Từ ” thẩm mỹ ” bắt nguồn từ từ “aisthētikos” trong tiếng Hy Lạp, có nghĩa là “liên quan đến nhận thức bằng các giác quan.” Thiết kế trực quan nhằm mục đích cải thiện tính thẩm mỹ và khả năng sử dụng của sản phẩm với màu sắc, kiểu chữ , không gian và bố cục, và nó liên quan chặt chẽ đến cảm nhận. Tuy nhiên, nhận thức là chủ quan. Nơi chúng ta sống, kinh nghiệm trong quá khứ và tính cách của chúng ta định hình sâu sắc cách chúng ta nhìn nhận thế giới xung quanh. 

“Vẻ đẹp được mua bằng sự đánh giá của con mắt.”

– William Shakespeare

Thiết kế trực quan là một phần thiết yếu của trải nghiệm người dùng và nó sẽ quyết định đến mức độ lớn ấn tượng đầu tiên quan trọng mà người dùng mới có đối với sản phẩm của chúng tôi. Hơn nữa, ấn tượng đầu tiên rất khó thay đổi và do đó, chúng ta cần tận dụng lợi thế của thiết kế trực quan tốt để giúp chúng ta thực hiện đúng. Chúng ta có thể nghĩ về thiết kế trực quan như một ngôn ngữ để giao tiếp với người dùng mà không cần lời nói. Điều đầu tiên chúng ta muốn họ cảm nhận và suy nghĩ khi họ nhìn thấy sản phẩm của chúng ta lần đầu tiên là gì? Nếu bạn hiểu các cơ sở xây dựng của thiết kế trực quan và cách sắp xếp chúng hợp lý, bạn có thể chinh phục được ấn tượng tốt ban đầu.

“Bạn không bao giờ có cơ hội thứ hai để tạo ấn tượng đầu tiên.”

– Will Rogers

Nếu bạn đang muốn bắt đầu với thiết kế trực quan, đây là 4 điều hàng đầu bạn chắc chắn nên học.

1. Nắm vững các yếu tố và nguyên tắc của thiết kế trực quan

Các yếu tố của thiết kế trực quan — đường nét, hình dạng, khoảng trắng / âm, khối lượng, giá trị, màu sắc và kết cấu — là những yếu tố cơ bản của bất kỳ thiết kế thành công nào. Chúng ta có thể coi những yếu tố này là từ vựng của ngôn ngữ hình ảnh của chúng ta, những từ cụ thể có sẵn cho chúng ta. Tuy nhiên, những yếu tố này không đủ để thiết lập một cuộc trò chuyện . Chúng ta cần một hệ thống tiêu chuẩn các quy tắc và nguyên tắc — hay nói cách khác là ngữ pháp — để sử dụng vốn từ vựng của chúng ta một cách đúng đắn và tạo ra sự hiểu biết. Tương tự, đây là vai trò của các nguyên tắc thiết kế , bao gồm sự thống nhất, Gestalt, thứ bậc, sự cân bằng, độ tương phản, quy mô và sự thống trị . 

Minh họa các yếu tố và nguyên tắc thiết kế trực quan bao gồm đường nét, hình dạng, kết cấu, khối lượng, độ cân bằng, Gestalt, độ tương phản và tỷ lệ.
Minh họa các yếu tố và nguyên tắc thiết kế trực quan.

© Daniel Skrok và Tổ chức thiết kế tương tác , CC BY-SA 3.0

Sự kết hợp của các yếu tố và nguyên tắc thiết kế trực quan này thiết lập một cơ sở vững chắc để xây dựng các thiết kế thành công và truyền tải đúng thông điệp. Nghĩ về lần cuối cùng bạn đến thư viện; Điều gì đã khiến bạn dừng lại và xem một cuốn sách cụ thể chứ không phải cuốn bên cạnh nó? Bạn có thể không xác định được điều gì đã khiến bạn tập trung vào cuốn sách cụ thể đó. Có thể, màu sắc hoặc loại bìa sách có liên quan đến nó. Bạn nhớ gì về cuốn sách này? Mặc dù chúng tôi cố gắng không, nhưng một phần của chúng tôi đánh giá một cuốn sách qua bìa của nó, và ở một mức độ nào đó, nó không thể mang tính nhân văn hơn thế. 

Bìa sách sẽ khác nhau tùy thuộc vào chủ đề của cuốn sách, nhưng vai trò chính của bìa là cung cấp cho chúng ta thông tin cần thiết về những gì chúng ta sẽ tìm thấy bên trong. Nếu chúng ta nghĩ rằng một cuốn sách có thể nói về kinh dị, một số người trong chúng ta sẽ chọn nó – bởi vì chúng ta đang có tâm trạng sợ hãi – và nếu sau đó chúng ta nhận ra đó là một câu chuyện tình yêu, chúng ta có thể sẽ cảm thấy thất vọng và không mua cuốn sách. Công việc của chúng tôi với tư cách là nhà thiết kế trực quan là sử dụng tất cả các công cụ trong hộp công cụ của mình để giao tiếp đúng cách với người dùng và đảm bảo rằng sản phẩm của chúng tôi không chỉ tạo ấn tượng đầu tiên xuất sắc mà còn là ấn tượng phù hợp .

2. Sử dụng đúng màu

Bạn đã bao giờ nghe nói về tác phẩm sắp đặt nghệ thuật “Căn phòng một màu” của nghệ sĩ người Iceland-Đan Mạch Olafur Eliasson chưa? Trong cách lắp đặt này, đèn đơn tần được lắp trong phòng màu trắng phát ra ánh sáng vàng làm giảm phạm vi quang phổ của người xem thành màu vàng và đen. Trong căn phòng này, khán giả có cảm giác như đang ở trong một bộ phim đen trắng (hay nói chính xác là màu vàng và đen). Trong bộ phim tài liệu Netflix “ABSTRACT: nghệ thuật thiết kế”, nghệ sĩ giải thích thêm về mối quan hệ giữa màu sắc, ánh sáng và cảm xúc cũng như lý thuyết màu sắc đằng sau sự sắp đặt “Căn phòng cho một màu”.

Trong video này, chúng ta có thể thấy phản ứng của khách truy cập khi lắp đặt “Căn phòng một màu”. © Phòng trưng bày Quốc gia, Luân Đôn, Sử dụng hợp pháp ( Liên kết )

Màu sắc về bản chất gắn liền với nhận thức và nó có ảnh hưởng đáng kể đến việc tạo ra cảm xúc. Như Arielle Eckstut, đồng sáng lập của The Book Doctors, nói: “Màu sắc không tồn tại cho đến khi chúng ta nhìn thấy chúng”. Hơn nữa, màu sắc giúp chúng ta định hướng thế giới xung quanh và phân biệt thứ này với thứ khác, và dù chúng ta có nhận ra hay không, màu sắc cũng cho chúng ta biết trạng thái bên trong của một vật. Ví dụ, màu sắc của quả bơ cho chúng ta biết nó đã chín hay chưa và liệu chúng ta có thể tạo ra một ít guacamole cay và ngon với nó hay không. 

Thiết kế trực quan tốt có thể cải thiện cuộc sống hàng ngày của hàng triệu người và ở một mức độ nào đó, có thể cứu sống. Hãy tưởng tượng bạn đang lái xe ô tô và đột nhiên nhìn thấy một biển báo màu đỏ; ngay lập tức, bạn sẽ cảm thấy tỉnh táo hơn và lái xe cẩn thận hơn hoặc chuẩn bị dừng lại. Ấn tượng đầu tiên về dấu hiệu đó phải đọc là “nguy hiểm”. Như chúng ta thấy, việc lựa chọn màu sắc cần được coi trọng và không được tùy tiện vì màu sắc không phải là một thực thể cố định . Một số câu hỏi có thể giúp ích khi chọn bảng màu là: Liệu người dùng có tương tác với sản phẩm của chúng tôi trong ánh sáng ban ngày không? Họ sẽ ở bên trong hay bên ngoài? Có bất kỳ ý nghĩa văn hóa nào của những màu này mà tôi nên xem xét không? Câu trả lời cho những câu hỏi này sẽ giúp bạn đưa thiết kế của mình lên một tầm cao mới, cải thiện trải nghiệm người dùng và tạo ấn tượng ban đầu chính xác và kỳ diệu.

3. Chọn loại một cách khôn ngoan

Loại có ở khắp mọi nơi. Nhìn xung quanh và đếm xem bạn có thể phát hiện ra bao nhiêu phần tử với nó. Từ áo phông đến sách, từ trang web đến trò chơi trên bàn cờ. Loại là kiểu hoặc hình thức của văn bản và cấu trúc của nó có thể giúp chúng ta kể câu chuyện về sản phẩm. Do đó, việc học các nguyên tắc xây dựng của kiểu chữ là điều cần thiết nếu bạn muốn áp dụng nó một cách hiệu quả trong các thiết kế của mình. Tuy nhiên, thế giới của các loại hình có thể tràn ngập, có nhiều lựa chọn để xem xét, và chúng ta có thể nhanh chóng bị tê liệt bởi “Nghịch lý của sự lựa chọn”. Các yếu tố cơ bản của kiểu chữ và cách chúng liên quan đến thông điệp có thể mang lại cho bạn sự tự tin để chọn kiểu chữ một cách khôn ngoan và nâng cao chất lượng thiết kế của bạn.

Hai áp phích giống hệt nhau cho một bộ phim khủng bố, được đặt tên là 3 lần nhấp chuột sau đó, nhưng với các loại khác nhau (áp phích bên trái có ghi thứ Sáu và một áp phích trên viết với Helvetica).
Làm thế nào để các lựa chọn loại khác nhau ảnh hưởng đến ấn tượng đầu tiên của bạn về áp phích?

© Daniel Skrok và Tổ chức thiết kế tương tác , CC BY-SA 3.0

Hãy xem một ví dụ: ngày cuối cùng đã đến! Bạn đã được yêu cầu thiết kế áp phích cho một bộ phim sắp tới. Để đảm bảo rằng áp phích của bạn tạo ấn tượng đầu tiên phù hợp và bắt mắt khán giả mục tiêu, bạn có thể cần tự hỏi mình một số câu hỏi sau: Bộ phim nói về cái gì? Tôi muốn truyền tải cảm xúc gì? Câu trả lời cho những câu hỏi này sẽ giúp bạn thu hẹp các lựa chọn của mình và tập trung vào câu chuyện bạn muốn kể. Hãy nghĩ về hai bộ phim yêu thích của bạn, nhìn vào áp phích và chú ý đến kiểu chữ. Bạn có thể biết câu chuyện nói về điều gì chỉ bằng cách nhìn vào các áp phích? Họ trông giống nhau hay không liên quan gì đến nhau? Bạn càng rèn luyện nhãn quan của mình, bạn càng dễ dàng làm chủ được sức mạnh của loại hình. 

4. Đừng quên về lưới

Lưới có lẽ là một trong những nguyên tắc cơ bản về thiết kế trực quan bị đánh giá thấp hơn. Chỉ vì chúng ta không thể nhìn thấy chúng một cách rõ ràng trong các thiết kế cuối cùng không có nghĩa là chúng không cần thiết. Đó là bởi vì chúng ta có thể nhìn thấy — hoặc nhận thấy — khi họ không có ở đó. Người dùng có thể cảm thấy khó chịu hoặc cảm thấy hỗn loạn khi họ tương tác với các sản phẩm được thiết kế không có lưới, nhưng họ có thể không biết cách thể hiện điều đó. Lưới cung cấp cảm giác trật tự trong thế giới xung quanh chúng ta. 

Một phần của cuốn sách cho thấy một ví dụ tốt và một ví dụ xấu về việc sử dụng lưới.
Một phần của cuốn sách Kiểu chữ mới của Jan Tschichold năm 1928.

© Jan Tschichold, Hợp pháp sử dụng

Có rất nhiều cuộc thảo luận giữa các nhà thiết kế về việc liệu các tấm lưới có cản trở sự sáng tạo hay không . Tuy nhiên, như thường lệ, nếu bạn biết các quy tắc một cách hoàn hảo, bạn cũng biết khi nào nên phá vỡ chúng. Hơn nữa, có rất nhiều loại lưới bên cạnh lưới nhiều cột nổi tiếng, có thể truyền cảm hứng cho bạn để thử các sáng tác mới trong khi duy trì trật tự và tính nhất quán cho người dùng. 

Lưới được sử dụng ở mọi nơi, trong sách, phim, thiết kế sản phẩm , trang web và nhiều lĩnh vực khác và mỗi loại lưới phục vụ một mục đích — một lần nữa — giúp bạn kể câu chuyện về sản phẩm của mình. Tất cả thiết kế đều dựa trên một hệ thống kết cấu. Thành thạo tất cả các khả năng trong các hệ thống khác nhau sẽ cung cấp cho bạn kỹ năng bổ sung để tạo ra các sản phẩm thực sự thành công và tạo ấn tượng tốt ban đầu.

Tăng tốc sự nghiệp của bạn:
Nhận chứng chỉ khóa học được ngành công nhận

Ví dụ về chứng chỉ

  • Đóng in 5 hrs 49 mins 42 secs :

    Các mẫu thiết kế giao diện người dùng cho phần mềm thành công

  • Đóng in 5 hrs 49 mins 42 secs :

    Khả năng tiếp cận: Cách thiết kế cho tất cả mọi người

  • Đóng cửa in 3 days :

    Thiết kế trực quan: Hướng dẫn cơ bản

Hãy nghĩ về một cái tủ; để giữ cho quần áo của bạn được ngăn nắp, bạn cần có các phần khác nhau bên trong nó. Tùy thuộc vào loại quần áo bạn có, bạn sẽ cần ít hay nhiều không gian cho áo len, quần, váy, … IKEA biết rõ điều này, và do đó họ cho phép bạn chọn hệ thống kết cấu cho tủ quần áo phù hợp nhất với bạn. Đừng cố gắng đưa nội dung vào cấu trúc mà hãy chọn bố cục tôn vinh nội dung đó một cách tốt nhất. Như bạn có thể thấy ở đây, bạn có nhiều lựa chọn hơn bạn nghĩ! 

Trong khóa học Visual Design: The Ultimate Guide , bạn sẽ tìm hiểu sự khác biệt giữa các yếu tố và nguyên tắc của thiết kế trực quan, đồng thời nâng cao kỹ năng của bạn về lý thuyết màu sắc , kiểu chữ và hệ thống lưới .

Giới thiệu về Thiết kế Trực quan: Khóa học Hướng dẫn Cơ bản

Thiết kế trực quan: Hướng dẫn cơ bản là một khóa học kéo dài 4 tuần, nơi bạn sẽ hiểu được toàn diện về thiết kế trực quan và nâng cao kiến ​​thức về các nguyên tắc trực quan, lý thuyết màu sắc, kiểu chữ, hệ thống lưới và lịch sử. Bạn cũng sẽ tìm hiểu thiết kế tốt là gì và cách tạo ra nó, cách sử dụng hiệu quả các yếu tố và nguyên tắc thiết kế trực quan, lý thuyết màu sắc, tầm quan trọng của loại, cách sử dụng nó và tất cả những bí mật về hệ thống lưới. 

Khóa học này lý tưởng cho bất kỳ ai muốn hiểu nền tảng của thiết kế trực quan và cải thiện chất lượng công việc của họ, bao gồm nhà thiết kế UX , nhà thiết kế giao diện người dùng, nhà thiết kế trực quan, nhà thiết kế đồ họa , nhà thiết kế cơ sở và sinh viên .  

Trong suốt khóa học này, bạn sẽ học hỏi từ các chuyên gia trong ngành:

  • Vignelli Giáo sư danh dự về thiết kế tại RIT R. Roger Remington , tác giả của Chủ nghĩa hiện đại Hoa Kỳ: Thiết kế đồ họa , 1920 đến 1960 . 
  • Đồng sáng lập của The Book Doctors Arielle Eckstut và chuyên gia tư vấn về màu sắc hàng đầu Joann Eckstut , đồng tác giả của What Is Color? và Ngôn ngữ Bí mật của Màu sắc . 
  • Nhà thiết kế và nhà giáo dục từng đoạt giải thưởng Mia Cinelli , diễn giả của TEDx về “Sức mạnh của nghệ thuật sắp chữ”. 
  • Betty Cooke và William O. Steinmetz Chủ tịch Thiết kế tại MICA Ellen Lupton , tác giả của Thinking with Type . 
  • Chủ nhiệm bộ môn Đồ họa + Truyền thông tương tác tại Trường Nghệ thuật và Thiết kế Ringling Kimberly Elam , tác giả của Hệ thống lưới: Nguyên tắc của loại hình tổ chức .

Thiết kế trực quan: Hướng dẫn cuối cùng bao gồm một dự án danh mục đầu tư để củng cố kiến ​​thức của bạn. Nó cũng bao gồm các mẫu có thể tải xuống mà bạn có thể sử dụng trong các dự án của mình với nhóm của mình sau khi bạn hoàn thành khóa học! Đăng ký ngay hôm nay để nâng cao kỹ năng thiết kế sản phẩm của bạn và thiết kế trải nghiệm tốt hơn cho người dùng của bạn!

Start typing and press Enter to search

Shopping Cart