Đồ án: Mộc Coffee – Phạm Quỳnh Trâm – GD29

🌟 Đồ án GD29 – Thiết kế đồ họa: Mộc Coffee

Học viên: Phạm Quỳnh Trâm

Giảng viên: Đậu Quyết Thắng

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

LOGO

  • Biểu trưng tạo từ 3 hạt café và 1 đường cong như dòng nước khi đổ về cà phê, đường cong được lấy từ đường chẻ giữa trong hạt café cũng ý chỉ địa hình dốc núi cao ở Tây Nguyên vó độ cao thích hợp để trồng café. Tổng thể biểu trưng sẽ hình thành từ 4 kí hiệu trên. Nhìn tổng thể sẽ ra hình 1 cành cây và 3 nhành lá.
  • Các con số 1, 3, 4 cũng là con số may mắn của người mệnh mộc.
  • Ngoài ra biểu trưng còn thể hiện 4 mùa trong năm, tính từ trái qua theo chiều kim đồng hồ đường cong sẽ là mùa đông cũng là mùa thu hoạch café ở Tây Nguyê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 Trâm:

Đồ án: K House Coffee – Lê Kỳ Anh – GD29

🌟 Đồ án GD29 – Thiết kế đồ họa: K House Coffee

Học viên: Lê Kỳ Anh

Giảng viên: Đậu Quyết Thắng

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

LOGO

  • K HOUSE: Truyền tải tới khách hàng rằng ở K HOUSE không đơn thuần chỉ là một cửa hàng coffee chất lượng, thơm ngon. Mà hơn thế, ở đây luôn trân trọng những câu chuyện và đề cao giá trị kết nối con người. Với mong muốn K HOUSE sẽ trở thành “Nhà cà phê” nơi mọi người xích lại gần nhau và tìm thấy niềm vui, sự sẻ chia thân tình bên những tách cà phê đượm hương, chất lượng.
  • Ý tưởng: cách điệu chữ K, ngôi nhà và dãy núi , các đường nét của logo được lấy từ hạt cà phê và lá trà.

ĐỒ Á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: Cocoon – Trương Nguyên Thảo – GD29

🌟 Đồ án GD29 – Thiết kế đồ họa: Cocoon

Học viên: Trương Nguyên Thảo

Giảng viên: Đậu Quyết Thắng

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

LOGO

  • Cocoon: từ cái kén thành bướm là một quá trình nuôi dưỡng.
  • Bướm và hoa – mối quan hệ cộng sinh: hoa cung cấp thức ăn cho bướm, bướm thụ phấn cho hoa.
  • Ý tưởng logo được hình thành từ việc cách điệu chữ COCOON kết hợp với hoa (biểu trưng đặc biệt và chung nhất cho quá trình phát triển của bướm/người).

ĐỒ Á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 Thảo:

Đồ án: Fancì – Nguyễn Thái Bảo – GD29

🌟 Đồ án GD29 – Thiết kế đồ họa: Fancì

Học viên: Nguyễn Thái Bảo

Giảng viên: Đậu Quyết Thắng

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

LOGO

Fancì là một “local brand” Việt Nam chuyên sản xuất và bán các sản phẩm quần áo tự thiết kế cho nữ, mang đến một màu sắc mới mẻ và đặc biệt.

  • FANCì: Trong tiếng anh viết đúng là Fancy. ở đây viết thành FANCì như đọc thành phiên âm của người việt, khẳng định đây là 1 thương hiệu đến từ Việt Nam. ý nghĩa của từ Fancy trong ngành thời trang là sự diêm dúa, loè loẹt mang tính sành điệu nhìn có vẻ xa xỉ và đắt tiền. Ngụ ý khi chọn tên thương hiệu là luôn tự tin vào bản thân, yêu bản thân, không ngại sự phán xét hay phân biệt.
  • Special but not Invidual: bạn đặc biệt nhưng bạn không cá biệt. Hãy luôn tự tin là chính bạ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 Bảo:

 

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