Các nguyên tắc thiết kế trong thiết kế đồ họa và tầm quan trọng của chúng

Một trong những phần khó nhất khi nói về các nguyên tắc thiết kế là tìm ra thực tế có bao nhiêu nguyên tắc (có 5? 7? 10?). Khi bạn tìm kiếm “các nguyên tắc thiết kế” thì Google sẽ trả về kết quả cho các bài viết bao gồm từ năm đến hơn chục nguyên tắc thiết kế hình ảnh riêng lẻ. Ngay cả những bài báo thống nhất về con số cũng không hẳn nhất quán về việc nguyên tắc nào nên được đưa vào đó.

Trên thực tế, có khoảng một chục nguyên tắc thiết kế cơ bản mà các nhà thiết kế mới bắt đầu cũng như các chuyên gia nên ghi nhớ khi thực hiện các dự án của họ. Ngoài ra, có khoảng hơn chục nguyên tắc thiết kế “phụ” khác đôi khi được đưa vào làm nguyên tắc cơ bản (ví dụ: Nguyên tắc Gestalt, kiểu chữ – typography, màu sắc và đóng khung – framing). Các nguyên tắc thiết kế chính sẽ được giải thích trong bài post dưới đây.

Nguyên tắc thiết kế trực quan cơ bản

Như đã đề cập, không có sự đồng thuận thực sự trong cộng đồng thiết kế về các nguyên tắc chính của thiết kế thực sự là gì. Điều đó nói rằng, 14 nguyên tắc thiết kế trực quan sau đây là những nguyên tắc được đề cập thường xuyên nhất trong các bài báo và sách về chủ đề này.

1. Sự tương phản (Contrast)

Thông thường, những lời phàn nàn phổ biến nhất của các nhà thiết kế về phản hồi của khách hàng thường xoay quanh những khách hàng nói rằng một thiết kế cần phải “nổi bật” hơn. Mặc dù điều này nghe có vẻ giống như một thuật ngữ tùy tiện, nhưng điều mà khách hàng thường muốn nói là thiết kế cần có độ tương phản cao hơn.

Độ tương phản đề cập đến các yếu tố khác nhau như thế nào trong một thiết kế, đặc biệt là các yếu tố liền kề. Những khác biệt này làm cho các yếu tố khác nhau nổi bật. Nó cũng là một khía cạnh rất quan trọng trong việc tạo ra các thiết kế dễ tiếp cận.

2. Sự cân bằng (Balance)

Sự cân bằng trong thiết kế cũng là một trong những nguyên tắc bạn có thể ứng dụng để sáng tạo những nét đặc trưng, cá tính đặc biệt cho sản phẩm của mình. Các yếu tố cân bằng có thể liên quan tới vị trí, hình dạng vật lý, màu sắc, sắc độ, tính tương phản, khoảng trống… trong ấn phẩm của bạn.

Bằng cách điều chỉnh yếu tố nêu trên của những đối tượng thiết kế, graphic designer có thể mang lại hiệu ứng thị giác bắt mắt và thu hút người xem.

3. Nhấn mạnh (Emphasis)

Để nhấn mạnh một đối tượng thiết kế nào đó, bạn có thể thay đổi kích cỡ, độ lớn, vị trí, màu sắc, hình dạng, hay phong cách của nó. Điều này giúp thiết kế của bạn trông nổi bật hơn, tạo được tiêu điểm thu hút sự chú ý của người xem.

Nguyên tắc thiết kế này cũng khá tương đồng với tính tương phản. Song, vẫn có những điểm khác biệt. Sự nhấn mạnh tạo nên sức ảnh hưởng của một chủ thể trong thiết kế, còn sự tương phản tạo thì giúp cách biệt các đối tượng khác nhau. Hay có thể nói, tương phản là tập con của nhấn mạnh.

4. Tỷ lệ (Proportion)

Tỷ lệ là một trong những nguyên tắc thiết kế đồ họa đơn giản, đó là kích thước của các phần tử khi so sánh với nhau. Tỷ lệ cho biết điều gì quan trọng trong một thiết kế và điều gì không. Các yếu tố lớn hơn thì quan trọng hơn, các yếu tố nhỏ hơn thì ít quan trọng hơn.

5. Hệ thống phân cấp (Hierarchy)

Hệ thống phân cấp là một nguyên tắc thiết kế khác liên quan trực tiếp đến việc người dùng trang web có thể xử lý nội dung tốt như thế nào. Nó đề cập đến tầm quan trọng của các yếu tố trong một thiết kế. Theo nguyên lý thiết kế, một bản thiết kế tốt thường có cấu trúc được phân tầng một cách có nguyên tắc, từ chính đến phụ.

Hệ thống phân cấp được minh họa dễ dàng nhất thông qua việc sử dụng các tiêu đề và đề mục trong một thiết kế. Tiêu đề của trang phải được coi là quan trọng nhất và do đó phải được nhận ra ngay lập tức là yếu tố quan trọng nhất trên trang. Các tiêu đề và tiêu đề phụ phải được định dạng theo cách cho thấy tầm quan trọng của chúng trong mối quan hệ với nhau cũng như trong mối quan hệ với tiêu đề và nội dung.

6. Sự lặp lại (Repetition)

Sự lặp lại là một cách tuyệt vời để củng cố một ý tưởng, cũng như thống nhất một thiết kế tập hợp nhiều yếu tố khác nhau. Việc lặp lại có thể được thực hiện thông qua việc lặp lại cùng một màu sắc, kiểu chữ, hình dạng hoặc các yếu tố khác của thiết kế.

Các yếu tố lặp lại khi được kết hợp với các nguyên tắc thiết kế khác sẽ giúp hướng ánh mắt người xem đến tiêu điểm chính, tạo nên tính liên tục hoặc lưu chuyển cho một thiết kế thống nhất, hài hòa.

7. Khoảng trắng và Không gian âm (White Space & Negative Space)

Những khoảng trắng (White space) sẽ giúp thiết kế của bạn trông “dễ thở” và gọn gàng, dễ dàng điều hướng điểm nhìn của người xem. Nếu bạn muốn các đối tượng chủ thể trông gắn kết với nhau hơn, hãy thử thu hẹp các khoảng trắng một cách hợp lý!

Bên cạnh đó, không gian âm (negative space) lại chính là khu vực trống xung quanh một yếu tố thiết kế.

