網(wǎng)頁設(shè)計(jì)規(guī)范的價(jià)值

　　1.可重用性：有完整的設(shè)計(jì)規(guī)范和相應(yīng)的組件控件。方便視覺和交互設(shè)計(jì)師重復(fù)使用，無需重復(fù)制作，減少工作量，提高工作效率。

　　2.統(tǒng)一性：有了統(tǒng)一的設(shè)計(jì)規(guī)范，設(shè)計(jì)師可以避免自己創(chuàng)建組件控件，保持團(tuán)隊(duì)產(chǎn)品的統(tǒng)一體驗(yàn)。

　　3.提高能力：由于組件控件的可重用性，直接提高了設(shè)計(jì)人員的工作效率，節(jié)省了大量時(shí)間，有充足的時(shí)間思考設(shè)計(jì)和業(yè)務(wù)背后的邏輯，從而提高設(shè)計(jì)思維能力。同時(shí)，完整的設(shè)計(jì)規(guī)范是系統(tǒng)的，設(shè)計(jì)師看完之后可以構(gòu)建自己的設(shè)計(jì)體系，對設(shè)計(jì)的改進(jìn)大有裨益。

　　4.團(tuán)隊(duì)文化沉淀：團(tuán)隊(duì)有了設(shè)計(jì)規(guī)范之后，方便團(tuán)隊(duì)日后做設(shè)計(jì)依據(jù)和參考。無論新員工的到來還是老員工的離開，都可以很好地提高團(tuán)隊(duì)的協(xié)同效率。

　　網(wǎng)側(cè)設(shè)計(jì)規(guī)范是什么

　　目前，大多數(shù)在線設(shè)計(jì)規(guī)范都是針對組件控件的，缺乏完整的設(shè)計(jì)思路和系統(tǒng)的內(nèi)容。

　　在制定設(shè)計(jì)規(guī)范的過程中，將形成設(shè)計(jì)概念、設(shè)計(jì)原則、組件控制、界面交互和輸出文檔。設(shè)計(jì)人員可以根據(jù)自己的設(shè)計(jì)思路和原則，直接調(diào)用規(guī)范中的標(biāo)準(zhǔn)控件，根據(jù)信息結(jié)構(gòu)調(diào)用元素大小進(jìn)行設(shè)計(jì)，輕松輸出中高保真原型圖，減輕了設(shè)計(jì)過程中交互控件選擇和信息排版思維的負(fù)擔(dān)。

　　設(shè)計(jì)理念

　　不同的用戶(B端、C端)和不同的終端設(shè)備有著完全不同的設(shè)計(jì)差異。所以設(shè)計(jì)理念也不同。

　　b端產(chǎn)品一般都是定制的，以業(yè)務(wù)為導(dǎo)向。可能會有很多高級功能，突出了高效率和易用性，導(dǎo)致了在易學(xué)上的妥協(xié)。

　　c端產(chǎn)品一般會考慮大多數(shù)用戶的使用場景和需求，高級功能相對較少。突出易學(xué)。

　　所以在制定設(shè)計(jì)理念的時(shí)候，可以根據(jù)團(tuán)隊(duì)的實(shí)際情況進(jìn)行設(shè)計(jì)。

　　設(shè)計(jì)原理

　　目前的設(shè)計(jì)原則很多，比如尼爾森的可用性十原則、格式塔原則、剃刀原則、菲茨定律、設(shè)計(jì)中常見的比較和對齊，那么這么多原則怎么可能成為一套自己設(shè)計(jì)規(guī)范的設(shè)計(jì)原則呢？這就需要設(shè)計(jì)師根據(jù)自己的情況或者自己團(tuán)隊(duì)的實(shí)際情況來梳理控制。

　　組件控制

　　構(gòu)件控制是整個(gè)設(shè)計(jì)規(guī)范中最重要的內(nèi)容之一，構(gòu)件控制的分類可以根據(jù)其屬性進(jìn)行分類，也可以根據(jù)其功能進(jìn)行劃分。

　　根據(jù)設(shè)計(jì)者的使用場景或者組件控件的功能來劃分比較合適。例如，表單類可以分為：單文本輸入、多文本輸入、日歷時(shí)間選擇器、下拉選擇列表、單選復(fù)選框等界面交互

　　移動終端的觸發(fā)手勢包括點(diǎn)擊、長按、左右滑動、拖動、旋轉(zhuǎn)、捏等。與移動終端相比，Web終端上的界面交互非常簡單，基本就是浮動和點(diǎn)擊。

　　界面交互的本質(zhì)可以用一個(gè)公式表示：觸發(fā)對象操作行為交互結(jié)果=界面交互

　　團(tuán)隊(duì)輸出

　　作為一名交互設(shè)計(jì)師，我們的主要職責(zé)是發(fā)揮連接作用。

　　例如，在對接上游產(chǎn)品經(jīng)理和項(xiàng)目經(jīng)理，并與他們討論產(chǎn)品規(guī)劃和需求后，他們會根據(jù)交互設(shè)計(jì)師輸出的交互文檔，在開發(fā)和實(shí)施過程中審核設(shè)計(jì)方案是否滿足用戶需求和可行性；

　　其次要連接下游的視覺設(shè)計(jì)師和開發(fā)工程師，他們會根據(jù)交互文檔中的線框和交互細(xì)節(jié)輸出視覺設(shè)計(jì)草稿，用代碼實(shí)現(xiàn)交互設(shè)計(jì)方案，并在此基礎(chǔ)上完成落地實(shí)現(xiàn)。所以交互設(shè)計(jì)師最重要的輸出就是交互文檔，它是上下游的重要紐帶。

　　專業(yè)交互文檔應(yīng)包括以下七項(xiàng)內(nèi)容：完整的項(xiàng)目介紹、需求分析、新修改記錄、信息架構(gòu)、交互設(shè)計(jì)方案描述、頁面交互流程圖(包括界面布局、操作手勢、反饋效果、元素的規(guī)則定義)、異常頁面、異常情況描述。

　　作為一個(gè)視覺設(shè)計(jì)師，輸出的是視覺稿、標(biāo)注、裁剪，這里不贅述。