Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Nguyên tắc thiết kế: 10 nguyên tắc cơ bản trong Visual Design

Chủ đề thuộc danh mục 'Kinh nghiệm / Kiến thức dành cho designer' được đăng bởi Akai, 21/6/17.

Lượt xem: 19,002

  1. Akai Thành viên cấp 2

    [​IMG]

    Với những bạn mới bước vào thế giới mênh mông của Thiết kế đồ họa, bạn sẽ cảm thấy choáng ngợp với những tài nguyên, tutorial hướng dẫn và tài liệu học tập rất phong phú. Tuy nhiên việc nắm được những nguyên tắc cực đơn giản mà lại rất "sống còn" dưới đây có thể giúp bạn xây dựng một nền tảng ban đầu vững chắc hơn trước khi bắt đầu học những kiến thức nâng cao hơn.

    #1 Điểm, đường kẻ & hình khối



    [​IMG]

    Dù bạn thiết kế bất kể thứ gì, đây vẫn sẽ là những viên gạch cơ bản nhất trong một bản thiết kế. Với những công cụ này, bạn có thể sáng tạo bất cứ thứ gì bạn muốn, từ các biểu tượng đơn giản đến các minh hoạ phức tạp, mọi thứ đều được thực hiện với sự kết hợp của những yếu tố đơn giản này.

    Trong hình học một điểm là sự kết hợp của tọa độ x và y, khi thêm một trục z bạn sẽ có một điểm ở dạng 3D. Ở bài viết này, chúng ta hãy chỉ nói đến 2D.

    Nếu bạn nối hai điểm lại, bạn sẽ có một đường thẳng. Một đường thẳng được hình thành từ các điểm cũng giống như một nhóm các nguyên tử hình thành nên các phân tử, từ đó tạo ra tất cả các vật xung quanh bạn. Nếu bạn thêm một điểm thứ ba và nối chúng lại với nhau, bạn sẽ có một hình khối, trường hợp này là một tam giác. Như đã nói ban đầu, bạn có thể sử dụng các yếu tố cơ bản để sáng tạo ra hầu hết những gì bạn muốn.

    Đối với thị giác, mắt bạn không thực sự coi chúng là hình khối cho đến khi bạn thêm một điều khác vào. Đó chính là ...

    #2 Màu sắc

    [​IMG]

    Quang phổ màu hiển thị​



    Mắt người có thể nhìn thấy hơn 10 triệu màu khác nhau từ đỏ sang tím. Ngay từ nhỏ, chúng ta đều học cách đánh giá những giá trị hoặc ý nghĩa nhất định với những màu sắc cụ thể.

    Hãy tưởng tượng đèn giao thông chẳng hạn. Chúng chỉ là màu nhưng chúng ta biết rằng màu đỏ có nghĩa là dừng lại, màu xanh lá cây có nghĩa là đi và màu vàng là sự chuẩn bị trước khi tín hiệu đèn chuyển sang màu đỏ. Điều này cho thấy chúng ta có nhiều hành động khác nhau dựa trên cùng một màu một cách vô thức.

    Theo tôi, điều này xảy ra đơn giản bởi vì chúng ta học được những điều này chứ không phải vì một màu sắc có một ý nghĩa nội tại gắn liền với nó. Điều này càng đúng với từng nền văn hoá, nơi chốn và thời điểm bạn sinh sống.

    Tất cả điều này chứng tỏ rằng bạn có thể thêm ý nghĩa, ý định và giai điệu chỉ bằng cách chọn đúng màu sắc, bạn chỉ cần chắc chắn rằng bạn hiểu rất rõ đối tượng của những thiết kế của bạn.

    Giờ nếu bạn đã có thể thấy hình tam giác, chúng ta hãy làm nó thú vị hơn một chút thôi nhỉ ...

    #3 Typography

    [​IMG]

    Từ hình tam giác thành chữ A​

    Đây là một phần khó và tôi coi đây là một trong những điều quan trọng và khó khăn nhất của một designer. Typography không chỉ là những gì bạn viết mà là ở cách bạn thể hiện những câu chữ đó. Typography là hình dáng của câu chữ.

    Với việc lựa chọn đúng typeface, bạn có thể biến một đoạn text nhàm chán trở nên mạnh mẽ. Nhưng để làm được điều đó thật chẳng dễ dàng, việc dùng sai typeface thực tế lại dễ hơn rất nhiều. Typography cũng giống như màu sắc đều cho phép bạn xác định một tone thiết kế.

    Hầu hết các font chữ đều được thiết kế có mục đích riêng, bạn chỉ cần tìm hiểu kĩ và sử dụng chúng theo cách của bạn. Một số kiểu chữ rất phù hợp với một khối text lớn, một số font chữ khác lại rất hợp với tiêu đề. Một số font chữ khác lại có khá ít chức năng, những font khác lại chỉ mang lại cảm giác vui vẻ hoặc được sử dụng một cách rất ngược đời.

    Bạn có hàng ngàn kiểu font khác nhau để lựa chọn nhưng trừ khi bạn cần một thứ gì đó kỳ quặc hoặc bạn đang cố gắng làm một điều gì cụ thể, tôi khuyên bạn nên gắn bó với những font chữ kinh điển. Tuy nhiên, nếu bạn cảm thấy đang bị bó buộc, bạn có thể thiết kế kiểu chữ của riêng bạn, mặc dù tôi cho rằng đó là một trong những thách thức lớn nhất đối với một designer.

    Nhưng nếu bạn nghĩ rằng bạn đã sẵn sàng chấp nhận thử thách này, có một điều bạn không được quên, đó là ...

    #4 Khoảng trống

    Cách bạn cân bằng những khoảng trống trong một bản thiết kế sẽ là điểm mấu chốt cho thành công, đặc biệt là trong typography.

    Bạn cần phải xem xét thật kỹ mối liên quan giữa các yếu tố/chữ, cho những chữ cái một khoảng trống thích hợp để "thở". Điều này thường được gọi là negative space (khoảng trắng). Positive space là các chữ cái.

    [​IMG]

    Điều chỉnh khoảng trắng (negative space) giữa các chữ cái - hay còn gọi là Kerning​

    Bạn cần coi khoảng trắng là một phần của thiết kế và sử dụng nó thật tốt. Khoảng trắng là một công cụ mạnh mẽ, giúp người xem hiểu được thiết kế của bạn. Khoảng trống cũng có thể là nơi giúp mắt được nghỉ ngơi.

    Hãy sử dụng khoảng trống một cách khôn ngoan. Tuy nhiên, sử dụng quá nhiều khoảng trống sẽ làm cho thiết kế của bạn trông như dang dở trong khi sử dụng quá ít khoảng trống khiến thiết kế của bạn trở nên chật chội.

    Việc tìm ra tỉ lệ chuẩn giữa đối tượng và khoảng trống cho phép bạn tạo ra ...

    #5 Sự hài hòa, nhịp điệu và tương phản

    Đây là lúc bạn bắt đầu biến hàng đống yếu tố đơn điệu thành một thứ gì đó thú vị và hấp dẫn. Bạn cần cân bằng mọi yếu tố trên thiết kế của mình bằng cách cân nhắc trọng lượng thị giác (visual weight) của chúng. Một hình vuông màu đen lớn ở góc dưới bên phải của thiết kế sẽ nhấn chìm thiết kế của bạn từ phía bên đó. Hãy bù trừ lại cho phần trọng lượng đó hoặc di chuyển phần đó sang vị trí khác.

    [​IMG]

    Điều chỉnh trọng lượng thị giác của từ để tạo ra nhịp điệu và tương phản​

    Cách bạn đặt các phần tử trong trang rất quan trọng, việc tăng trọng lượng cho một số phần tử sẽ giúp tạo ra sự tương phản và nhịp điệu, định hướng mắt người xem theo một cách duyên dáng và dễ dàng.

    Một điều có thể giúp bạn với điều chỉnh nhịp điệu và cân bằng chính là ...

    #6 Scale - Tỷ lệ

    [​IMG]

    Nhấn nhá thiết kế của bạn bằng cách điều chỉnh tỷ lệ của từ​

    Scale không chỉ giúp bạn tạo ra sự tương phản có nhịp điệu và sự cân bằng mà còn tạo ra cả sự phân cấp. Về cơ bản, không phải tất cả các yếu tố trong thiết kế đều phải quan trọng như nhau và một trong những cách tốt nhất để chuyển tải điều đó chính là kích cỡ.

    Việc điều chỉnh này phải có mục đích rõ ràng. Đừng bao giờ điều chỉnh kích cỡ logo tùy tiện mà quên đi phần khoảng trống chúng ta vừa nhắc bên trên.

    Ví dụ với một trang báo, bạn thấy phần lớn nhất trong trang báo là gì?

    Chỉnh là những tiêu đề. Chúng cũng thường rất ngắn. Tại sao? Để bạn có thể đọc lướt qua trang báo thật nhanh và xem nếu có điều gì đó thú vị đáng đọc hay không. Sau đó, chúng ta có phụ đề nhỏ hơn nhưng cung cấp cho bạn nhiều thông tin hơn về bài viết và cuối cùng chúng ta có bài viết với kích thước font nhỏ nhất nhưng cũng là font chữ dễ đọc nhất.

    Vì vậy, quan trọng là bạn phải biết cách sử dụng kích cỡ và không được quên ai là người sẽ xem thiết kế của bạn.

    Nhân tiện nói đến báo, cũng đến lúc nhắc đến ...

    #7 Lưới và căn thẳng

    Cũng giống như cảm giác thỏa mãn khi bạn chơi Tetris và bạn xếp được cây gậy cuối cùng sẽ xóa toàn bộ gạch trên màn hình.

    [​IMG]

    Tạo quan hệ giữa các yếu tố giúp tổng thể thiết kế trông cân bằng và dễ chịu hơn​

    Thật ra đây là những thứ vô hình nhưng bạn sẽ thấy chúng khi mở một quyển sách hay một tờ báo. Dù bạn đang thiết kế gì đi chăng nữa thì việc đi theo lưới sẽ giúp thiết kế của bạn có bố cục và giúp bản thiết kế trông dễ chịu hơn.

    Kể cả khi bạn đang tạo ra một thiết kế lộn xộn thì bạn vẫn cân phải có một trật tự cho sự lộn xộn ấy.

    Alignment đặc biệt quan trọng với khối văn bản. Có khá nhiều cách để dóng hàng nhưng nguyên tắc chung của tôi là căn chỉnh lề trái. Cách dóng hàng luôn phụ thuộc vào những gì mà bạn đang thiết kế, nhưng nói chung, mọi người đều đọc từ trái sang phải, từ trên xuống dưới. Vì thế căn lề giữa hay phải sẽ rất khó đọc.

    #8 Framing - Đóng khung

    Đây là khái niệm then chốt trong nhiếp ảnh nhưng thuật ngữ này cũng có thể áp dụng trong thiết kế đồ họa.

    Dù bạn đang dùng ảnh, hình minh họa hay thứ gì khác, việc đóng khung một thứ gì khác cũng sẽ tạo ra những sự khác biệt hoàn toàn.

    [​IMG]

    Đóng khung một tổ hợp để thiết kế thêm thú vị và thành phần mới​

    Hãy thử hướng thẳng ánh mắt vào thứ quan trọng nhất, crop/frame hình ảnh lại để giúp đối tượng đó nổi bật hoặc để nhấn mạnh thông điệp của bạn. Đây là công việc kể đúng chuyện và kể sao cho thật hay.

    Sau tất cả những công việc trên, nếu bạn cảm thấy vẫn còn thiếu một chút gì đó, bạn có thể nghịch ngợm một chút với ...

    #9 Texture và Pattern

    [​IMG]

    Thử texture nhiễu trắng vào thiết kế

    Cá nhân tôi coi texture và pattern giống như phụ kiện. Bạn không nhất thiết phải sử dụng chúng và bạn có thể sống mà không có chúng nhưng đôi khi chúng có thể làm cho thiết kế của bạn thú vị hơn.

    Texture không còn là xu hướng như trước đây nữa, nhưng sử dụng chúng vẫn có thể giúp thiết kế của bạn khác biệt, giúp thiết kế trông ba chiều và "nịnh mắt" hơn.

    Texture không nhất thiết phải đi theo một tổ hợp. Nếu thiết kế sẽ được dùng để in ấn, việc chọn đúng loại giấy và thêm các yếu tố như góc xiên, dập nổi hay phủ véc-ni có thể biến một bản thiết kể đơn điệu trở thành một sản phẩm tuyệt vời. Những hãy chỉ chọn một thứ thôi, đừng trang hoàng quá nhiều.

    Pattern là tất cả những gì lặp lại và có thể được coi là texture tùy thuộc vào cách bạn sử dụng chúng. Chúng chủ yếu được sử dụng như một cách để thêm nhịp điệu và tính năng động vào một thiết kế phẳng và là một cách để bù đắp cho sự dư thừa của khoảng trắng.

    Cuối cùng nhưng cũng không kém phần quan trọng trong thiết kế thị giác ...

    #10 Khái niệm thị giác (Visual Concept)

    Đây là ý tưởng nằm phía sau thiết kế của bạn. Bạn có ý đồ gì với thiết kế của mình và ý nghĩa sâu xa sau những hình ảnh đó.

    [​IMG]

    Là một cái đèn ý tưởng phải không?​

    Đây là yếu tố quyết định đâu là một thiết kế tuyệt đỉnh và đâu là những thứ bạn có thể dễ dàng tải từ một website tài nguyên.

    Hãy thiết kế có chủ đích và luôn có ý tưởng kết nối tất cả mọi thứ trong thiết kế lại với nhau. Hãy chọn font chữ một cách cẩn thận và có mục đích rõ ràng. Hãy suy nghĩ xem mỗi phần nhỏ của thiết kế đã dựa theo những khái niệm cơ bản chưa. Sự gắn kết trong thiết kế là tất cả.

    Nếu khái niệm thiết kế của bạn mạnh mẽ, bạn sẽ có thể bảo vệ nó và bán ý tưởng đó cho khách hàng hay ông chủ của bạn.

    Ngoài ra, một thiết kế được "thai nghén" kĩ càng sẽ có giá trị rất lâu dài. Những thứ thời trang hợp thời có thể rất đẹp và dễ thương, nhưng cũng như mốt để râu và mốt sơ mi kẻ caro, xu hướng luôn đi kèm ngày hết hạn. Một thiết kế tốt không theo xu hướng mà tạo ra xu hướng mới.

    Bạn đã áp dụng thành thục cả 10 nguyên tắc này vào thiết kế của mình chưa?

    Dịch: Akai Studio

    Nguồn: Medium

    DuySonIdol, Hải Thần, Phạm Hữu Dư2 người khác thích bài viết này.
  2. giau dang

    giau dang Thành viên cấp 3

    up phụ
  3. Hải Thần

    Hải Thần Thành viên cấp 1

    Cảm ơn bài viết của bạn. Thông tin thực sự rất hữu dụng.
  4. BA0613

    BA0613 Thành viên cấp 1

    Bạn nào đọc tiếng anh được thì qua trang gốc đọc sẽ sát nghĩa và hiểu tốt hơn, bài dịch không chính xác lắm
  5. DuySonIdol

    DuySonIdol Mới đăng kí

    rất hay, cảm ơn rất nhiều

Ủng hộ diễn đàn