Bạn hãy thử tưởng tượng: Khoảng không gian mà vật thể của bạn được bố trí và chiếm dụng, được gọi là không gian dương (positive space). Vậy những thứ còn lại chính là không gian âm, kể cả hình nền của bản thiết kế.

Thiết kế không gian không chỉ tạo nên sự thống nhất, hài hòa mà còn mang đến bố cục ấn tượng, thú vị giúp bạn nâng tầm thiết kế của mình.

8. Chuyển động mắt (Eye movement)

Chuyển động mắt đề cập đến cách mắt di chuyển trên một thiết kế. Yếu tố quan trọng nhất sẽ dẫn đến yếu tố quan trọng nhất tiếp theo, v.v.

Nguyên tắc tạo chuyển động mắt trong thiết kế bao gồm việc sử dụng các đường nét, hình khối, màu sắc,… kết hợp cùng các yếu tố khác trong nguyên lý trên tạo thành một đường dẫn tưởng tượng hướng mắt người xem từ điểm này tới điểm khác.

Chuyển động mắt giúp mang đến nét sinh động, có thể tạo cảm giác đối tượng đang chuyển động ấn tượng, tránh đi cảm giác nhàm chán của thiết kế tĩnh.

9. Tính thống nhất (Unity)

Đây vốn là nguyên tắc bắt buộc khi bạn đưa ra một giải pháp thiết kế đồ họa. Điều này đảm bảo các phần đối tượng trong thiết kế của bạn được sử dụng có chủ đích, có đóng góp quan trọng cho tổng quan hiệu quả thị giác và thẩm mỹ; và đương nhiên, tránh gây cảm giác hỗn loạn khó chịu.

Tác giả của cuốn Các yếu tố trong thiết kế đồ họa (The Elements of Graphic Design) – Alex White đã chia sẻ: “Đạt được sự thống nhất trực quan là mục tiêu chính của thiết kế đồ họa. Khi các yếu tố được thỏa hiệp, bản thiết kế có thể coi là thống nhất.”

10. Bố cục và căn chỉnh (Composition & Alignment)

Hiểu đơn giản, bố cục là sự sắp xếp tổng thể của các đối tượng trong thiết kế của bạn. Căn chỉnh là sự sắp đặt của các yếu tố hình ảnh dựa theo bố cục trước đó.

Nguyên tắc bố cục và căn chỉnh giúp thiết kế của bạn tổ chức các đối tượng một cách có hệ thống, tạo nên các nhóm đối tượng cân bằng, cấu trúc liên kết độc đáo, mang lại hiệu quả thị giác bắt mắt, nổi bật.

11. Hệ thống lưới (Grid system)

Hệ thống lưới là một bộ thước đo cho cả người mới bắt đầu và nhà thiết kế chuyên nghiệp có thể dùng để canh lề và kích cỡ của đối tượng thiết kế, dựa trên nguyên tắc bố cục và căn chỉnh được nhắc tới ở trên.

Hơn nữa, hệ thống lưới còn giúp thiết kế của bạn trở nên hài hòa với định dạng khổ giấy dự định cho sản phẩm sáng tạo của một graphic designer.

12. Đối xứng/ Bất đối xứng (Symmetry/ Asymmetry)

Nghiên cứu từ nhà khoa học Mỹ – Alan Lightman cho thấy não bộ chúng ta thường được thỏa mãn khi nhìn thấy những sự sắp xếp đối xứng, chẳng hạn như khuôn mặt cân đối, họa tiết đối xứng, v.v…

Nhờ đó, trong thiết kế, graphic designer thường tinh tế sử dụng nguyên tắc này để tạo ra nhịp điệu và sự hài hòa cho tổng thế.

Tuy nhiên, đừng chăm chăm tạo tính đối xứng cho thiết kế của mình khiến chúng trở nên cứng nhắc và nhàm chán. Sự bất đối xứng cũng nên được áp dụng xen kẽ để tạo nên điểm nổi bật, độc đáo, nhằm nhấn mạnh thông tin và thông điệp trong sản phẩm sáng tạo của bạn.

Một thiết kế tốt chính là thiết kế có sự dung hòa giữa hai yếu tố này.

13. Đóng khung (Framing)

Nguyên tắc đóng khung là một công cụ không kém phần quan trọng trong việc hỗ trợ nhà thiết kế tạo nên các “mảng chú ý” cho các đối tượng cụ thể, nâng cao tính nổi bật và sức ảnh hưởng của chúng.

Khung hình không nhất thiết phải là đồ họa. Đôi khi, sự sắp xếp đối tượng ngẫu nhiên cũng có thể tạo ra một kiểu khung không cố định, thay cho các khung hình vuông-tròn-chữ nhật thông thường. Bằng cách này, người xem có thể tập trung vào những phần thông tin quan trọng trong thiết kế của bạn.

14. Chủ đề (Theme)

Sau cùng, nếu như bản thiết kế của bạn không thể hiện được trọng tâm nội dung nhất định nào, chúng sẽ trở nên không có giá trị.

Mục đích của thiết kế chính là truyền tải thông điệp trực quan tới người xem.

Vậy nên, hãy luôn ghi nhớ nguyên tắc tiên quyết bắt buộc này ngay từ bước đầu lên ý tưởng: Tìm chủ đề của bản thiết kế, và bám sát nó. Bài viết trên đã tổng hợp 14 nguyên tắc thiết kế quan trọng cho một sản phẩm thiết kế đồ họa sáng tạo. Nắm vững các nguyên tắc trên sẽ làm nền tảng cho sự phát triển sau này của bạn với vai trò là nhà thiết kế đồ họa.

Nguồn: Tổng hợp

Bạn đang tìm khóa học Thiết kế đồ họa chuyên nghiệp, ngắn hạn với mức học phí phải chăng!? Tham khảo ngay khóa học của iDesign: Khóa học thiết kế đồ họa chuyên nghiệp tại Đà Nẵng -iDesign

Đồ án: Công ty du lịch Sea Tour – Nguyễn Quốc Khánh – GD28

🌟 Đồ án GD28 – Thiết kế đồ họa: Công ty du lịch Sea Tour

Học viên: Nguyễn Quốc Khánh

Giảng viên: Võ Thành Thiên

(Thời gian hoàn thành đồ án: 01 tháng)

LOGO

