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

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

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