杭州UI設(shè)計(jì)學(xué)習(xí)|怎么提高頁(yè)面的還原度?
1.建立一致的設(shè)計(jì)規(guī)范和組件庫(kù)。
建立B端設(shè)計(jì)構(gòu)件庫(kù)和設(shè)計(jì)規(guī)范,使用范圍不應(yīng)僅限于設(shè)計(jì)團(tuán)隊(duì),整個(gè)團(tuán)隊(duì)尤其是前端工程師和設(shè)計(jì)師的設(shè)計(jì)規(guī)范和構(gòu)件庫(kù)應(yīng)保持一致,實(shí)現(xiàn)從設(shè)計(jì)稿到在線頁(yè)面輸出的統(tǒng)一設(shè)計(jì)語(yǔ)言,從根本上提高設(shè)計(jì)質(zhì)量和減量化。然而,統(tǒng)一前端設(shè)計(jì)規(guī)范和組件庫(kù)并不容易。需要綜合考慮產(chǎn)品開(kāi)發(fā)階段、前端團(tuán)隊(duì)開(kāi)發(fā)團(tuán)隊(duì)的工作習(xí)慣、設(shè)計(jì)的歷史原因等因素。基于筆者的工作實(shí)踐,設(shè)計(jì)師可以從以下幾個(gè)方面來(lái)提高與前端團(tuán)隊(duì)的一致性。
(1)設(shè)計(jì)組件的選擇
收到設(shè)計(jì)需求后,設(shè)計(jì)師首先需要與前端工程師和產(chǎn)品經(jīng)理確認(rèn)和考慮以下問(wèn)題:
是否有統(tǒng)一的設(shè)計(jì)組件庫(kù),如果沒(méi)有,是否需要建立這個(gè)版本;
當(dāng)前產(chǎn)品的設(shè)計(jì)組件庫(kù)是什么,組件庫(kù)是否能覆蓋當(dāng)前產(chǎn)品的大部分需求;如果答案是肯定的,建議繼續(xù)使用目前的設(shè)計(jì)組件庫(kù);
當(dāng)前版本是否需要替換設(shè)計(jì)組件庫(kù),如果需要,替換哪個(gè)組件庫(kù)。
(2)設(shè)計(jì)構(gòu)件庫(kù)的更新機(jī)制。
b端產(chǎn)品業(yè)務(wù)復(fù)雜,大部分第三方設(shè)計(jì)組件庫(kù)無(wú)法覆蓋所有設(shè)計(jì)需求,設(shè)計(jì)師仍需創(chuàng)建符合產(chǎn)品需求的設(shè)計(jì)組件;此外,設(shè)計(jì)師會(huì)根據(jù)產(chǎn)品需求對(duì)現(xiàn)有的第三方組件庫(kù)進(jìn)行微調(diào);設(shè)計(jì)師對(duì)設(shè)計(jì)組件庫(kù)的修改和更新也需要團(tuán)隊(duì)成員,尤其是設(shè)計(jì)師和前端工程師的審核和批準(zhǔn),以保持前端工程師和設(shè)計(jì)師的組件一致。

(3)設(shè)計(jì)者在使用組件時(shí)保持克制。
設(shè)計(jì)師需要充分考慮產(chǎn)品的可用性和用戶的學(xué)習(xí)成本,在組件的使用上要有所克制。組件的使用需要定義明確的規(guī)則和范圍。如果只是因?yàn)楹每炊褂貌煌L(fēng)格的設(shè)計(jì)組件,那么開(kāi)發(fā)團(tuán)隊(duì)的學(xué)習(xí)成本會(huì)大大增加,導(dǎo)致團(tuán)隊(duì)成員在使用組件時(shí)的困惑和迷茫。
(4)設(shè)計(jì)規(guī)范
制定設(shè)計(jì)規(guī)范的目的是統(tǒng)一設(shè)計(jì)內(nèi)部和與前端工程師的設(shè)計(jì)規(guī)范,提高團(tuán)隊(duì)的合作效率。前端工程師根據(jù)設(shè)計(jì)規(guī)范建立通用組件庫(kù),提高了前端組件的復(fù)用率,降低了設(shè)計(jì)與前端的對(duì)接成本,提高了工作效率。測(cè)試工程師根據(jù)設(shè)計(jì)規(guī)范建立穩(wěn)定一致的測(cè)試用例,以提高測(cè)試效率。因此,在設(shè)計(jì)規(guī)范的制定和更新過(guò)程中,需要與開(kāi)發(fā)和測(cè)試充分溝通和配合,形成團(tuán)隊(duì)穩(wěn)定一致的規(guī)范文檔,從根本上提高合作效率,高效完成接口開(kāi)發(fā)和驗(yàn)收。