– Công ty du lịch SEA TOUR lựa chọn hướng đến những đối tượng đam mê sự trải nghiệm những điều thú vị từ biển đảo nên logo đã dựa trên hình tượng của sóng và cánh buồm kết hợp với nhau.
– Với những đường nét của con sóng và hình ảnh của cánh buồm được vẽ cách điệu từ trên xuống tạo sự hài hòa thú vị với người nhìn. Chữ SEA TOUR được lồng ghép bên trái của logo tạo sự liên kết thú vị giữa chữ và hình.

ĐỒ ÁN BAO GỒM:

– Thiết kế logo

– Thiết kế bộ nhận diện thương hiệu

– Ấn phẩm truyền thông

Dưới đây là một số thành phẩm trong đồ án thiết kế của bạn Khánh:

Đồ án: NẮNG BUBBLE TEA – Phạm Nguyên Vũ – GD28

🌟 Đồ án GD28 – Thiết kế đồ họa: Nắng Bubble Tea

Học viên: Phạm Nguyên Vũ

Giảng viên: Phạm Minh Khanh

(Thời gian hoàn thành đồ án: 01 tháng)

LOGO

Ý tưởng của Logo được dựa trên 2 yếu tố là chiếc lá và mặt trời:
– Chiếc lá: Chiếc lá tượng trưng cho thiên nhiên, sự tươi mát và vừa là nguyên liệu vừa là hương vị chính trong các thành phần trà sữa.
– Mặt trời: Mặt trời tượng trưng cho một năng lượng dồi dào, luôn biết tỏa nắng xóa bỏ những tiêu cực trong cuộc sống.

ĐỒ ÁN BAO GỒM:

– Thiết kế logo

– Thiết kế bộ nhận diện thương hiệu

– Ấn phẩm truyền thông

Dưới đây là một số thành phẩm trong đồ án thiết kế của bạn Vũ:

Đồ án: Công ty tổ chức sự kiện Hoàng Định – Hoàng Anh Định – GD28

🌟 Đồ án GD28 – Thiết kế đồ họa: Công ty tổ chức sự kiện Hoàng Định

Học viên: Hoàng Anh Định

Giảng viên: Võ Thành Thiên

(Thời gian hoàn thành đồ án: 01 tháng)

LOGO

ĐỒ ÁN BAO GỒM:

– Thiết kế logo

– Thiết kế bộ nhận diện thương hiệu

– Ấn phẩm truyền thông

Dưới đây là một số thành phẩm trong đồ án thiết kế của bạn Định:

 

Đồ án: Túi xách BIRT – Lê Tuấn Anh – GD28

🌟 Đồ án GD28 – Thiết kế đồ họa: Túi xách BIRT

Học viên: Lê Tuấn Anh

Giảng viên: Võ Thành Thiên

(Thời gian hoàn thành đồ án: 01 tháng)

LOGO

Store Birt Crossbody Bag mang đến xu hướng độc lạ và sự tươi mới, không chỉ riêng cho giới trẻ mà còn hướng đến mọi lứa tuổi với slogan “I don’t make fashion, I’m fashion!” hứa hẹn sẽ mang lại những sản phẩm độc nhất, đẹp nhất, fahion nhất !

Logo được kết hợp bởi chú chim gõ kiến và vòng tròn tượng trưng cho chiếc kim và khung thêu, cùng với những nét chữ thanh mảnh, sắt nét có phần basic nhưng rất sang trọng, dễ dàng tạo ấn tượng cho người dùng với tone màu đen pha trộn một chút màu đỏ tạo điểm nhấn.

ĐỒ ÁN BAO GỒM:

– Thiết kế logo

– Thiết kế bộ nhận diện thương hiệu

– Ấn phẩm truyền thông

Dưới đây là một số thành phẩm trong đồ án thiết kế của bạn Anh:

Đồ án: Lồng đèn Cuội – Nguyễn Đức Quý – GD28

🌟 Đồ án GD28 – Thiết kế đồ họa: Lồng đèn Cuội

Học viên: Nguyễn Đức Quý

Giảng viên: Võ Thành Thiên

(Thời gian hoàn thành đồ án: 01 tháng)

LOGO

Lấy ý tưởng thân thuộc, mộc mạc như đúng cái tên thương hiệu “Cuội”. Logo được kết hợp với hình dáng lồng đèn trái bí, loại lồng đèn mang bản chất truyền thống, lâu đời, gắn bó từ những năm đầu thế kỷ 16, khi lồng đèn được buôn bán, trao đổi, và hình thành làng nghề tại Hội An.

Logo được thiết kế dựa trên 2 tone màu chủ đạo là đen và cam.

  • Màu đen theo nghĩa đen tượng trưng cho bóng tối bao trùm, cần có sự xuất hiện của những chiếc lồng đèn để soi sáng. Theo nghĩa bóng, màu đen tượng trưng cho sự huyền bí và quyền lực mạnh mẽ, kích thích sự tò mò muốn khám phá. Trong quan niệm hiện đại, màu đen là biểu tượng của giàu sang và quyền lực. Nó tạo ra sự bí ẩn, sang trọng trong thiết kế.
  • Màu cam là màu ngọn lửa, nó biểu tượng cho ánh sáng từ những chiếc lồng đèn. Ngoài ra, màu cam còn thể hiện được sự nhiệt huyết, bùng cháy của khát vọng. Thể hiện sự khai sáng, tươi mới, trong từng sản phẩm, độc lạ nhưng vẫn mang đậm bản chất truyền thống, sang trọng, gần gũi với người dùng.

Sự kết hợp giữa màu đen và màu cam trong logo tạo ra bộ nhận diện thương hiệu độc đáo, gần gũi và sang trọng.

ĐỒ ÁN BAO GỒM:

– Thiết kế logo

– Thiết kế bộ nhận diện thương hiệu

– Ấn phẩm truyền thông

Dưới đây là một số thành phẩm trong đồ án thiết kế của bạn Quý:

Đồ án: Euphoria Candle – Lê Phạm Nhã Khuyên – GD28

🌟 Đồ án GD28 – Thiết kế đồ họa: Euphoria Candle

Học viên: Lê Phạm Nhã Khuyên

Giảng viên: Võ Thành Thiên

(Thời gian hoàn thành đồ án: 01 tháng)

LOGO

