開發(fā)和設(shè)計(jì)溝通有多難？ - 你只差一個(gè)設(shè)計(jì)規(guī)范

成都/設(shè)計(jì)愛好者/7年前/192瀏覽

版權(quán)

在網(wǎng)絡(luò)上或是我們的日常工作中，經(jīng)常會(huì)看到設(shè)計(jì)師和開發(fā)人員兩大陣營的爭(zhēng)論。設(shè)計(jì)師可能經(jīng)常會(huì)遇到這樣一些情況，當(dāng)開發(fā)人員對(duì)著設(shè)計(jì)稿想實(shí)現(xiàn)一些效果時(shí)，會(huì)提出一大堆的問題。如：這個(gè)按鈕的顏色是什么呢？這個(gè)導(dǎo)航欄一級(jí)菜單的字體大小是多少呢？這兩頁的LOGO一樣，大小尺寸有什么區(qū)別嗎？等等。雖然兩者時(shí)常會(huì)爭(zhēng)論不休，但是，一款好的產(chǎn)品，絕對(duì)離不開設(shè)計(jì)師和開發(fā)兩者的密切溝通配合。

ALT：開發(fā)與設(shè)計(jì)溝通

溝通？看起來簡(jiǎn)單，但在實(shí)際工作中并非易事。設(shè)計(jì)師與開發(fā)人員的溝通必須做到兩點(diǎn)。一是讓開發(fā)人員清晰的明白產(chǎn)品交互設(shè)計(jì)需求（可直接查看需求文檔、原型圖）；二是讓開發(fā)人員能夠嚴(yán)格執(zhí)行界面設(shè)計(jì)元素（色彩、尺寸、字體、LOGO等），也就是我們常說的設(shè)計(jì)規(guī)范。

現(xiàn)在市場(chǎng)上能夠解決需求文檔（word、excel、MindManager、visio、紙等）和原型圖（Axure、國產(chǎn)Mockplus、justinmind等）的工具很多，在之前的文章中（APP原型設(shè)計(jì)利器！【附】人人都是產(chǎn)品經(jīng)理APP原型剖析）也有給大家推薦，在此不再贅述。然而，能夠讓我們自定義設(shè)計(jì)規(guī)范的工具屈指可數(shù)。

設(shè)計(jì)規(guī)范是什么？

小編的理解：能夠?qū)缑鎁I中的設(shè)計(jì)元素（如：Logo、配色、字體、排版等）資源進(jìn)行管理和歸納的規(guī)范性文檔。

設(shè)計(jì)規(guī)范的作用是什么？

設(shè)計(jì)規(guī)范能夠?yàn)閳F(tuán)隊(duì)解決諸多問題，大大提高團(tuán)隊(duì)協(xié)作效率，其作用主要體現(xiàn)在如下方面：

1. 解決團(tuán)隊(duì)協(xié)作項(xiàng)目控件使用混亂

一個(gè)包含幾十頁甚至幾百頁的大型項(xiàng)目，一般都是團(tuán)隊(duì)協(xié)作一起完成。若沒有制定的設(shè)計(jì)規(guī)范，想保持不同頁面同一控件的統(tǒng)一性，幾乎是不可能的。但是，如果在多人進(jìn)行協(xié)作某一項(xiàng)目前，UI設(shè)計(jì)師制定一份設(shè)計(jì)規(guī)范，其他協(xié)作成員都遵循此規(guī)范，就可以有效的把控視覺統(tǒng)一性了，提高工作效率也就變得輕松多了。

ALT：控件使用混亂

2. 保持產(chǎn)品迭代過程中品牌一致性

在產(chǎn)品的后期維護(hù)過程中，少不了迭代。若沒有制定的設(shè)計(jì)規(guī)范，在經(jīng)過多次迭代后，我們很可能忘記了設(shè)計(jì)初衷。版本3中的LOGO樣式可能和版本1相差越來越遠(yuǎn)。若有了設(shè)計(jì)規(guī)范，在后期迭代過程中就很容易保持初衷，良好的維護(hù)品牌形象。

ALT：品牌迭代

3. 大大提高開發(fā)人員工作效率，減少不必要的代碼重復(fù)

有了設(shè)計(jì)規(guī)范，開發(fā)人員可快速調(diào)用一套代碼，大大提高工作效率。

ALT：開發(fā)效率

設(shè)計(jì)規(guī)范系統(tǒng)有哪些？

今天，要給大家推薦的是國內(nèi)首個(gè)設(shè)計(jì)系統(tǒng)-摹客設(shè)計(jì)系統(tǒng)。也許很多人都還沒有聽說過，但是我相信做產(chǎn)品，做設(shè)計(jì)的朋友一定聽說過國產(chǎn)原型設(shè)計(jì)神器-Mockplus。這兩者有什么關(guān)系嗎？當(dāng)然，這是由一家公司開發(fā)的，在設(shè)計(jì)系統(tǒng)里面制定的規(guī)范可直接應(yīng)用到原型設(shè)計(jì)中。

有沒有感覺很牛？好了，廢話不多說，下面帶領(lǐng)大家一起來認(rèn)識(shí)一下這個(gè)設(shè)計(jì)系統(tǒng)，讓你先睹為快。

目前摹客設(shè)計(jì)系統(tǒng)可以對(duì)界面UI中的Logo、標(biāo)準(zhǔn)色、字體、段落樣式、圖標(biāo)、圖片、組件、度量、陰影等資源進(jìn)行管理和歸納。

制定規(guī)范

進(jìn)入設(shè)計(jì)系統(tǒng)后，新建空白庫，可根據(jù)自己團(tuán)隊(duì)需求快速對(duì)Logo、標(biāo)準(zhǔn)色、字體、圖標(biāo)、圖片、組件等設(shè)計(jì)規(guī)范。