本文是WEB端系列設(shè)計規(guī)范的前言。目的是在激發(fā)玉石方面發(fā)揮作用，并簡要描述如何制作屬于“自我”的Web端設(shè)計規(guī)范。

Web端設(shè)計規(guī)范的價值1.可重用性提供完整的設(shè)計規(guī)范和相應(yīng)的組件控件。方便可視化和交互式設(shè)計人員重復(fù)使用，無需重復(fù)生產(chǎn)，減少工作量并提高工作效率。 2. Unity具有統(tǒng)一的設(shè)計規(guī)范，在設(shè)計人員之間使用時，可以避免自行創(chuàng)建組件控件并保持團隊產(chǎn)品的統(tǒng)一體驗。 3.增強能力由于組件控件的可重用性，這直接使設(shè)計人員的工作效率大大提高，節(jié)省了大量時間，并且可以有很多時間去思考設(shè)計和業(yè)務(wù)背后的邏輯，以提高設(shè)計思維能力。同時，完整的設(shè)計規(guī)范是系統(tǒng)化的，設(shè)計人員可以在閱讀后建立自己的設(shè)計系統(tǒng)，這對設(shè)計的改進有很大的好處。 4.團隊文化沉淀團隊具有設(shè)計規(guī)范后，方便團隊為將來的設(shè)計奠定基礎(chǔ)和參考。無論是新員工的到來還是舊員工的離職，團隊都能很好地提高團隊的協(xié)同效率。Web端設(shè)計規(guī)范包含哪些目前，互聯(lián)網(wǎng)上的大多數(shù)設(shè)計規(guī)范都是組件控制的規(guī)范，缺乏完整的設(shè)計思想和系統(tǒng)內(nèi)容。在設(shè)計規(guī)范的開發(fā)過程中形成了設(shè)計概念，設(shè)計原則，組件控制，界面交互和輸出文檔。根據(jù)自身的設(shè)計理念和原理，設(shè)計人員可以根據(jù)功能要求直接調(diào)用規(guī)范中的標(biāo)準(zhǔn)控件，并根據(jù)信息結(jié)構(gòu)設(shè)計元件尺寸。輸出高保真原型圖很容易，這減少了設(shè)計過程中交互式控制的選擇。和信息排版思維的負擔(dān)。

Web端設(shè)計規(guī)范之設(shè)計理念篇不同的使用對象（B端，C端），不同的終端設(shè)備，設(shè)計差異完全不同。所以設(shè)計理念也不同。 B端產(chǎn)品通常更加個性化，面向商業(yè)。可能有許多高級功能非常出色且高效，因此可以輕松學(xué)習(xí)折扣。 C端產(chǎn)品通常考慮大多數(shù)用戶使用場景和吸引力，而高級功能將相對較小。突出簡單易學(xué)。因此，在設(shè)計設(shè)計概念時，可以根據(jù)團隊的實際情況進行設(shè)計。Web端設(shè)計規(guī)范之設(shè)計原則篇已經(jīng)有很多設(shè)計原則，例如尼爾森的十大可用性原則，格式塔原則，剃刀法，菲茨定律，以及設(shè)計中常見的對比，對齊等，那么你如何成為一套你有這么多原則嗎？設(shè)計規(guī)范的設(shè)計原則是什么？這要求設(shè)計師根據(jù)自己的情況或自己團隊的實際情況來整理控件。Web端設(shè)計規(guī)范之組件控件篇組件控件是整體設(shè)計規(guī)范的重要組成部分。組件控件分類可以根據(jù)組件控件屬性進行分類，也可以根據(jù)組件控件的功能進行劃分。根據(jù)設(shè)計師設(shè)計的設(shè)計場景，根據(jù)組件控制的功能更加合適。根據(jù)功能劃分，例如，表單類可以分為：單文本輸入，多文本輸入，日歷時間選擇器，下拉選擇列表，單選多選等。Web端設(shè)計規(guī)范之界面交互篇觸發(fā)手勢移動終端有點擊，長按，左右滑動，拖動，旋轉(zhuǎn)，捏合等。與移動終端相比，網(wǎng)側(cè)的界面交互非常簡單，基本上是懸停和點擊。界面交互的本質(zhì)可以用公式表示：觸發(fā)對象+操作行為+交互結(jié)果=界面交互Web端設(shè)計規(guī)范之團隊輸出物篇作為交互設(shè)計師，我們的主要工作職責(zé)是發(fā)揮作用。 例如，在與上游產(chǎn)品經(jīng)理和項目經(jīng)理對接之后，在與他們討論產(chǎn)品規(guī)劃和要求之后，他們將根據(jù)交互設(shè)計者輸出的交互文檔來審查設(shè)計是否滿足用戶的需求和開發(fā)過程中的可行性。為了與下游視覺設(shè)計師和開發(fā)工程師建立聯(lián)系，他們將在交互式文檔中輸出基于線框和交互式詳細描述的視覺設(shè)計草圖，使用代碼實現(xiàn)交互式設(shè)計方案，并將其作為完成實現(xiàn)的基礎(chǔ)。因此，交互設(shè)計者的重要輸出是交互式文檔，它是上游和下游之間的重要聯(lián)系。交互式文檔應(yīng)包含以下7點：完整的項目介紹，需求分析，新的修改記錄，信息架構(gòu)，交互設(shè)計和頁面交互流程圖（包括界面布局，操作手勢，反饋效果，元素規(guī)則）。定義），異常頁面和異常的描述。作為視覺設(shè)計師，輸出是視覺草稿，注釋和剪切，這里不再描述。