EUPHORIA: Được hiểu như là niềm hạnh phúc khi tìm thấy được sự bình yên, thoải mái và thoát ra khỏi những áp lực. Cũng như mong muốn của thương hiệu là gửi đến khách hàng những trải nghiệm thoải mái, vui vẻ và cảm thấy hài lòng khi dành sự lựa chọn cho thương hiệu.

Sharing the feelings: Thương hiệu muốn cùng khách hàng chia sẻ những câu chuyện với nhiều cung bậc cảm xúc khác nhau dưới những ngọn nến sau một ngày làm việc căng thẳng.

  • Hoa Tulip: Loài hoa mang nhiều ý nghĩa với nhiều màu sắc khác nhau. Ở đây thương hiệu sử dụng hoa tulip vàng làm đại diện biểu hiện cho sự hạnh phúc, sự vui vẻ mang đến nhiều may mắn phù hợp với tên và tiêu chí của thương hiệu.
  • Ngọn Nến: Ngọn nến được cách điệu thành hình ngôi sao lấp lánh tạo nên hình ảnh gần gũi và quen thuộc.

ĐỒ ÁN BAO GỒM:

– Thiết kế logo

– Thiết kế bộ nhận diện thương hiệu

– Ấn phẩm truyền thông

Dưới đây là một số thành phẩm trong đồ án thiết kế của bạn Khuyên:

13 THỦ THUẬT FIGMA HỮU ÍCH DÀNH CHO UI/UX DESIGNER

Nếu bạn là một UI/UX Designer hoặc là một nhà thiết kế web thì bạn chắc hẳn đã quen với việc sử dụng Figma và khai thác những gì nó có cung cấp cho bạn. Nhưng liệu bạn có biết rằng giờ đây bạn có thể thực hiện nhiệm vụ của mình dễ dàng hơn với một số mẹo và thủ thuật đơn giản của Figma không?

Figma vốn dĩ rất tốt cho công việc thiết kế UI/UX, nhưng với các mẹo và thủ thuật dưới đây, bạn sẽ khám phá ra các tính năng giá trị giúp bạn tiết kiệm thời gian mà bạn ước rằng mình biết sớm hơn. Hãy cùng iDesign khai thác 13 thủ thuật Figma ấn tượng để giúp công việc thiết kế web của bạn trở nên dễ dàng hơn, nhanh hơn và năng suất hơn nhé!

1. Cập nhật Auto Layout

Cập nhật hoặc thêm tính năng bố cục tự động (Auto Layout) mới để thay đổi kích thước động cho thiết kế của bạn. Với bố cục tự động, bạn có thể nhanh chóng tạo các nút, danh sách, mô hình,… với nhiều đường biên và quy tắc thay đổi kích thước có thể dễ dàng chứa các thành phần phức tạp hơn và loại bỏ nhu cầu chỉnh sửa khoảng cách tẻ nhạt.

2. Cập nhật nudge amount (lượng dịch chuyển) thành 8px

Việc sử dụng đơn vị cơ sở là 8px thường được khuyến nghị vì nhiều lý do và phải được sử dụng nhất quán cho mọi tác vụ định cỡ (sizing) và giãn cách. Bạn có thể làm cho điều này trở nên đơn giản hơn cho bạn và team của mình bằng cách chỉ cần đặt “nudge amount” trong Figma từ 10px thành 8px. Bằng cách này, mỗi khi bạn di chuyển hoặc thay đổi kích thước một đối tượng, nó sẽ có gia số là 8.

Để sử dụng nudge, giữ phím Shift + mũi tên và để điều chỉnh nudge amount, điều hướng đến Menu > Preferences > Nudge amount > 8.

3. Sử dụng công cụ Bar Graph Arc

Bạn hãy tìm đọc về công cụ Bar Graph Arc trên blog Figma và thử nó. Nó tạo ra một cung đồ thị thanh tối giản và tiết kiệm thời gian hơn cách mà bạn tạo các cung như trước đây.

4. Quản lý các thành phần cơ sở (base component)

Bạn có thể sử dụng các thành phần cơ sở hiệu quả hơn bằng cách tạo và quản lý các thành phần có nhiều biến thể. Mỗi biến thể sẽ ghi đè thành phần cơ sở lồng nhau riêng lẻ của nó để tạo ra một trạng thái mới. Điều này giúp việc cập nhật hàng loạt khá dễ dàng và cũng đảm bảo tính nhất quán 100%.

5. Sử dụng logic True/ False

Sử dụng nhãn “True/ False” hoặc “On/ Off” để chuyển đổi giữa hai thuộc tính riêng biệt. Thủ thuật nhỏ này sẽ giúp chuyển đổi các biến thể nhanh hơn và khớp chặt chẽ với cách các thành phần khác nhau hoạt động trong code.

Ví dụ: Type=Single-line, State=Default, Optional=Yes

6. Sắp xếp lưới (grid) hoặc hoán đổi vị trí

Sau khi chọn nhiều đối tượng trong bảng, hãy nhấp vào biểu tượng lưới (grid) ở góc để sắp xếp thiết kế của bạn. Thao tác này sẽ cân bằng mọi khoảng cách giữa các đối tượng, cho phép bạn kéo và sắp xếp lại các đối tượng cũng như điều chỉnh khoảng cách của chúng.

7. Chỉnh sửa khoảng cách hàng loạt

Căn chỉnh các đối tượng khác nhau và điều chỉnh khoảng cách vừa phải có vẻ khá tẻ nhạt và tốn thời gian. May mắn thay, các tính năng “Smart selection” & “Tidy Up” của Figma cho phép bạn thực hiện điều đó hàng loạt. Với Figma, các đối tượng tương tự có thể được tự động sắp xếp thành một danh sách hoặc lưới gọn gàng, cách nhau hàng loạt và sắp xếp lại.

  • Để chỉnh sửa khoảng cách hàng loạt, hãy chọn các đối tượng tương tự > chọn biểu tượng danh sách/ lưới > kéo khoảng cách sang phải, trái, lên hoặc xuống.
  • Để hoán đổi vị trí đối tượng, hãy chọn các đối tượng tương tự > chọn dấu chấm bên trong một đối tượng duy nhất > kéo và thả đối tượng đó vào vị trí mới.

8. Đổi tên nhiều lớp cùng một lúc

