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

即將進(jìn)入嶄新的一年2017年啦,我們的移動(dòng)端的UI設(shè)計(jì)規(guī)范也層出不窮。很多APP設(shè)計(jì)師也要在年底給公司或者是團(tuán)隊(duì)做一個(gè)總結(jié)。那么一個(gè)像樣的APP ui設(shè)計(jì)規(guī)范也是很有必要的作品回顧。

另外,25學(xué)堂的小編相信大部分的UI設(shè)計(jì)師的情況是如下:

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

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

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

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

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

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

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效果展示圖

換句話說就是

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

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

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

每天更新,
全站高品質(zhì)素材免費(fèi)下載!