移動(dòng)端UI設(shè)計(jì)規(guī)范模板參考以及設(shè)計(jì)規(guī)范的好處

時(shí)間：2023-09-03 15:30:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-03 15:30:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

移動(dòng)端UI設(shè)計(jì)規(guī)范模板參考以及設(shè)計(jì)規(guī)范的好處：2018也快要過(guò)完了（-_-），我們的移動(dòng)端的UI設(shè)計(jì)規(guī)范也層出不窮。很多APP設(shè)計(jì)師也要在年底給公司或者是團(tuán)隊(duì)做一個(gè)總結(jié)。那么一個(gè)像樣的APP ui設(shè)計(jì)規(guī)范也是很有必要的作品回顧。




在創(chuàng)業(yè)公司做著一位獨(dú)立設(shè)計(jì)師，說(shuō)好聽(tīng)點(diǎn)是獨(dú)立設(shè)計(jì)師，難聽(tīng)點(diǎn)，就是唯一的設(shè)計(jì)師。創(chuàng)業(yè)型公司，UI UE你要全包。但是我還是很有追求的在每個(gè)版本改版之后，更新設(shè)計(jì)規(guī)范。我的設(shè)計(jì)規(guī)范沒(méi)有大公司那么高大上，只包含了字體選用，配色運(yùn)用，ui kit這些東西。




很多設(shè)計(jì)師做這個(gè)設(shè)計(jì)規(guī)范，純粹只有兩個(gè)原因：




1、要設(shè)計(jì)的界面太多了，而且產(chǎn)品迭代很快，來(lái)不及一個(gè)個(gè)界面標(biāo)注重復(fù)性的東西，于是我就出一個(gè)字體運(yùn)用規(guī)范，讓開(kāi)發(fā)看一個(gè)文檔就好了。有個(gè)設(shè)計(jì)文檔和UI設(shè)計(jì)規(guī)范，可以減少很多設(shè)計(jì)與開(kāi)發(fā)之間的溝通。




后來(lái)給開(kāi)發(fā)團(tuán)隊(duì)引進(jìn)了zeplin，安卓小伙伴持續(xù)用著，ios開(kāi)發(fā)，一直看著我的sketch源文件，在我教會(huì)開(kāi)發(fā)sketch后，我連字體規(guī)范都少寫(xiě)了很多。




2、把這些東西一個(gè)版本的整理迭代好了，哪天來(lái)一場(chǎng)說(shuō)走就走的旅行，沒(méi)有交接成本，即使公司找不到設(shè)計(jì)師，開(kāi)發(fā)哥哥直接用這個(gè)規(guī)范，就可以分分鐘上崗黨設(shè)計(jì)師了。直接甩這個(gè)規(guī)范的sketch源文件就可以了。




好了，我們言歸正傳，看看最新的 移動(dòng)端UI設(shè)計(jì)規(guī)范模板參考吧。







看完，是不是心里有底了嗎？




移動(dòng)端一套完整的UI設(shè)計(jì)師也就是包含8個(gè)方面：




1、標(biāo)準(zhǔn)色




2、標(biāo)準(zhǔn)字




3、圖標(biāo)




4、 按鈕




5、公共控件




6、模塊




7、布局




8、APP效果展示圖




換句話說(shuō)就是




配色 字體 排版 布局 按鈕 表單 提示框、標(biāo)記、標(biāo)簽




彈窗、提示框 圖片尺寸（banner、模塊圖片、頭像圖片）等元素進(jìn)行規(guī)范整理。




也就是每一位APP設(shè)計(jì)師都會(huì)經(jīng)歷的一個(gè)過(guò)程。也是APP設(shè)計(jì)師學(xué)習(xí)和進(jìn)步的過(guò)程。




推薦一個(gè)關(guān)于設(shè)計(jì)規(guī)范的網(wǎng)址：https://ds.mockplus.cn/




來(lái)自https://www.25xt.com/appdesign/13754.html