Điều cần thiết là giữ cho tệp của bạn được sắp xếp với cú pháp đặt tên và phân cấp được xác định cho tất cả các layer của bạn. Nhiệm vụ này được thực hiện nhanh hơn nhiều với mô hình “Rename Layers” của Figma, cho phép bạn đổi tên hàng loạt cho layer. Bạn có thể đổi tên từng layer giống nhau, có hậu tố số, thêm tiền tố vào các tên riêng biệt hoặc chỉ đổi một phần trong tên của layer đó.

Để truy cập mô hình Rename Layers, nhấp chuột phải vào các layer trong bảng điều khiển > chọn “Rename”.

9. Sắp xếp các trang tệp của bạn

Hãy đối mặt với vấn đề này, việc phải tìm kiếm một thiết kế cụ thể hoặc thành phần chính đôi khi có thể khá tốn thời gian và cũng có thể dẫn đến thông tin sai lệch và trùng lặp. Do đó, hãy sắp xếp các trang tệp của bạn để giúp điều hướng và duy trì chúng nhanh chóng và dễ dàng. Đảm bảo rằng mỗi trang có một tên được xác định rõ ràng cho các mục đích thiết kế và tài liệu khác nhau.

10. Sử dụng phím tắt

Không có gì lạ khi sử dụng phím tắt nhanh hơn nhiều so với sử dụng chuột. Trên thực tế, mọi hành động có thể được bắt đầu đơn giản bằng một phím tắt để làm việc trong Figma có vẻ nhanh hơn và hiệu quả hơn nhiều.

Bên cạnh đó, còn điều gì tồi tệ hơn việc nhìn thấy một nhà thiết kế vật lộn với con chuột của họ trong khi họ có thể chỉ cần sử dụng phím tắt?

Do đó, hãy thử thách bản thân học một phím tắt mới mỗi ngày!

Để xem các phím tắt: Nhấn “?” ở góc dưới cùng bên phải của trình duyệt của bạn.

11. Sử dụng công cụ Scale

Để giữ cho thiết kế của bạn hoàn hảo đến từng pixel với sự trợ giúp của công cụ Scale, chỉ cần chọn tất cả các đối tượng mà bạn muốn chia tỷ lệ, sau đó giữ K trên bàn phím và kéo.

12. CMD (CTRL) + để mở khóa các đối tượng khóa (lock object)

CMD (CTRL) + / có nhiều ứng dụng nhanh thiết thực có thể giúp bạn tiết kiệm rất nhiều thời gian trong quy trình làm việc của mình. Nếu bạn không sử dụng nó, bạn nên kiểm tra những gì có sẵn trên menu. Hãy mở khóa tất cả các item và thay đổi phông chữ.

13. Các thủ thuật tiết kiệm thời gian khác với phím cách

Kéo hộp chọn (selection box) và sau đó giữ phím cách để tăng kích thước của vùng chọn con trỏ. Nếu bạn đang vẽ một hình, bạn cũng có thể dự trữ không gian để di chuyển đối tượng khi bạn vẽ. Nếu vẫn chưa đủ, hãy nhấn phím cách và Figma sẽ tự động di chuyển đối tượng vào khung hoặc bố cục tự động. Bạn cũng có thể thay thế nó để lồng vào nhau. Phím cách thật sự rất tiện dụng!

Giữ phím cách và di chuyển đối tượng ra khỏi frame để giữ đối tượng bên trong vùng chứa. Bạn cũng có thể tắt nội dung đoạn phim trong vùng chứa đối tượng để có thể nhìn thấy nội dung đó ngay cả khi nó ở bên ngoài vùng chứa. Bạn cũng có thể nhấn CMD (CTRL) + Y để hiển thị đường viền (outline).

Bài viết trên đã tổng hợp 13 mẹo và thủ thuật Figma hữu ích để bạn tận dụng với tư cách là một UI/UX Designer. Cho dù bạn đang tìm kiếm các mẫu thiết kế, biểu tượng, công cụ hiệu suất cao, cách tốt hơn để quản lý hoạt động thiết kế, thiết kế responsive, dễ dàng truy cập vào các công cụ dành cho nhà phát triển cũng như cộng đồng mạnh mẽ dành cho các nhà phát triển, thì Figma chắc chắn là lựa chọn phù hợp.

Nguồn: webdew.com | Việt hóa: idesign.edu.vn

Tham khảo khóa học Thiết kế UI/UX với Figma của iDesign tại: Khóa học thiết kế UI/UX tại Đà Nẵng – IDesign

7 THỦ THUẬT TỐI ƯU THIẾT KẾ UI/UX CHO ỨNG DỤNG WEB

Khi thiết kế UI/UX cho ứng dụng web (Web App), hãy chú ý đến các chiến lược dành riêng cho ứng dụng web. Một ứng dụng web không phải là một ứng dụng gốc cũng không phải là một trang web, vì vậy thiết kế UI/UX của nó phải được điều chỉnh để tạo hành trình tương tác của người dùng trên một số thiết bị khác nhau.
7 thủ thuật dưới đây sẽ giúp bạn thiết kế ứng dụng web tốt nhất có thể cho người dùng của mình:

1. Tìm hiểu người dùng

Khi tạo và tối ưu hóa một ứng dụng web, bạn cần đặt người dùng làm trung tâm của mọi quyết định – bạn sẽ không thể tạo ra một sản phẩm vượt quá mong đợi của người dùng nếu không hiểu trước sở thích và mong muốn của họ.
Nếu bạn đã có một trang web hoặc các kênh truyền thông xã hội, hãy nói chuyện với người dùng của bạn trước khi tạo ứng dụng web để bạn hiểu những gì họ hy vọng đạt được với ứng dụng đó. Tại sao họ sử dụng nền tảng hoặc sản phẩm của bạn? Họ thích gì về nó? Bạn có thể cải thiện được gì cho ứng dụng? Những vấn đề cấp bách nhất của họ vẫn chưa được giải quyết là gì?
Hãy sử dụng các công cụ nghiên cứu UX để thu thập dữ liệu về sự hài lòng và sở thích của người dùng, điều này sẽ cho phép bạn đưa ra các quyết định tập trung vào người dùng.

2. Nghiên cứu đối thủ cạnh tranh

