新聞資訊
我們不只做網(wǎng)站...
如何提高我們在網(wǎng)站設(shè)計(jì)、UI設(shè)計(jì)中的工作效率?
發(fā)表日期:2021-07-12 文章編輯:洛壹網(wǎng)絡(luò) 文章來源:高端網(wǎng)站設(shè)計(jì)
好的工具和技巧設(shè)計(jì)師而言無疑是非常重要的,提升我們在網(wǎng)站設(shè)計(jì)、UI設(shè)計(jì)的工作效率。提升效率既有技巧,也可以借助工具,我們先來看一波素質(zhì)不錯(cuò)的效率工具和技巧:
在 UI/UX 設(shè)計(jì)領(lǐng)域,很多工作已經(jīng)不用真的從0開始做了。用好插件,往往能讓設(shè)計(jì)工作事半功倍。在 Figma 和 Sketch 這樣的設(shè)計(jì)工具當(dāng)中,插件賦予了設(shè)計(jì)更多的可能性,更快的執(zhí)行效率,更快捷的流程,以及更完善的體系。這次,我們梳理一波 Figma 當(dāng)中超級(jí)好用、提升效率的 10 個(gè)插件:
1,Renameit
這是一款傳奇級(jí)別的插件,使用過 Sketch 的同學(xué)可能會(huì)知道它。在 Figma 當(dāng)中它同樣好用,最重要的是,它能夠根據(jù)規(guī)則快速將所有的組件進(jìn)行規(guī)范化的命名,且不會(huì)影響文本圖層的內(nèi)容,并且特別的快。
2,Styler
如果你在進(jìn)行新的設(shè)計(jì)項(xiàng)目的時(shí)候,不打算使用現(xiàn)成的 UI 工具包,那么就意味著你需要為自己的設(shè)計(jì)系統(tǒng)構(gòu)建秩序良好的樣式、命名規(guī)則,而 Styler 這個(gè)工具可以幫你搞定這部分體力活兒!
3,Component Cloner
很多同學(xué)在使用 Figma 設(shè)計(jì) UI 的過程中,會(huì)發(fā)現(xiàn) Figma 的缺點(diǎn)之一,是沒有快速克隆組件的功能,而這個(gè)名為 Component Cloner 的插件可以幫你搞定這件事情。
4,Component Replacer
構(gòu)建復(fù)雜的組件的時(shí)候,經(jīng)常需要使用各種 UI 元素來替換它們,有了這個(gè)組件替換器,可以幫你更快完成這個(gè)過程。
5,Stark
UI 組件的可訪問性是一個(gè)重要的指標(biāo),Stark 是做 UI 可訪問性優(yōu)化和規(guī)范化的著名解決方案,如今它也有 Figma 版本,可以幫你確保 UI 的合理性和可訪問性。
6,Palette
如果你需要從零開始制定配色方案,有很多配色工具可以幫到你,但是最好用的,始終是 Palette 。
7,F(xiàn)ind and Replace
在復(fù)雜的設(shè)計(jì)系統(tǒng)當(dāng)中,針對圖層進(jìn)行命名和修改是一個(gè)麻煩事兒,F(xiàn)ind and Replace 可以幫你快速修改圖層和相關(guān)的內(nèi)容,非常好用。
8,Iconify
這是一個(gè)包含大量圖標(biāo)和表情符的插件服務(wù),其中的素材大都是可供編輯的格式,比如 SVG,可以直接復(fù)制相關(guān)代碼應(yīng)用到項(xiàng)目當(dāng)中。
9,Wireframe
這是一個(gè)快速繪制線框圖的工具,它幫設(shè)計(jì)師更快完成線框圖的繪制和調(diào)整,其中包含大量基礎(chǔ)的組件與模塊能夠讓設(shè)計(jì)師專注于更重要的事情,而不是重復(fù)基礎(chǔ)的工作。
10,F(xiàn)igmotion
Figmotion 是一個(gè)超強(qiáng)的動(dòng)畫效果設(shè)計(jì)工具,能夠讓設(shè)計(jì)師在 Figma 當(dāng)中創(chuàng)造更加順滑舒適的動(dòng)效,它的運(yùn)作機(jī)制類似于 AE。對于開發(fā)者而言,F(xiàn)igmotion 更容易管理。雖然上手可能沒那么快,畢竟做動(dòng)畫還是稍微有點(diǎn)復(fù)雜的,但是總體上依然好用且便捷,特別出效果。
提高設(shè)計(jì)工作效率可以分拆為很多個(gè)部分來攻克,例如溝通對接,設(shè)計(jì)流程,思考創(chuàng)作,技能熟練度等等,但是我們最簡單且最容易出效果的是大部分人都經(jīng)常會(huì)忽略的日常資料素材整理,往往是這些不起眼的細(xì)節(jié)才是每天浪費(fèi)你大量時(shí)間的地方,如果可以將這些浪費(fèi)的時(shí)間利用起來的話,工作效率能提升 30%-35%:
本文鏈接:http://www.snohomisheventcenter.com/news-details-86-466-1.html
版權(quán)聲明:
1:本站所有內(nèi)容均由互聯(lián)網(wǎng)收集整理、上傳,并且以計(jì)算機(jī)技術(shù)研究交流為目的,僅供大家參考、學(xué)習(xí),不存在任何商業(yè)目的與商業(yè)用途,如描述有誤或者學(xué)術(shù)不對之處歡迎及時(shí)提出,不甚感謝。
2、 如涉及版權(quán)問題,請聯(lián)系我們4724325@qq.com第一時(shí)間處理;
我們的服務(wù)
相關(guān)新聞
-
網(wǎng)站改版,網(wǎng)站設(shè)計(jì)創(chuàng)新改版的思路
-
做一個(gè)網(wǎng)站多少錢?怎么樣讓您的網(wǎng)站性...
-
深圳網(wǎng)站網(wǎng)頁設(shè)計(jì)公司該怎么選擇呢?
-
網(wǎng)站設(shè)計(jì)中,網(wǎng)頁版塊的組成元素有哪些...
-
網(wǎng)站設(shè)計(jì)中圖片素材的使用,網(wǎng)站免費(fèi)素...
-
網(wǎng)站底部如何設(shè)計(jì)?
-
網(wǎng)頁設(shè)計(jì)中,網(wǎng)站交互影響的元素是什么
-
深圳網(wǎng)站設(shè)計(jì)公司,網(wǎng)頁設(shè)計(jì)師需要具備...
-
網(wǎng)站設(shè)計(jì)中網(wǎng)頁的頁面形式有哪些?頁面...
-
響應(yīng)式網(wǎng)頁中的圖片設(shè)計(jì)技巧