Figma được biết đến là một trong những chương trình tốt nhất dành cho các nhà thiết kế đồ họa trên toàn thế giới. Các tính năng của nó rất toàn diện, giúp người dùng tạo mọi thứ từ logo bắt mắt đến các trang đích độc đáo. Đáng chú ý, tính năng Boolean (cũng là một phần của bản cập nhật thuộc tính thành phần năm 2002) cho phép bạn đạt được các hình dạng tùy chỉnh bằng cách kết hợp các lớp của chúng thông qua nhiều công thức.
Tại đây, bạn sẽ tìm hiểu cách sử dụng các tính năng Boolean trong thiết kế tiếp theo của mình.
Tùy chọn Công thức Boolean cho Hình dạng Tùy chỉnh
Trước khi tạo hình dạng tùy chỉnh, bạn cần biết cách hoạt động của các công thức Boolean và những gì chúng đạt được. Bất cứ khi nào bạn tạo một nhóm Boolean, nó sẽ được tính là một lớp hình dạng duy nhất có cả thuộc tính tô và nét.
Bạn có thể tìm thấy biểu tượng Boolean với hai hình vuông chồng lên nhau ở thanh trên cùng của giao diện. Bạn sẽ có bốn tùy chọn công thức từ menu thả xuống khi nhấp vào nó.
Các tùy chọn công thức này bao gồm:
- Lựa chọn liên kết – Tùy chọn này biến các hình dạng đã chọn của bạn thành một nhóm Boolean. Khi sử dụng Union, các đường path của hình dạng phụ bên ngoài sẽ tạo thành đường viền của hình dạng tùy chỉnh mới. Tuy nhiên, nó sẽ không bao gồm bất kỳ phân đoạn chồng chéo bên trong nào.
- Trừ lựa chọn – Xem xét tùy chọn này ngược lại với lựa chọn kết hợp là hữu ích. Nó loại bỏ toàn bộ diện tích của một hình khỏi hình cơ sở. Điều này chỉ để lại lớp dưới cùng có thể nhìn thấy.
- Lựa chọn giao nhau – Với lựa chọn giao nhau, người dùng có thể tạo một hình dạng tùy chỉnh chỉ bao gồm các phân đoạn chồng chéo của các hình dạng hoặc lớp phụ ban đầu.
- Loại trừ lựa chọn – Các hàm loại trừ ngược lại với tùy chọn nhóm Boolean giao nhau. Sử dụng nó sẽ cung cấp cho bạn một hình dạng tùy chỉnh từ các phần không chồng lên nhau của hình dạng ban đầu.
Hãy nhớ rằng bạn sẽ cần phải chọn hai hoặc nhiều hình dạng trước khi có thể sử dụng hiệu quả tùy chọn Boolean từ trình đơn trên cùng. Điều này là do Boolean chỉ kết hợp nhiều lớp hình dạng thành một hình dạng tùy chỉnh và phức tạp.
Sử dụng thuộc tính hoán đổi phiên bản Figma
Khi Figma công bố bản cập nhật thuộc tính thành phần vào năm 2022, lựa chọn Boolean chỉ là một trong nhiều tính năng mới có sẵn. Mục đích chung của bản cập nhật thành phần là giúp bạn tạo các mẫu biến thể một cách hiệu quả thay vì tìm hiểu kỹ các tùy chọn lỗi thời.
Mặc dù Boolean là một phần quan trọng trong việc này nhưng người dùng cũng có thể sử dụng thuộc tính hoán đổi phiên bản. Đây là cách thực hiện:
- Chọn một yếu tố trong thiết kế của bạn.
- Điều hướng đến menu trao đổi phiên bản ở bên phải giao diện và nhấp vào nó. Biểu tượng có một viên kim cương với một mũi tên trên đó.
- Đặt tên cho thuộc tính, chẳng hạn như “biểu tượng” trên menu bật lên và đặt giá trị thành dấu kiểm chẳng hạn.
- Chọn “Tạo thuộc tính”. Figma sau đó sẽ đánh dấu thuộc tính thành phần nơi có menu hoán đổi ban đầu.
- Tạo một bản sao thiết kế của bạn bằng cách chọn nó và sử dụng lệnh CTRL + C. Sau đó, đặt các phiên bản cạnh nhau.
- Chọn một biểu tượng mới từ menu thuộc tính thành phần được đánh dấu bằng cách nhấp vào biểu tượng đó. Điều này sẽ tự động thay đổi thành phần trên instance.
Chức năng hoán đổi phiên bản hoàn toàn thuận tiện. Bằng cách sử dụng tùy chọn hoán đổi phiên bản, bạn sẽ hợp lý hóa quy trình thiết kế trong khi nhanh chóng chuyển đổi các biến thể (phiên bản) cạnh nhau.
Sử dụng tùy chọn thuộc tính văn bản để thay đổi phiên bản dễ dàng
Giả sử bạn đang thiết kế nút kêu gọi hành động cho trang đích. Bạn có hai biến thể cạnh nhau và bạn đã sử dụng thuộc tính hoán đổi phiên bản để xem các biểu tượng khác nhau. Tuy nhiên, từ ngữ là một yếu tố khác cần được tính đến.
cách xóa thanh tìm kiếm khỏi màn hình chính
Thông thường, bạn cần phải chuyển qua phần lớp để hoàn tất quy trình. Với thuộc tính thành phần văn bản, bạn có thể xem và thay đổi thuộc tính này trên thanh bên. Đây là cách bạn sử dụng tính năng thuộc tính văn bản để làm lợi thế cho mình:
- Chọn thành phần văn bản trên thiết kế của bạn.
- Đặt tên cho thành phần của bạn, chẳng hạn như “văn bản” và giá trị “nút” trước khi nhấp vào “Tạo thuộc tính”.
- Sau đó, bạn sẽ có thể thay đổi văn bản và thử nghiệm cách diễn đạt cho lời kêu gọi hành động của mình.
Thuộc tính văn bản thuận tiện để sử dụng cùng với các tùy chọn hoán đổi phiên bản và Boolean.
Cách sử dụng thuộc tính biến thể trên Figma
Với các bản cập nhật thành phần mới trên Figma, bạn có thể tạo nhiều biến thể và kiểm soát tất cả chúng từ thanh bên phải. Làm như vậy sẽ giúp bạn thay đổi văn bản và hoán đổi biểu tượng hiệu quả hơn. Bạn cũng có thể kiểm soát các khía cạnh khác trong thiết kế của biến thể. Hãy xem cách thực hiện:
- Chọn thiết kế của bạn và nhấp vào “Thêm biến thể” ở thanh trên cùng. Giữ bên trái, nhấp vào thiết kế của bạn và kéo biến thể ngay bên cạnh nó.
- Bạn sẽ nhận thấy thuộc tính biến thể thứ hai sẽ xuất hiện như thế nào trên thanh bên phải. Dán nhãn lại thuộc tính thành “nút” và giá trị bên cạnh thuộc tính đó thành “đỏ”.
- Các thuộc tính này bây giờ sẽ gắn nhãn biến thể của bạn. Nếu chọn thiết kế ban đầu của mình, bạn sẽ nhận thấy giá trị được thay đổi về “mặc định”.
Câu hỏi thường gặp
Tôi có thể tạo logo bằng tùy chọn Boolean không?
Về mặt kỹ thuật, thuộc tính Boolean cho phép bạn kết hợp nhiều hình dạng bằng đường dẫn của chúng. Mặc dù đây có thể là một cách để tạo các logo đơn giản nhưng các tùy chọn bị giới hạn ở các hình dạng đơn giản như hình elip. Thay vào đó, sử dụng công cụ bút cho những việc như tạo logo là tốt nhất. Bạn vẫn có thể sử dụng các bản cập nhật thành phần khác để làm cho quá trình phân lớp dễ dàng hơn.
Tôi có thể thay đổi phông chữ bằng tùy chọn thuộc tính thành phần văn bản không?
Không may măn. Thuộc tính thành phần văn bản cho phép bạn thay đổi văn bản thay vì phông chữ. Tuy nhiên, bạn vẫn có thể chọn văn bản và tìm phông chữ phù hợp thông qua thanh bên phải.
Một số trường hợp thiết kế mà tôi cần sử dụng các thuộc tính thành phần trên là gì?
Bạn không cần sử dụng thuộc tính thành phần cho biến thể. Tuy nhiên, nó làm cho quá trình thiết kế dễ dàng và nhanh chóng hơn nhiều. Ví dụ: các nút yêu cầu màu sắc khác nhau, về cơ bản giống nhau chỉ với một thay đổi thành phần hoặc các biến thể hình dạng trang đích nhỏ. Chúng cũng hữu ích cho việc tạo ra hai thiết kế và chọn ra thiết kế tốt nhất.
Hợp lý hóa quy trình thiết kế của bạn với các thuộc tính thành phần trên Figma
Với các tùy chọn như Boolean, bạn có thể tạo các hình dạng tùy chỉnh mới từ sự kết hợp của các hình dạng cũ. Điều này được thực hiện thông qua thanh bên trên cùng với bốn tùy chọn công thức. Chúng bao gồm hợp, trừ, giao nhau và loại trừ. Tương tự, bạn có thể sử dụng các tùy chọn thuộc tính thành phần khác, chẳng hạn như thuộc tính văn bản và hoán đổi phiên bản. Làm như vậy sẽ giúp bạn dễ dàng tạo các biến thể với các thành phần khác nhau. Cuối cùng, việc sử dụng các thuộc tính thành phần giúp hợp lý hóa quá trình thiết kế.
Bạn đã tạo những hình dạng phức tạp nào bằng cách sử dụng tùy chọn Boolean? Bạn có thấy các tùy chọn thuộc tính thành phần cũng dễ sử dụng không? Hãy cho chúng tôi biết trong phần bình luận bên dưới đây.