Sau khi tìm hiểu trải nghiệm của khách hàng, hãy bắt đầu nghiên cứu đối thủ của bạn để biết họ đang làm những gì.
Điều này rất cần thiết khi bạn thiết kế ứng dụng web. Bạn cần chắc chắn rằng mình nghiên cứu đối thủ cạnh tranh thường xuyên trong khi bạn không ngừng cải thiện UI/UX của mình – Bởi vì đối thủ cạnh tranh của bạn cũng sẽ sửa đổi và cải tiến sản phẩm của họ một cách thường xuyên.
Khi tiến hành nghiên cứu đối thủ cạnh tranh, hãy tự hỏi tại sao người dùng có thể chọn đối thủ cạnh tranh hơn bạn? Sau đó giải quyết những điểm yếu này trong thiết kế của bạn để tạo giao diện người dùng trực quan và thú vị nhất có thể: Nếu đối thủ cạnh tranh của bạn có bố cục đẹp nhất trên thị trường, hãy làm cho giao diện người dùng của bạn trực quan và rõ ràng hơn. Ngoài ra, hãy tập trung vào những yếu tố nào không hoạt động trong thiết kế của đối thủ cạnh tranh để bạn có thể tránh chúng.

3. Xây dựng user flow liền mạch

Các ứng dụng web trao quyền cho người dùng thực hiện các tác vụ, đó là lý do tại sao user flow lại quan trọng đến vậy. Hành trình người dùng mà bạn xây dựng có thể khiến ứng dụng web của bạn được đón nhận hay không. Vì vậy hãy đảm bảo rằng ứng dụng có thiết kế mạch lạc và trực quan.
Hãy đặt mình vào vị trí của người dùng và tự hỏi: “Tôi muốn tính năng này hoạt động như thế nào nếu tôi đang cố gắng hoàn thành nhiệm vụ X?”. Hãy nghĩ về một ứng dụng web truyền thông xã hội như LinkedIn: Người dùng sẽ có thể điều hướng liền mạch giữa xem hồ sơ người dùng, duyệt nguồn cấp dữ liệu của họ, nhận xét về bài đăng và trả lời tin nhắn – xác định rõ ràng vị trí của họ trong hành trình của người dùng mọi lúc.
Bạn cần đặc biệt chú ý đến các yếu tố điều hướng như menu khi thiết kế ứng dụng web, vì các quyết định thiết kế cho phép người dùng di chuyển trực quan giữa mỗi bước sẽ nâng cao trải nghiệm người dùng và giữ chân khách hàng quay lại.

4. Đảm bảo tính đơn giản

Tính đơn giản là cốt lõi của các phương pháp hay nhất về thiết kế ứng dụng web. Người dùng ứng dụng web thường đánh giá cao giao diện rõ ràng và hành trình người dùng trực quan cho phép họ điều hướng dễ dàng.
Từ góc độ giao diện người dùng, bạn sẽ muốn ưu tiên thiết kế có giao diện rõ ràng. Nhưng để có trải nghiệm người dùng xuất sắc, bạn cũng cần đảm bảo ứng dụng web của mình có chức năng cao.
Hãy cố gắng giữ sự cân bằng giữa tính đơn giản và chức năng cao để người dùng của bạn có quyền truy cập hợp lý vào tất cả các tính năng của bạn mà không làm họ khó chịu với các yếu tố thiết kế vô nghĩa.

5. Đừng suy nghĩ quá nhiều

Mặc dù bạn nên tập trung vào việc liên tục tối ưu hóa, nhưng không cần phải thay đổi các yếu tố của ứng dụng web của bạn chỉ vì mục đích dẫn đầu và mới. Hãy tiếp tục tìm cách cải thiện UI/UX của bạn, nhưng cần đảm bảo rằng bạn theo sát insight của người dùng.
Vẽ trên các mẫu thiết kế ứng dụng web đã được dùng thử và kiểm tra sẽ khá hữu ích. Bằng cách sử dụng các mẫu thiết kế thành công, bạn sẽ có một cấu trúc để bám vào. Từ đó, bạn sẽ không bị choáng ngợp bởi vô vàn khả năng mà bạn có thể nghĩ đến trong khi thiết kế một ứng dụng web.

6. Linh hoạt và sẵn sàng sửa đổi

Mặt khác, nếu có điều gì đó không hoạt động trong ứng dụng web của bạn, đừng ngần ngại thay đổi nó – ngay cả khi điều đó có nghĩa là thay đổi các yếu tố khác để duy trì sự thống nhất trong user flow.
Với một trang web, bạn có thể thường xuyên thay đổi một thành phần hoặc trang mà không cần phải chạm vào bất kỳ phần nào khác trên trang web của mình, trong khi với một ứng dụng web, nhiều thành phần sẽ phụ thuộc vào nhau trong hành trình của người dùng. Vì vậy, để duy trì trải nghiệm người dùng nhất quán, bạn sẽ cần kết hợp các chiến lược thiết kế UX và UI để giữ cho toàn bộ kiến trúc điều hướng (navigation architecture) hoạt động trơn tru.

7. Ưu tiên phản hồi liên tục của người dùng

Quan sát hành vi của người dùng trên ứng dụng web của bạn có thể cung cấp cho bạn thông tin quan trọng về yếu tố thiết kế UX và UI nào đang hoạt động (và yếu tố nào không). Tuy nhiên, phản hồi trực tiếp của người dùng có thể giúp bạn tìm hiểu sâu hơn lý do đằng sau hành động của người dùng và giúp bạn hiểu rõ hơn những gì người dùng nghĩ, muốn và cảm nhận. Phản hồi là chìa khóa để liên tục khám phá sản phẩm – và chính việc lắng nghe người dùng của bạn sẽ quyết định liệu khách hàng của bạn có ở lại ứng dụng web của bạn trong 5 phút hay 5 năm hay không.
Nguồn: hotjar.com
Tham khảo khóa học Thiết kế UI/UX của iDesign tại đây: https://idesign.edu.vn/cac…/khoa-hoc-thiet-ke-ui-ux.html
————————————-
🏫 Địa chỉ: 92 Quang Trung, Hải Châu, TP. Đà Nẵng
☎️ Hotline: 02363 888 279

Tổng hợp sản phẩm tốt nghiệp khóa học Thiết kế UI/UX | Khóa UI05 – iDesign

