摹客
產(chǎn)品
下載
對(duì)一名UI設(shè)計(jì)師而言，日常工作無(wú)非是圍繞“需求分析 → 設(shè)計(jì)實(shí)施→ 開發(fā)交付”這三個(gè)環(huán)節(jié)來(lái)進(jìn)行開展。
然而，在各個(gè)環(huán)節(jié)中，設(shè)計(jì)師們使用的工具可是完全不同的。在這里，我收集并整理了UI設(shè)計(jì)師在日常工作中常用的5款工具，希望能給新手設(shè)計(jì)師們提供一些參考建議~
當(dāng)設(shè)計(jì)師接到需求后，一般不會(huì)立即開始設(shè)計(jì)，而是先對(duì)需求進(jìn)行分析和拆解，制定設(shè)計(jì)目標(biāo)并尋找確定性較強(qiáng)的風(fēng)格參考。
通常設(shè)計(jì)團(tuán)隊(duì)都會(huì)在前期進(jìn)行頭腦風(fēng)暴來(lái)確定設(shè)計(jì)的關(guān)鍵詞。這時(shí)候往往就需要一些思維導(dǎo)圖工具來(lái)輔助推導(dǎo)和記錄。
對(duì)我而言，我通常會(huì)使用專業(yè)的思維導(dǎo)圖工具，比如Xmind，列出幾個(gè)模塊：了解公司產(chǎn)品、分析競(jìng)品、理解產(chǎn)品經(jīng)理并梳理原型及PRD文檔、對(duì)設(shè)計(jì)任務(wù)進(jìn)行拆分，以此來(lái)推動(dòng)前期準(zhǔn)備工作的開展。
XMind是一款免費(fèi)的思維導(dǎo)圖工具，因安裝體積小，操作簡(jiǎn)單，所以更受我的青睞~
比如當(dāng)我在理解原型圖時(shí)，我會(huì)使用XMind將每一級(jí)功能頁(yè)面和入口都記錄下來(lái)，用于梳理詳情頁(yè)的內(nèi)容。不得不承認(rèn)，一款優(yōu)秀的思維導(dǎo)圖工具確實(shí)能讓設(shè)計(jì)師在工作上起到事半功倍的效果！
并且，它的使用場(chǎng)景非常廣泛，不僅能梳理思維邏輯外，還能和團(tuán)隊(duì)成員開展頭腦風(fēng)暴，從而開拓新的思維方式！
當(dāng)熟悉產(chǎn)品并確定完設(shè)計(jì)風(fēng)格后就進(jìn)入到了界面設(shè)計(jì)，目前市面上使用得較多的UI設(shè)計(jì)工具有摹客DT、Sketch、Figma等，下面我簡(jiǎn)單給大家介紹下這三款工具，大家可以根據(jù)自身喜好自由選擇！
摹客DT是一款專屬于設(shè)計(jì)師的在線UI設(shè)計(jì)工具。它不受物理設(shè)備限制，支持Windows和iOS雙系統(tǒng)。至于常用功能，布爾運(yùn)算、貝塞爾曲線、路徑合并、輪廓化、剪刀工具等一應(yīng)俱全，能保證設(shè)計(jì)樣式完美呈現(xiàn)。
另外，摹客DT提供了多人實(shí)時(shí)編輯機(jī)制，即使多名設(shè)計(jì)師同時(shí)編輯，也完全不會(huì)卡頓，真正實(shí)現(xiàn)了“無(wú)時(shí)差”的高效體驗(yàn)。
Sketch是一款非常出色的輕量級(jí)UI/UX 設(shè)計(jì)工具，但因其僅支持MacOS，使用Win系統(tǒng)的用戶目前沒(méi)有辦法使用該款產(chǎn)品。Sketch具備無(wú)限尺寸的畫布，并且配合快捷鍵和龐大的第三方模板能夠幫助設(shè)計(jì)師更高效地產(chǎn)出一套完整的UI設(shè)計(jì)稿。
Figma是一款基于瀏覽器的UI設(shè)計(jì)工具。Figma在國(guó)內(nèi)沒(méi)有服務(wù)器，國(guó)內(nèi)設(shè)計(jì)師使用基本需要借助科學(xué)上網(wǎng)，適合安全性要求不太嚴(yán)格的中小型項(xiàng)目（大項(xiàng)目加載容易卡死）。Figma的最大特色在于能夠?qū)崿F(xiàn)在線協(xié)作，多人實(shí)時(shí)編輯、在線交付等，能極大地解放設(shè)計(jì)生產(chǎn)力。
當(dāng)設(shè)計(jì)稿定稿后，設(shè)計(jì)師就要進(jìn)入到后續(xù)與前端“交付”的階段，設(shè)計(jì)師需要給前端工程師提供設(shè)計(jì)稿、標(biāo)注、切圖等一系列素材。因?yàn)樽罱K是由前端工程師將我們的設(shè)計(jì)稿進(jìn)行還原，所以即使設(shè)計(jì)工作已經(jīng)完成，也還是需要與前端進(jìn)行緊密的工作配合。
在與前端交付的過(guò)程中，我經(jīng)常會(huì)使用摹客協(xié)作平臺(tái)用以快速交付。
摹客不僅可以支持 Photoshop、Sketch、Adobe XD、Figma等高保真設(shè)計(jì)稿的在線交付，而且還能利用摹客插件，快速完成標(biāo)注和切圖等繁瑣工作。
此外，摹客的設(shè)計(jì)系統(tǒng)能夠做到團(tuán)隊(duì)級(jí)的管理和應(yīng)用。資源庫(kù)可嚴(yán)格配置編輯管理權(quán)限，團(tuán)隊(duì)中的成員都可以實(shí)時(shí)獲取最新的設(shè)計(jì)規(guī)范數(shù)據(jù)，確保信息同步，實(shí)現(xiàn)高效資源復(fù)用，從而減少改稿的頻率。
好了，再給大家總結(jié)一下，對(duì)UI設(shè)計(jì)師而言，“需求分析 → 設(shè)計(jì)實(shí)施→ 開發(fā)交付”這三個(gè)環(huán)節(jié)都非常重要，缺一不可。以上推薦的五款常用工具，也是為了幫助萌新小白們能更快融入U(xiǎn)I設(shè)計(jì)工作。當(dāng)然啦，還有其他的一些常用工具，我下一篇再繼續(xù)給大家介紹！
最后，對(duì)這些軟件感興趣的朋友可以私信我，大家互相分享一下使用經(jīng)驗(yàn)，萬(wàn)一還能解鎖更多功能用法呢~
摹客協(xié)作
摹客RP
摹客DT
摹客超級(jí)版