? ? ? 說到視覺設計規(guī)范，設計師們都不算陌生。例如一款APP，我們?nèi)糁皇窃O計界面而沒有視覺設計規(guī)范，會直接影響到項目的視覺統(tǒng)一性，上線后一看，你的大腦會浮現(xiàn)四個字--“慘不忍睹”。
一.設計規(guī)范作用
首先，我們要明確設計規(guī)范的作用有哪些。
1.促進多人協(xié)作，解決視覺不統(tǒng)一現(xiàn)象
? ? ? 一個項目中往往會有多名設計師共同參與，每位設計師都有各自的風格，這樣容易造成視覺不統(tǒng)一，從而導致用戶體驗不佳。例如項目中的一個高頻次按鈕，可能會出現(xiàn)圓角、高度、顏色、文字樣式、點擊效果等不同。即使一個項目只有一個設計師，面對幾十個頁面，也會不小心造成視覺的不統(tǒng)一。俗話說“力往一處使”，所以制作設計規(guī)范，設計師們的設計創(chuàng)作能達到視覺統(tǒng)一。
2.減少標注時間，提高前端開發(fā)質(zhì)量
雖然現(xiàn)在很多設計師用了Sketch，用了一些插件，大大減少標注時間甚至不用標注，但仍有相當一部分設計師還需要標注。有了設計規(guī)范，設計師可以大大減少標注頁面以及與前端工程師溝通的時間。同時，也會提高前端的開發(fā)質(zhì)量，例如同個模塊在不同頁面，有時前端會不小心忽視，從而造成視覺不統(tǒng)一。當然在前端工作之前，需要與設計師們一起參與視覺規(guī)范的評審，可能需要進一步完善設計規(guī)范，從而運用到開發(fā)過程中。
二.設計規(guī)范內(nèi)容
設計規(guī)范內(nèi)容主要有：標準色、標準字、圖標、控件（頂部導航、底部導航、二級導航、標題欄、列表、輸入框、按鈕、彈窗、toast、加載、刷新、空白頁等）。
具體案例可以看我收集的：huaban.com/boards/25014802/
三.適用人群
設計規(guī)范完成后需要發(fā)送以下人員：設計師（交互+視覺）、前端工程師、產(chǎn)品經(jīng)理、運營（例如banner的一些規(guī)范）。
四.規(guī)范何時做
首先，設計規(guī)范一般都是先完成幾個主要頁面后才制作的。我們不可能一開始就做，畢竟對頁面沒有一定的了解；也不可能頁面完成后再做，因為創(chuàng)作過程中需要設計規(guī)范。
1.設計師只有一名：這種情況，你第一版可以做的相對簡單點，畢竟一個人，例如標準色和標準字可以做一些記錄，相同控件在不同頁面要確保相同。
2.設計師兩名以上：這種情況，需要其中一名經(jīng)驗豐富的設計師制作較為詳細的視覺設計規(guī)范，根據(jù)規(guī)范，設計師們開展工作。
最后設計創(chuàng)作完成，再整理一份全面的設計規(guī)范。
如果你產(chǎn)品在1.0階段，那么設計規(guī)范很有可能不是那么完善。但1.0升級2.0階段，因為頁面會全面修改，設計規(guī)范的作用會大大增強，同時也有了規(guī)范制定的經(jīng)驗，將更加容易制定，更加全面。
五.設計規(guī)范不可變動嗎
設計規(guī)范的正面作用很明顯，但另一面，一不小心，設計師的思維會受到限制。例如在現(xiàn)有的規(guī)范下，隨著業(yè)務發(fā)展和需求增加，發(fā)現(xiàn)未必適合，那么就需要修改、增減規(guī)范。這樣一來，新頁面勢必與現(xiàn)有規(guī)范不一致。有些設計師會陷入兩難境地。怎么辦？要明確的一點，設計規(guī)范是可以隨時更改的。
說到這里，就要提一下，何為優(yōu)秀的設計規(guī)范：我認為規(guī)范在各種功能需求頁面中都能適用才是優(yōu)秀的。功能有先后順序，誰也不能確保規(guī)范都能適用，所以不斷修改調(diào)整規(guī)范是很有必要的。作為設計師，千萬不要一根筋，需要靈活應用。
誰能變動設計規(guī)范呢? 常見的是設計師和前端工程師。設計師可以理解，而前端在開發(fā)過程中，可能會出現(xiàn)一些問題，需要調(diào)整設計規(guī)范。
有一些優(yōu)秀的設計規(guī)范已經(jīng)經(jīng)過多年的積累、調(diào)整，逐漸形成了一種設計語言，例如微信weui:weui.io/，Ant Design:ant.design/index-cn,還有谷歌安卓的Material Design,微軟的Fluent Design等等。
六.結(jié)語
有人會說，做好了設計規(guī)范，甚至形成了設計語言，可能不需要設計師。其實，這是不對的。設計規(guī)范只是一個工具，協(xié)助我們完成設計創(chuàng)作。同時，它也不是一成不變的，再完美的設計規(guī)范，也會有修改。業(yè)務不斷發(fā)展，需求不斷增加，未來是不可預料的。我們切勿草率對待設計規(guī)范，它是幫助產(chǎn)品變得更好的工具之一。