Trong bài viết này, iDesign đã tổng hợp các project thiết kế UI/UX của các bạn học viên lớp UI05 trên Figma. Chỉ với 03 tháng, các học viên đã có thể thực hiện một dự án thiết kế UI/UX hoàn chỉnh, từng bước thực hiện quy trình thiết kế từ Nghiên cứu > Định nghĩa > Thiết kế giao diện > Kiểm thử và hoàn thiện được sản phẩm tâm huyết của mình.
Hãy thử trải nghiệm và khám phá các tính năng của những ứng dụng dưới đây nhé!
📌 Ứng dụng IELTS Speaking App | Nhóm Harmony: https://bit.ly/idesigneduvn-ielts-speaking-app-visual-design
📌 Ứng dụng Money Keeper | Nhóm Money Keeper: https://bit.ly/idesigneduvn-money-keeper-app-visual-design
📌 Ứng dụng Run With Me | Nhóm 02: https://bit.ly/idesigneduvn-run-with-me-app-visual-design
📌 Ứng dụng Meal Planner | Nhóm Meal Planner: https://bit.ly/idesigneduvn-meal-planner-app-visual-design
📲 Đăng ký tham gia khóa học Thiết kế UI/UX (khóa 07) tại đây: https://idesign.edu.vn/
💻 Xem thông tin chi tiết về khóa học: Khóa học thiết kế UI/UX tại Đà Nẵng – IDesign
——————————–
Liên hệ ngay với chúng tôi tại:
🏫 Địa chỉ: 92 Quang Trung, Hải Châu, TP. Đà Nẵng
☎️ Hotline: 02363 888 279

3DS MAX – TRỢ THỦ ĐẮC LỰC CỦA CÁC NHÀ THIẾT KẾ NỘI THẤT

Với nhu cầu trang trí/ cải tạo không gian sống ngày càng tăng cao, nghề thiết kế nội thất đang dần trở nên thu hút và kéo theo sự gia tăng trong nhu cầu tuyển dụng. Vì không phải khách hàng nào cũng có thể hình dung được chính xác về màu sắc cũng như diện mạo của công trình tương lai khi xem bản thiết kế 2D, do đó các phần mềm 3D đã ra đời nhằm hỗ trợ các nhà thiết kế tạo nên các bản thiết kế chân thực, sống động về công trình để khách hàng có thể hình dung dễ dàng hơn.

3Ds Max là gì?

3Ds Max (Autodesk 3Ds Max) là phần mềm thiết kế giúp tạo ra và diễn hoạ các vật thể ba chiều một cách chân thực nhất. Cụ thể, phần mềm này giúp người dùng có thể dựng nên các mô hình với không gian ba chiều kết hợp với các hiệu ứng như bóng đổ, phản chiếu, hiệu ứng sương mù, mưa, khói, lửa… và xuất ra các định dạng như phim, ảnh hoặc các mô hình thực tế ảo.

Ứng dụng của 3Ds Max trong thiết kế nội thất

Có thể nói 3Ds Max là ứng dụng tối ưu nhất dành cho các kiến trúc sư và các nhà thiết kế nội thất, nó là công cụ hỗ trợ mạnh mẽ nhất dành cho các kiến trúc sư và nhà thiết kế nội thất trong việc biến những ý tưởng của khách hàng thành những sản phẩm thực tế có tính toán chi tiết về màu sắc, ánh sáng và vật liệu.

Không chỉ giúp các nhà thiết kế, các kiến trúc sư tạo ra các bản vẽ thiết kế đẹp mắt ở dạng không gian ba chiều, đúng chuẩn, đúng tỉ lệ, mà các bản vẽ được tạo ra từ 3Ds Max còn giúp người thực thi công trình thi công quan sát được công trình ở nhiều góc độ khác nhau, từ đó đảm bảo tạo nên một công trình hoàn thiện. Với khả năng tạo nên những hình ảnh 3D chân thực cho không gian công trình, các sản phẩm từ 3Ds Max luôn được đánh giá rất cao và có thể thuyết phục khách hàng.

Diễn họa nội thất trực quan, mang lại cảm giác như đang trải nghiệm không gian sống thực tế, tạo cảm hứng cho nhà thiết kế và khách hàng là những ưu điểm nổi bật của ứng dụng 3Ds Max trong thiết kế nội thất. Nếu bạn là một người đam mê diễn họa nội thất và mong muốn đạt mức thu nhập 8 con số thì việc sử dụng phần mềm 3Ds Max là một kỹ năng mà bạn không nên bỏ lỡ!

Hãy tham khảo khóa học nghề Thiết kế nội thất chuyên nghiệp của iDesign tại đây: https://idesign.edu.vn/cac-khoa-hoc/khoa-hoc-thiet-ke-noi-that.html

——————————–
iDesign – Nơi tốt nhất để học thiết kế!
🏫 Địa chỉ: 92 Quang Trung, Hải Châu, TP. Đà Nẵng
☎️ Hotline: 02363 888 279

TỔNG HỢP CÁC KỸ NĂNG CỨNG VÀ KỸ NĂNG MỀM CẦN THIẾT CỦA MỘT GRAPHIC DESIGNER THÀNH CÔNG

Thiết kế đồ họa là công việc kết hợp giữa nghệ thuật và công nghệ, vì vậy các nhà thiết kế đồ họa cần có kiến thức về các nguyên tắc thiết kế, đồng thời sử dụng thành thạo phần mềm để hỗ trợ cho công việc của mình. Vì các nhà thiết kế đồ họa thường làm việc với khách hàng và đồng nghiệp trong nhiều dự án khác nhau nên họ cũng cần những kỹ năng mềm quan trọng như giao tiếp và giải quyết vấn đề.

A/ Kỹ năng kỹ thuật

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

Sự hiểu biết sâu sắc về các nguyên tắc thiết kế là điều cần thiết đối với các nhà thiết kế đồ họa. Trong công việc của mình, họ sẽ sử dụng các yếu tố khác nhau một cách có chiến lược để truyền tải các thông điệp dự tính. Nhà thiết kế đồ họa cần biết cách kết hợp các đường nét, màu sắc, hình dạng, không gian, kết cấu, kiểu chữ, tỷ lệ, điểm nhấn cũng như sự hài hòa để tạo ra các thiết kế có cấu trúc tốt và bắt mắt.

2. Hình thành ý tưởng

