提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
在做U界面設(shè)計(jì)時(shí),大多數(shù)設(shè)計(jì)師都會(huì)發(fā)現(xiàn)很痛苦的點(diǎn),就是制定好一套組件或者圖標(biāo)字體規(guī)范,可是通常在后期維護(hù)困難重重。
引言
在做U界面設(shè)計(jì)時(shí),大多數(shù)設(shè)計(jì)師都會(huì)發(fā)現(xiàn)很痛苦的點(diǎn),就是制定好一套組件或者圖標(biāo)字體規(guī)范,可是通常在后期維護(hù)困難重重。
比如新增任務(wù)板塊時(shí)先前的規(guī)范中沒(méi)有涉及到,就要新增設(shè)計(jì),但是往往設(shè)計(jì)好后,同步后,其他同事還是經(jīng)常會(huì)分不清哪一個(gè)圖標(biāo)和組件是最新的,會(huì)造成錯(cuò)誤或者重復(fù)設(shè)計(jì),難以確保設(shè)計(jì)的一致性和可維護(hù)性,降低了工作效率。許多設(shè)計(jì)師在實(shí)際操作中遭遇了類似上述中的各種挑戰(zhàn)。本文旨在深入探討這些痛點(diǎn),并提供一系列切實(shí)可行的解決方案。
一、UI規(guī)范制定后所遇到的挑戰(zhàn)有哪些?
1. 不同平臺(tái)規(guī)范的應(yīng)用問(wèn)題
由于Web UI和App UI的設(shè)計(jì)環(huán)境及開(kāi)發(fā)語(yǔ)言不同,有時(shí)只制定了一套針對(duì)app的UI,則會(huì)導(dǎo)致wed UI設(shè)計(jì)規(guī)范出現(xiàn)差異,比如字號(hào)大小pc端和手機(jī)端是不同的。這不僅影響用戶體驗(yàn),還可能導(dǎo)致開(kāi)發(fā)過(guò)程中的混亂和錯(cuò)誤。下圖以不同平臺(tái)端的字體舉例說(shuō)明:
2. 設(shè)計(jì)資源管理不當(dāng)
設(shè)計(jì)資源的管理不善是導(dǎo)致執(zhí)行UI規(guī)范困難的關(guān)鍵因素之一。例如,新員工想要復(fù)用之前已經(jīng)設(shè)計(jì)好上線的圖標(biāo),但可能無(wú)法找到舊版本的設(shè)計(jì)文件,造成重復(fù)工作;或者不同設(shè)計(jì)師手中的文件未對(duì)齊,出現(xiàn)到處找最新文件的問(wèn)題,降低了協(xié)作效率。
3. 產(chǎn)品迭代優(yōu)先級(jí)問(wèn)題
產(chǎn)品迭代的優(yōu)先級(jí)也可能干擾UI規(guī)范的制定和執(zhí)行。例如,前后對(duì)接的開(kāi)發(fā)人員不同,新對(duì)接的開(kāi)發(fā)人員可能會(huì)重新開(kāi)發(fā)之前已經(jīng)開(kāi)發(fā)過(guò)的組件;或因開(kāi)發(fā)排期的問(wèn)題,全平臺(tái)想要全部換新規(guī)范的UI圖標(biāo)時(shí),沒(méi)有排期,這時(shí)候優(yōu)先級(jí)比較高的新增功能需要添加圖標(biāo)組件時(shí),就不得不為了當(dāng)前界面的一致性,還是按照舊規(guī)范設(shè)計(jì)圖標(biāo)組件,此時(shí)非常容易造成圖標(biāo)規(guī)范應(yīng)用混亂,而且已經(jīng)制定好的新規(guī)范遲遲不能上線。下圖以圖標(biāo)為例作說(shuō)明:
二、執(zhí)行UI組件規(guī)范涉及的地方有哪些?
圖標(biāo),彈窗,字號(hào)大小,字體,顏色,風(fēng)格,功能組件等。
三、應(yīng)對(duì)策略
1.使用在線協(xié)作工具
推薦使用如Figma等多人在線工具來(lái)構(gòu)建和管理組件庫(kù),包括圖標(biāo)、彈窗、字體、顏色等,以便所有設(shè)計(jì)人員直接調(diào)用,并且安排專門(mén)負(fù)責(zé)規(guī)范的同學(xué)來(lái)實(shí)時(shí)管理更新,這可以統(tǒng)一設(shè)計(jì)規(guī)范并促進(jìn)團(tuán)隊(duì)成員間的協(xié)作。
2.建立并同步開(kāi)發(fā)端組件模型
開(kāi)發(fā)團(tuán)隊(duì)?wèi)?yīng)建立組件模型并實(shí)時(shí)在開(kāi)發(fā)內(nèi)部同步,也同時(shí)同步給設(shè)計(jì)團(tuán)隊(duì),以確保雙方在同一基礎(chǔ)上工作,減少設(shè)計(jì)與開(kāi)發(fā)實(shí)現(xiàn)之間的差異,提升開(kāi)發(fā)效率。
3.定期審查和更新組件規(guī)范
隨著產(chǎn)品的迭代,組件規(guī)范也需要定期審查和更新。設(shè)計(jì)人員和開(kāi)發(fā)人員應(yīng)商定固定的時(shí)間碰一碰比如每個(gè)月的某一時(shí)間,以保證規(guī)范的實(shí)時(shí)性和準(zhǔn)確性。
4.加強(qiáng)團(tuán)隊(duì)培訓(xùn)和溝通
通過(guò)定期的團(tuán)隊(duì)培訓(xùn),加深設(shè)計(jì)人員和開(kāi)發(fā)人員對(duì)UI組件規(guī)范的理解和認(rèn)同。同時(shí),加強(qiáng)內(nèi)部溝通,及時(shí)解決執(zhí)行過(guò)程中的問(wèn)題。
5.利用版本控制系統(tǒng)
采用版本控制系統(tǒng)管理UI組件規(guī)范的設(shè)計(jì)稿和源文件,確保每個(gè)版本都可追溯,便于團(tuán)隊(duì)成員查找和使用。
四、結(jié)論
制定和執(zhí)行UI組件規(guī)范是UI設(shè)計(jì)中的一個(gè)關(guān)鍵環(huán)節(jié),但也是充滿挑戰(zhàn)的任務(wù)。通過(guò)識(shí)別執(zhí)行過(guò)程中的痛點(diǎn)并采取相應(yīng)的措施,可以顯著提高執(zhí)行UI組件規(guī)范的效率和效果。設(shè)計(jì)師和開(kāi)發(fā)人員需共同努力,確保UI組件規(guī)范的統(tǒng)一性和準(zhǔn)確性,從而提升產(chǎn)品的用戶體驗(yàn)和開(kāi)發(fā)效率。
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)