UI設(shè)計(jì)是當(dāng)下較為熱門(mén)的崗位,ui 從字意上的解釋為User Interface（用戶界面）的簡(jiǎn)稱。一般涉獵場(chǎng)景為移動(dòng)APP，網(wǎng)頁(yè)，智能穿戴、一體機(jī)設(shè)備等可視化設(shè)備,UI設(shè)計(jì)主要提現(xiàn)在美觀易用上,在適應(yīng)流行元素的前提下設(shè)計(jì)符合產(chǎn)品調(diào)性定位的產(chǎn)品，使用操作方面流暢合理,統(tǒng)一視覺(jué)表達(dá),注重功能引導(dǎo),簡(jiǎn)化操作,使用產(chǎn)品時(shí)產(chǎn)生輕松愉悅的流暢體驗(yàn).

UI 目前大多數(shù)公司還未達(dá)到較為專一專業(yè)的工作,大多數(shù)職責(zé)崗位職責(zé)范圍,會(huì)涉獵到平面物料等設(shè)計(jì),或者美化 ppt、word 文檔之類.在我看來(lái) UI 的專業(yè)定位更多應(yīng)該體現(xiàn)在產(chǎn)品優(yōu)化視覺(jué)規(guī)范引導(dǎo)方面,這樣才能更大發(fā)揮 UI 崗位的專業(yè)度,集中精力去發(fā)揮優(yōu)勢(shì),讓主產(chǎn)品達(dá)到符合或超出市場(chǎng)預(yù)期的效果.這種是理想狀態(tài),目前現(xiàn)狀是多數(shù)中小公司很難達(dá)到這樣的理想狀態(tài),當(dāng)然也有一些原因是因?yàn)槿腴T(mén)門(mén)檻感覺(jué)較低,培訓(xùn)機(jī)構(gòu)或平面轉(zhuǎn)崗過(guò)來(lái)即可上手,復(fù)制臨摹較為簡(jiǎn)單,難的是0到1的創(chuàng)造

UI 不只是產(chǎn)品的裝飾,這是一整套產(chǎn)品的規(guī)范,是品牌好感形成不可缺少的核心,要從無(wú)到有的構(gòu)建一套體系還是需要一定經(jīng)驗(yàn)和知識(shí)儲(chǔ)備的,例如設(shè)計(jì)心理學(xué),不同平臺(tái)硬件設(shè)備的特征與不同平臺(tái)系統(tǒng)規(guī)范,設(shè)計(jì)流行元素的了解等等.僅靠片面的臨摹或模仿,等科技AI發(fā)展 完全可能被機(jī)器智能代替.無(wú)論任何設(shè)計(jì),創(chuàng)新才是存在價(jià)值.可以從模仿開(kāi)始,但不應(yīng)一直模仿.

早期的 UI 設(shè)計(jì)使用工具多以 photoshop/ illustrator等為主,這些工具的使用會(huì)面臨較多的問(wèn)題,例如版本的管理,與視覺(jué)規(guī)范的統(tǒng)一,如果產(chǎn)品頁(yè)面多達(dá)100頁(yè)以上,再多改動(dòng)幾個(gè)版本,文件的數(shù)量會(huì)讓密集恐懼癥狀的人感到崩潰.

經(jīng)常關(guān)注和體驗(yàn)新工具還是有必要的,幾年前偶然機(jī)會(huì)接觸到 sketch 那時(shí)還不是那么普及,對(duì)于公司的設(shè)計(jì)對(duì)接還是有一定障礙,這幾年由于 sketch 使用者的增加,多數(shù)公司和團(tuán)隊(duì)逐漸認(rèn)可了這種形式,100多個(gè)頁(yè)面可以同在一個(gè)畫(huà)布,給產(chǎn)品 ui 設(shè)計(jì)效率帶來(lái)極大提升,加上各種便利插件,成為了UI 設(shè)計(jì)首選工具,adobe 公司升級(jí)photoshop 后也增加了多頁(yè)面模式,也推出了輕量的工具 XD 但相對(duì)效率還是差一些.

當(dāng)公司到達(dá)一定規(guī)模后規(guī)范設(shè)計(jì)規(guī)范的維護(hù)和協(xié)作 就變得很重要

以前的版本管理較為簡(jiǎn)單,大致流程是

這種形式較為費(fèi)力,每次改版調(diào)整都需要重新來(lái)一次,依賴高度的溝通,效率很低,人數(shù)越多維護(hù)越困難

在使用 sketch 后由于組件概念的利用極大的簡(jiǎn)化了溝通成本,并且設(shè)計(jì)稿中應(yīng)用的組件,在組件庫(kù)更新后全部更新這是 ps 其他軟件無(wú)法達(dá)到的,假設(shè)100個(gè)設(shè)計(jì)稿都用了同一按鈕組件,修改組件后100個(gè)設(shè)計(jì)稿同步更新,這得提升多少效率,而且利用組件庫(kù)元素去做 ui 規(guī)范,這樣維護(hù)規(guī)范的成本也大大降低,使用 sketch 后的流程如下

組件庫(kù)可以依據(jù)項(xiàng)目需要拆分或不拆分,例如我將組件拆分為了3個(gè)部分文件,方便以后可以使用到其他項(xiàng)目,,這樣的流程使用大大降低了溝通成本,也同時(shí)高度統(tǒng)一了設(shè)計(jì)規(guī)范,但有同學(xué)問(wèn)了,這樣不也需要來(lái)回傳遞組件,多人協(xié)作,組件傳遞也是比較費(fèi)時(shí)的.而且組件版本的管理是不是也要存多個(gè)版本防止誤操作.

sketch 的 libraries 功能很好解決了這個(gè)問(wèn)題,可以多人同時(shí)調(diào)用組件,在更新組件時(shí)也有版本提示比較,試想如果局域網(wǎng),那么可以組件存放一個(gè)都可以訪問(wèn)的路徑,這樣 ABC 設(shè)計(jì)師傅同時(shí)調(diào)用同一個(gè)文件,一人修改全部修改,也可以按組件種類分工修改,如果是外部訪問(wèn)可以考慮一個(gè)云平臺(tái),云平臺(tái)可以自動(dòng)同步文件,版本管理,這兩個(gè)功能多數(shù)云平臺(tái)都具備,按照這種思路,多人協(xié)作的流程應(yīng)該是這樣.

基于云平臺(tái)管理有效解決了文件管理與溝通的問(wèn)題,高效的達(dá)成了設(shè)計(jì)統(tǒng)一規(guī)范的目的,設(shè)計(jì)的人數(shù)再怎么 增加也是基于同一文件, 這就是 sketch 的高效率之處. 額外提的一點(diǎn)是近期 sketch 增加了 Data 數(shù)據(jù)調(diào)用功能,雖然插件也可以用,但官方出品最為致命,誰(shuí)知道以后插件會(huì)不會(huì)被封鎖,目前支持text 格式,值得一試.

工具或流程的目的只是剛好的提升效率,要交出一份滿意的作品,還是需要時(shí)間的沉淀,相信工具會(huì)越來(lái)越好,越來(lái)越智能,在減少了繁瑣的操作之后的思考,應(yīng)該是如何創(chuàng)造優(yōu)秀的產(chǎn)品,把重復(fù)勞作交給智能,把創(chuàng)意創(chuàng)造留給自己.