Hình thành ý tưởng là quá trình tạo ra, phát triển và truyền đạt ý tưởng mới một cách sáng tạo. Đây là điều đầu tiên mà một nhà thiết kế đồ họa cần làm khi bắt đầu một dự án mới. Hình thành ý tưởng bao gồm một số bước: nghiên cứu, phát triển, đánh giá và áp dụng.
Có nhiều phương pháp và kỹ năng để các nhà thiết kế đồ họa sử dụng cho quá trình lên ý tưởng. Hai ví dụ là mood board và thumbnail. Mood board là một tập hợp các hình ảnh được sử dụng để khám phá những ý tưởng mới và truyền đạt hướng của một dự án. Thumbnail là những bản phác thảo nhanh, thô gần đúng với bố cục của một thiết kế, bao gồm các yếu tố chính như hình ảnh, tiêu đề và nội dung.

3. Xây dựng thương hiệu

Nhà thiết kế đồ họa thường xây dựng hoặc duy trì thương hiệu cho khách hàng/ công ty của họ. Khi làm việc với một thương hiệu, họ cần hiểu biết sâu sắc về điều gì làm nên sự độc đáo của thương hiệu đó. Sau đó, họ cần đưa thương hiệu đó vào cuộc sống thông qua logo, màu sắc, kiểu chữ, hình minh họa, ảnh, các yếu tố đồ họa, v.v. Nhà thiết kế đồ họa cần tạo ra tác phẩm nhất quán trên các nền tảng và hướng đến đúng đối tượng.

4. Kiểu chữ

Typography là một trong những yếu tố quan trọng nhất của thiết kế đồ họa. Kiểu chữ phù hợp có thể tạo ra ý nghĩa và gợi lên cảm giác, trong khi những kiểu chữ không phù hợp có thể khiến khách hàng mất tập trung hoặc phản cảm. Nhà thiết kế đồ họa cần phải có kỹ năng trong mọi thứ, từ việc chọn phông chữ phù hợp cho dự án đến việc sắp chữ (typeset), co kéo chữ (kern), tracking và leading.

5. Thiết kế in ấn

Thiết kế để in ấn ngày nay vẫn là một kỹ năng hữu ích cần biết. Các nhà thiết kế đồ họa nên làm quen với việc chừa xén (bleed), slug, cắt xén và gấp nếp, cũng như các giới hạn mực, mức tăng điểm (dot gain) và độ trong suốt (transperancy). Họ cũng cần hiểu biết thấu đáo về các định dạng tệp và hệ thống màu khác nhau, cũng như kích thước, trọng lượng giấy và stock.

6. Phần mềm thiết kế

Các nhà thiết kế đồ họa làm việc với nhiều công cụ khác nhau như một phần công việc hàng ngày của họ, vì vậy họ sẽ cần thành thạo một số phần mềm thiết kế đồ họa nhất định, như: Adobe Illustrator, Adobe InDesign, Adobe Photoshop, Adobe After Effects và Sketch.

B/ Kỹ năng mềm

1. Khả năng sáng tạo

Các nhà thiết kế đồ họa liên tục được giao nhiệm vụ phát triển những ý tưởng mới và độc đáo. Các thiết kế mà họ tạo ra cần thu hút sự chú ý của mọi người đồng thời truyền đạt một thông điệp đã định, điều này đòi hỏi rất nhiều tư duy sáng tạo.

2. Giao tiếp

Thiết kế đồ họa là giao tiếp bằng hình ảnh, vì vậy kỹ năng giao tiếp là trọng tâm trong công việc của các nhà thiết kế đồ họa. Họ không chỉ cần truyền đạt ý tưởng thông qua thiết kế của mình mà còn cần giao tiếp với đồng nghiệp và khách hàng. Đôi khi, các nhà thiết kế có thể cần giải thích một quyết định thiết kế hoặc cơ sở lý luận cho những người không có nền tảng thiết kế. Ngoài ra, kỹ năng giao tiếp bằng văn bản và bằng lời nói cũng rất cần thiết cho các đề xuất và thuyết trình.

3. Làm việc có chiến lược

Các nhà thiết kế đồ họa phải xem xét cách các yếu tố thiết kế nhất định phối hợp với nhau và cách truyền đạt ý nghĩa tốt nhất trong khi tuân thủ các tiêu chuẩn thiết kế. Điều này liên quan đến việc tiến hành nghiên cứu thị trường, brainstorming, phác thảo ý tưởng, phát triển ý tưởng và đánh giá thiết kế.

4. Giải quyết vấn đề

Các nhà thiết kế đồ họa cần nghĩ về bản brief như một vấn đề: khách hàng cần thông tin gì đó để truyền đạt và thiết kế phù hợp sẽ giải quyết vấn đề của họ. Nhà thiết kế đồ họa sử dụng các kỹ năng giải quyết vấn đề trong suốt quá trình thiết kế. Điều này có thể liên quan đến việc khắc phục hoặc sửa đổi thiết kế để đáp ứng nhu cầu của khách hàng.

5. Quản lý thời gian

Các nhà thiết kế đồ họa thường làm việc trên nhiều dự án cùng một lúc và vì vậy họ cần có khả năng cân bằng khối lượng công việc và ưu tiên các dự án.
⁉️ Liệu bạn có thể trở thành nhà thiết kế đồ họa chuyên nghiệp nếu không biết vẽ?
Kỹ năng vẽ không bắt buộc đối với phần lớn các công việc thiết kế đồ họa. Hầu hết thời gian thì các nhà thiết kế đồ họa sử dụng phần mềm để thiết kế, vì vậy việc thành thạo phần mềm quan trọng hơn việc cải thiện kỹ năng vẽ của bạn.
Một số nhà thiết kế sử dụng các bản phác thảo đơn giản làm bước đầu tiên trong quy trình thiết kế của họ, nhưng thay vào đó, bạn có thể chọn tạo mô hình mẫu trong phần mềm thiết kế. Trong hầu hết các trường hợp, sản phẩm thiết kế cuối cùng sẽ không liên quan đến bất kỳ bản vẽ nào.
Trên đây là tổng hợp các kỹ năng mềm mà bạn cần trang bị để trở thành nhà thiết kế đồ họa chuyên nghiệp. Nếu bạn có mong muốn tăng thu nhập không giới hạn bằng khả năng sáng tạo của mình, hãy tham khảo khóa học Thiết kế đồ họa của iDesign tại: https://idesign.edu.vn/cac…/khoa-hoc-thiet-ke-do-hoa.html
Nguồn: brainstation.io | Việt hóa bởi iDesign.edu.vn
———————————-
🏫 92 Quang Trung, Hải Châu, TP. Đà Nẵng
☎️ Hotline: 02363 888 279