Web端網頁設計規范都包含哪些？

　　一、設計理念

　　不同的使用對象（B端、C端），不同的終端設備，設計的區別是完全不一樣的。所以設計理念也有所區別。

　　B端產品一般較定制化，以業務為導向。可能有很多高級功能，突出高效易用，導致易學性打折扣。

　　C端產品一般考慮絕大部分用戶使用場景和訴求，高級功能會相對少點。突出易學性。

　　所以在制定設計理念時，可根據團隊實際情況來設計制定。

　　二、設計原則

　　設計原則目前已經有很多，例如尼爾森的十大可用性原則、格式塔原則、剃刀法則、費茨定律、以及設計中常見的對比、對齊等，那么對于這么多原則如何變成一套自己的設計規范的設計原則篇呢？這個需要設計師們根據自身情況或者自身團隊實際情況去把控梳理。

　　三、組件控件

　　組件控件是整個設計規范的最重要的內容之一，組件控件分類可以根據組件控件屬性進行分類，也可以根據組件控件的功能進行劃分。

　　按照設計師做設計的使用場景，還是按照組件控件的功能性進行劃分比較切合。例如表單類就可以劃分為：單文本輸入，多文本輸入、日歷時間選擇器、下拉選擇列表、單選框復選框等等

　　四、界面交互

　　移動端的觸發手勢有單擊、長按、左右滑動、拖拽、旋轉、夾捏等。相對于移動端，Web端的界面交互就很簡單了，基本就是懸浮和點擊。

　　界面交互的本質用一個公式可表述即：觸發對象+操作行為+交互結果=界面交互

　　五、團隊輸出物

　　作為一名交互設計師，我們的重點工作職責是起到承上啟下的作用。

　　比如對接上游的產品經理和項目經理，跟他們討論過產品規劃及需求后，他們會根據交互設計師輸出的交互文檔來評審設計方案是否滿足用戶需求，以及在開發實施過程中的可行性；

　　其次要對接下游的視覺設計師和開發工程師，他們會根據交互文檔中的線框圖、交互細節說明等來輸出視覺設計稿、用代碼實現交互設計方案，并以此為依據完成落地實現等工作。所以交互設計師最重要的輸出物就是交互文檔，它是對接上下游的重要紐帶。

　　專業的交互文檔應該包含以下7點內容：完整的項目簡介、需求分析、新增修改紀錄、信息架構、交互設計的方案闡述、頁面交互流程圖（包含界面布局，操作手勢，反饋效果，元素的規則定義）、異常頁面和異常情況的說明。

　　作為視覺設計師而言，輸出物的是視覺稿、標注和切圖，這里不做贅述。