在設(shè)計(jì)中，使用一些技巧，有時(shí)會(huì)用一半的努力得到兩倍的結(jié)果。些日常工作中經(jīng)常使用的東西figma小貼士，希望能給你帶來幫助。https://js.design/special/figma/

今天分享的figma小技巧在日常工作中經(jīng)常使用，簡單干燥的總結(jié)，希望我們的效率能大大提高。

01圖標(biāo)繪制中的小技巧

我們拿「V」icon以常規(guī)繪制步驟為例：

先畫一個(gè)矩形

然后旋轉(zhuǎn)角度，再復(fù)制一個(gè)，水平旋轉(zhuǎn)

對(duì)齊后給出圓弧

此時(shí)發(fā)現(xiàn)有點(diǎn)太大，需要調(diào)整高度：

問題很明顯，調(diào)整高度(H)學(xué)位結(jié)束后，我們必須對(duì)齊調(diào)整，如果還覺得不夠精致，就要重復(fù)前面的步驟。

效率不高，特別煩人，就這么簡單icon來回調(diào)整幾分鐘。

如果你像我一樣做3755@圖1倍，圖標(biāo)厚度為1倍.5像素，這種情況下來回對(duì)齊真的會(huì)考驗(yàn)?zāi)愕南袼匮邸?/p>

這個(gè)問題實(shí)際上是我們?cè)诶L制之前沒有考慮過的，比如圖標(biāo)的適應(yīng)情況，以及是否會(huì)調(diào)整大小。

然后子阿來看看橙心是如何防止這種情況發(fā)生的:

先畫一個(gè)矩形

復(fù)制一個(gè)向上旋轉(zhuǎn)

整體向上旋轉(zhuǎn)，給弧

或者上述問題，必須調(diào)整高度：

對(duì)比兩個(gè)步驟，前者是向上放縮，后者是向下放縮。

在后面的操作過程中，除了可以隨意調(diào)整高度外，還可以隨意調(diào)整總寬度，自由度會(huì)更高。

那已經(jīng)畫完了，如何防止不手動(dòng)調(diào)整對(duì)齊操作假設(shè)現(xiàn)在高（H）如果出現(xiàn)第一個(gè)繪制問題，我們可以水平翻轉(zhuǎn)，垂直翻轉(zhuǎn)。這個(gè)時(shí)候你調(diào)整高度沒問題，但是如果你想調(diào)整整個(gè)寬度，你必須(水)垂)回調(diào)的問題就像一個(gè)洞，一旦出現(xiàn)，就要想辦法補(bǔ)救，所以一開始就要想辦法避免。

總結(jié)一下，在繪畫中icon以前要考慮三個(gè)問題：

繪制步驟的順序

使用場景

是否需要調(diào)整高度和總寬？

如何提高效率，就在這些不經(jīng)意的小細(xì)節(jié)中。

02對(duì)齊

還是375@在1倍圖下，經(jīng)常會(huì)遇到0.5px，如下：

點(diǎn)擊底部對(duì)齊是不確定的，你會(huì)不會(huì)想到我手動(dòng)調(diào)整對(duì)齊，那就有點(diǎn)傻了。

這里只需要把手「對(duì)齊像素」關(guān)閉，使用快捷鍵：SC逗號(hào)，然后點(diǎn)擊底部對(duì)齊，更快。

例如，在這種情況下，實(shí)際間距為1.5px，但是你看控制面板是顯示2px，如果數(shù)據(jù)上怎么辦？手動(dòng)調(diào)整也是不確定的。

這里同是把「對(duì)齊像素」關(guān)閉，然后手動(dòng)輸入一個(gè)值進(jìn)去，再去看看就一樣了，比如:0.5px的分隔線。

剛開始沒怎么注意，直接畫完就在中間，底部對(duì)齊。如果不放大仔細(xì)看，就找不到?jīng)]有對(duì)齊。

方法也是如此「對(duì)齊像素」關(guān)閉，然后去底部對(duì)齊，你會(huì)發(fā)現(xiàn)它這次是貼在底部的。

上面提到的圖標(biāo)技巧與這種方法相匹配nice。

如何提高效率意味著每一個(gè)細(xì)節(jié)都不容忽視。

03圖標(biāo)分類命名規(guī)范

零件的命名方式就像一個(gè)圈子，一個(gè)陷阱，也許這里每個(gè)人的習(xí)慣都不一樣，所以命名方式也會(huì)不一樣。

這里簡單分享一下橙心的命名方法。

當(dāng)我們建立規(guī)范時(shí)，我們通常有一個(gè)習(xí)慣，就是先歸類、顏色、圖標(biāo)、部件等等，比如騰訊。

讓人看起來很實(shí)用，干凈，規(guī)范。

這里拿APP命名使用場景確定大類后，根據(jù)圖標(biāo)進(jìn)行命名使用Tab來分小類，比如語雀的Tab欄：小記，文檔，新聞，我的。

這一步的命名，如：小記/搜索、小記/消息繼續(xù)下去可以分為功能模塊和子頁面，來延伸，小記/搜索/刪除。

看完之后，我發(fā)現(xiàn)我不知道如何命名零件，所以記住副標(biāo)題中的兩個(gè)字「歸來」。

思考一個(gè)問題：如果你能如何對(duì)零件進(jìn)行分類，然后為自己提供便利？如果你想理解這個(gè)問題，試試看。

不一定說規(guī)范要做得多完整，多驚艷，能給你，給團(tuán)隊(duì)帶來效率才是好的規(guī)范。

當(dāng)然，橙心的方式不一定適合所有人，所有的項(xiàng)目團(tuán)隊(duì)，但它能給我?guī)硇省?/p>

如何提高效率，做事要有自己的方法。