如何在 Figma 中使用布爾公式
Figma 被認為是全球平面設計師最好的程序之一。它的功能很全面，可以幫助用戶創建從引人注目的徽標到獨特的登陸頁面的任何內容。值得注意的是，布爾功能（也是 2002 年組件屬性更新的一部分）允許您通過多個公式組合圖層來實現自定義形狀。
在這裡，您將學習如何在下一個設計中使用布爾功能。
自定義形狀的布爾公式選項
在創建自定義形狀之前，您需要了解布爾公式的工作原理以及它們的作用。每當您創建布爾組時，它將被視為具有填充和描邊屬性的單個形狀圖層。
您可以在界面的頂部欄中找到帶有兩個重疊方塊的布爾圖標。單擊下拉菜單時，您將看到四個公式選項。
這些公式選項包括：
- 聯合選擇 – 此選項將您選擇的形狀轉換為布爾組。使用 Union 時，外部子形狀的路徑將形成新的自定義形狀的輪廓。但是，它不會包含任何內部重疊段。
- 減去選擇 – 考慮到此選項與並集選擇相反是有幫助的。它從基本形狀中刪除形狀的整個區域。這使得只有底層可見。
- 相交選擇 – 通過相交選擇，用戶可以創建僅由原始形狀或子圖層的重疊部分組成的自定義形狀。
- 排除選擇 – 排除函數與相交布爾組選項相反。使用它將為您提供來自原始形狀的非重疊部分的自定義形狀。
請記住，您需要選擇兩個或多個形狀，然後才能有效地使用頂部菜單中的布爾選項。這是因為布爾運算僅將多個形狀層組合成一個自定義的複雜形狀。
使用 Figma 實例交換屬性
當 Figma 於 2022 年宣布組件屬性更新時，布爾選擇只是可用的多個新功能之一。組件更新的全部目的是幫助您有效地製作變體模板，而不是挖掘不合時宜的選項。
雖然布爾值是其中的重要組成部分，但用戶還可以使用實例交換屬性。操作方法如下：
- 選擇您的設計元素。
- 導航到界面右側的實例交換菜單並單擊它。該圖標有一個帶有箭頭的菱形。
- 例如，為屬性指定一個名稱，例如彈出菜單上的“圖標”，並將值設置為複選標記。
- 選擇“創建財產”。Figma 隨後將標記交換菜單最初所在的組件屬性。
- 選擇設計並使用命令 CTRL + C 創建設計的副本。然後並排設置實例。
- 通過單擊從標記的組件屬性菜單中選擇一個新圖標。這將自動更改實例上的元素。
實例交換功能就是為了方便。使用交換實例選項，您可以簡化設計流程，同時快速並排切換變體（實例）。
使用文本屬性選項輕鬆更改實例
假設您正在為著陸頁設計一個號召性用語按鈕。您有兩個並排的變體，並且您已使用實例交換屬性來查看不同的圖標。然而，措辭是另一個需要考慮的因素。
通常，您需要遍歷圖層部分才能完成該過程。使用文本組件屬性，您可以在側邊欄上查看和更改它。以下是如何利用文本屬性功能來發揮自己的優勢：
- 選擇設計中的文本元素。
- 在單擊“創建屬性”之前，為元素指定一個名稱（例如“文本”）和值“按鈕”。
- 然後，您將能夠更改文本並嘗試號召性用語的措辭。
文本屬性可以方便地與實例交換和布爾選項一起使用。
如何在 Figma 上使用變體屬性
通過 Figma 上的新組件更新，您可以創建多個變體並從右側邊欄控制它們。這樣做將幫助您更有效地更改文本和交換圖標。您還可以控制變體設計的其他方面。讓我們看看如何操作：
- 選擇您的設計，然後單擊頂部欄中的“添加變體”。按住左鍵，單擊您的設計，然後拖動其旁邊的變體。
- 您會注意到第二個變體屬性將如何顯示在右側邊欄上。將屬性重新標記為“按鈕”，並將其旁邊的值重新標記為“紅色”。
- 這些屬性現在將標記您的變體。如果您選擇原始設計，您會注意到該值已更改回“默認”。
常見問題解答
我可以使用布爾選項製作徽標嗎？
從技術上講，布爾屬性允許您使用多個形狀的路徑組合它們。雖然這可以是製作簡單徽標的一種方法，但選項僅限於橢圓形等簡單形狀。相反，使用鋼筆工具進行徽標創建等操作是最好的。您仍然可以使用其他組件更新來簡化分層過程。
我可以使用文本組件屬性選項更改字體嗎？
不幸的是沒有。文本組件屬性允許您更改文本而不是字體。但是，您仍然可以選擇文本並通過右側邊欄找到合適的字體。
我需要使用上述組件屬性的一些設計實例是什麼？
您不需要使用變體的組件屬性。然而，它使設計過程變得更加容易和更快。例如，需要不同顏色的按鈕（主要相似，僅更改一個組件）或小的著陸頁形狀變體。它們還有助於創建兩種設計並選擇最好的一種。
利用 Figma 上的組件屬性簡化您的設計流程
使用布爾等選項，您可以通過舊形狀的組合創建新的自定義形狀。這是通過頂部側邊欄的四個公式選項來完成的。這些包括並集、減法、相交和排除。同樣，您可以使用其他組件屬性選項，例如文本屬性和實例交換。這樣做可以輕鬆創建具有不同組件的變體。最終，使用組件屬性有助於簡化設計過程。
您使用布爾選項製作了哪些複雜的形狀？您是否發現組件屬性選項也很容易使用？請在下面的評論部分告訴我們。
發佈留言