手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

Figma提高效率的常用技巧

2023-6-12    博博

適合閱讀對(duì)象:UI設(shè)計(jì)師、交互設(shè)計(jì)師、用戶體驗(yàn)設(shè)計(jì)師、用戶體驗(yàn)咨詢從業(yè)人員、原型設(shè)計(jì)人員

一、前言


如果軟件操作速度提升了,那么在相同時(shí)間內(nèi),我們可以有更多時(shí)間和精力用于方案的思考,提升工作效率。這也是我們經(jīng)??吹胶芏郆端產(chǎn)品,在系統(tǒng)做快捷鍵的原因之一。在日常軟件的使用中,我們要盡可能的多使用快捷鍵,減少鼠標(biāo)操作。舉個(gè)實(shí)例:

比如,“保存” 用鼠標(biāo)操作:點(diǎn)擊界面開始菜單 - 調(diào)出下拉菜單 - 找到“保存”按鈕再點(diǎn)擊,這一系列動(dòng)作需要點(diǎn)擊 3 次鼠標(biāo),花費(fèi)3~4 秒。如果使用快捷鍵,光靠下意識(shí)的動(dòng)作,就可以在 0.1 秒內(nèi)完成操作。

下面整理了一些常用的 Figma 快捷鍵使用技巧,幫助我們提升Figma的操作效率,更快更好的完成工作,節(jié)省時(shí)間,以便更專注地思考方案。

文章末尾附 Axure RP9Sketch提高效率的常用技巧。


二、Figma快捷鍵技巧


1、查看 Figma 快捷鍵

快捷鍵:【Ctrl + Shift + ?】 ,打開 Figma 的快捷鍵面板,可查看 Figma 的所有快捷鍵,方便快速查找。




2、等比例縮放


快捷鍵是【K】,在設(shè)計(jì)中縮放是經(jīng)常要用到的功能,在 Figma 中,按一下【K】鍵進(jìn)行縮放,就可以完全保證比例。




3、快速畫出環(huán)形進(jìn)度條


快速畫出環(huán)形進(jìn)度條的方法,先畫一個(gè)圓,然后鼠標(biāo)拖動(dòng)兩下就完成了。如下圖:




4、圖片快速填充

在桌面或文件夾,選擇需要填充的圖片【Command + C】。點(diǎn)選Figma中待填充元素【Command + V】。填充成功,如下圖:




5、復(fù)制粘貼樣式


選中一個(gè)已經(jīng)調(diào)整好樣式的元素(圖形或文字),第一步:【Command + option + C】,第二步:【Command + option + V】就可以把樣式復(fù)制粘貼下來。如下圖:




6、快速定位組件母版


對(duì)于使用組件的元素,在調(diào)整的時(shí)候需要修改組件母版,才會(huì)對(duì)每個(gè)組件生效。當(dāng)有很多組件時(shí),我們可以通過任意組件,點(diǎn)選右側(cè)“跳轉(zhuǎn)回組件母版”icon,快速定位至母版。如下圖:

第一步:點(diǎn)選右側(cè)“跳轉(zhuǎn)到組件母版”icon,右側(cè)紅框處



第二步:自動(dòng)定位到該組件母版




7、快速整理表格元素


選擇一組陣列中的多個(gè)元素之后,可以隨意交換任意兩個(gè)元素之間的位置,其他的不受影響,還能直接拖動(dòng)調(diào)整它們的間距。如下圖:




8、快速批量修改顏色

快速批量修改顏色。比如下面九個(gè)元素中有三個(gè)是紅色,當(dāng)我想要批量修改這三個(gè)紅色元素的時(shí)候,我不需要一個(gè)個(gè)選擇這三個(gè)元素,只需要批量選擇,然后在右側(cè)屬性欄那里,選擇想修改的那個(gè)紅色,直接改顏色,三個(gè)元素的顏色就會(huì)一起修改了。




9、圖層折疊瀏覽

快捷鍵【Alt+L】,可以直接將所有圖層折疊起來,這樣,不管之前展開了多少層,都能直接折疊,方便快速瀏覽整個(gè)系統(tǒng)的全貌。





10、快速瀏覽圖層


使用鍵盤快捷鍵快速瀏覽圖層??旖萱I【Tab】快速向 下 切換選中圖層,【Shift+Tab】快速向 上 切換選中圖層。





11、快速選取顏色樣式

使用顏色樣式時(shí),這里有一個(gè)小按鈕(下圖紅框標(biāo)出),可以快速得在列表樣式和網(wǎng)格樣式之間進(jìn)行切換,使用列表樣式能夠更方便瀏覽使用了哪些顏色,方便進(jìn)行管理。





12、用吸色工具預(yù)覽顏色


吸色工具的快捷鍵是【i】,當(dāng)你按住【i】鍵不動(dòng)時(shí),移動(dòng)光標(biāo),就能預(yù)覽顏色,而不是直接取色了,預(yù)覽的顏色就如下圖,是展示在右上角的。




13、重復(fù)上一步操作


快捷鍵是 【cmd/ctrl + D】,如下圖所示,向右下方復(fù)制一個(gè)元素,然后使用【cmd/ctrl + D】,會(huì)繼續(xù)向右下角復(fù)制元素,重復(fù)的是相關(guān)對(duì)象和操作中設(shè)計(jì)到的所有元素。





14、自動(dòng)行高

如果設(shè)計(jì)時(shí)輸入了一些文本,行高有問題,但是暫時(shí)又沒有很明確的行高參數(shù),這個(gè)時(shí)候,只需要在行高這里輸入 auto,點(diǎn)擊回車,就可以把這些文字設(shè)置成自動(dòng)行高了。如下圖紅框位置:







作者:忻蕓
鏈接:https://www.zcool.com.cn/article/ZMTU1Mjg2OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。                           


作者:施施_Seven
來源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。 著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。                           


分享本文至:

日歷

鏈接

個(gè)人資料

存檔