国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

在進(jìn)行設(shè)計時，運用一些小技巧，有時會起到事半功倍的效果。本文作者總結(jié)了一些日常工作中經(jīng)常會用到的figma小技巧，希望能給你帶來幫助。

今天分享的figma小技巧都是日常工作中經(jīng)常會用到的，簡單又干的總結(jié)，希望我們的效率都能夠提升一大截。

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

我們拿「V」icon來舉個例子，先來看下常規(guī)繪制步驟：

1. 先畫一個矩形
2. 然后旋轉(zhuǎn)角度、再復(fù)制一個、水平旋轉(zhuǎn)一下
3. 對齊后給圓角

這個時候發(fā)現(xiàn)有點太大了，需要調(diào)整一下高度：

問題很明顯，調(diào)整完高度(H)度之后，我們又得進(jìn)行對齊調(diào)整，如果還是感覺不夠精致，又得重復(fù)前面的步驟。

效率不高還特?zé)┤?，就這么一個簡單的icon來回調(diào)整幾分鐘有木有。

如果你像我一樣做的是375@1倍圖，圖標(biāo)粗細(xì)用的是1.5像素，這種情況下來回對齊就真的考驗?zāi)愕南袼匮哿恕?/p>

出現(xiàn)這個問題其實就是在繪制之前我們沒有經(jīng)過思考，比如說這個圖標(biāo)的適應(yīng)場景，以及是否會出現(xiàn)調(diào)整大小的情況。

接著子阿來看下橙心是如何避免這種情況的出現(xiàn)：

1. 先畫一個矩形
2. 復(fù)制一個往上旋轉(zhuǎn)
3. 整體往上旋轉(zhuǎn)，給圓角

還是上面那個問題，需要對高度進(jìn)行調(diào)整：

兩個步驟進(jìn)行對比一下，前者是往上縮放，后者是向下縮放。

后面這個操作步驟在不手動調(diào)整對齊的情況下，除了可以隨意調(diào)整高度還能隨意調(diào)整寬度，自由度會更高。

那已經(jīng)繪制完了，想要避免不手動調(diào)整對齊如何操作假設(shè)現(xiàn)在高（H）出現(xiàn)了第一種繪制的問題，我們可以對其進(jìn)行水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)一下。這個時候你調(diào)整高是沒有問題的，但是要想調(diào)整整個寬你就又得(水+垂)調(diào)回去問題就像是窟窿，一旦出現(xiàn)就不得不找一個個辦法來補(bǔ)救，所以一開始就要想好如何避免。

總結(jié)一下，在繪制icon之前我們需要考慮3個問題：

1. 繪制步驟的順序
2. 使用場景
3. 是否需要進(jìn)行高度、寬度上的調(diào)整

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

02 對齊

還是375@1倍圖下，經(jīng)常會遇到0.5px，比如下面這種情況：

點底部對齊是搞不定的，你是否會想著我手動去調(diào)整對齊，那就有點傻了。

這里只需要把「對齊像素」關(guān)了，使用快捷鍵：S+C+逗號，然后再點一下底部對齊，更速度。

比如這種情況，實際間距是1.5px，但是你看操作面板是顯示2px，數(shù)據(jù)對不上怎么辦？手動去調(diào)整也是搞不定的。

這里同樣是把「對齊像素」關(guān)了，然后手動輸入一個數(shù)值進(jìn)去，再去看下就是一致的了還有比如說：0.5px的分割線。

一開始沒太注意，直接繪制完就居中、底部對齊，如果不放大仔細(xì)去看，壓根發(fā)現(xiàn)不了其實是沒有對齊。

方法也是一樣「對齊像素」關(guān)了，然后再去底部對齊一下，你會發(fā)現(xiàn)它這次是貼著底部的。

前面提到的圖標(biāo)小技巧與這個方法搭配使用更nice。

效率是如何提升的，就是每一個細(xì)節(jié)都不容忽視。

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

組件命名方式就像是圈層一樣，一圈套一圈，可能這里每個人的習(xí)慣會不一樣，所以命名方式也會有所不同。

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

我們建規(guī)范的時候一般都會有一個習(xí)慣就是先歸好大類，顏色、圖標(biāo)、組件等等，比如騰訊的這種方式。

讓人看起來就非常的實用、干凈、規(guī)范。

這里拿語雀APP的圖標(biāo)來做個命名使用場景定好大類之后，再根據(jù)Tab來分小類，比如語雀的Tab欄：小記、文檔、消息、我的。

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

看完還發(fā)現(xiàn)自己不知道如何給組件命名，那就記住小標(biāo)題當(dāng)中的兩個字「歸來」。

思考一個問題：要是你會如何去給組件進(jìn)行歸類，然后能夠給自己提供方便？想明白這個問題就去試一下吧。

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

當(dāng)然，橙心的這個方式不一定適合所有人、所有項目團(tuán)隊，但卻可以為我?guī)硇省?/p>

效率是如何提升的，做事要形成一個自己的方式方法。

以上就是今天的分享總結(jié)，如果你覺得那里有不明白或者你有更高的見解，歡迎一起交流討論。