設計指南是一個核心工具，可以極大地提高網頁設計團隊的輸出效率并確保品牌的一致性。成功的設計規范不是一次性過程，需要注意許多問題。

對于網站甚至是品牌，設計指南不僅僅是規范文檔。優秀的設計指南本身就像藝術品一樣令人愉悅，在實際設計工作中具有不可替代的重要功能。它展示了您的產品應具有的風格和形式，并以可管理，易于使用且易于理解的方式將整個設計系統整合在一起。在制作設計指南時，不得忽視以下六個要點。 1.品牌識別示例首先，您的設計指南應包括一個可視化的品牌標識展示案例，以便展示品牌標識應該是什么樣子。眾所周知的案例實際上是符合實際應用場景的案例，這樣的實際案例也符合設計指南的真實意圖。這些設計案例，通常是品牌的網站主頁，移動頁面，APP截圖，這些案例展示了正確使用的品牌標識，以及相應的顯示風格的其他元素。下圖是Love to Ride的品牌設計指南。他們的設計指南的每一頁都像網頁一樣設計，并且本質上是一致的。設計指南甚至討論了一些常見的小元素，這些元素組合在一起來說明，例如應該在不同的地方呈現哪些樣式的APP圖標。在設計指南中使用真實示例的真正優勢在于您不必創建其他場景和模擬，而是使用真實示例直接說明它們，對于團隊的其他成員，它們也是有效的示威游行。 2，從配色方案到布局布局的完整設計描述，從使用圖形到具體控件的外觀，必須有詳細的描述。在整個設計中，應該在風格和功能方面遵循哪些規則，并且應該解釋設計理念背后的內容。這些完整的解釋有助于整個設計和開發團隊在不同媒體上準確一致地采用一致的設計風格。 內核上相同的元素和高度一致的設計允許用戶在查看網頁和平面廣告時感知品牌的獨特性和統一性，從而使不同位置的內容顯示出明確的關系。例如，由于用戶的設備，在線網頁通常顯示不同的字體。設計人員將使用Google字體和Typekit調用盡可能接近品牌默認字體的第三方字體，以實現相同的可能一致性。經驗。因此，如果字體是您品牌戰略中不可替代的一部分，那么您應該在整體設計規范中考慮這一點。對于需要注意的點，必須明確說明。例如，H1標簽下的字體大小必須為88磅，縮略圖的大小始終為200×200像素，但不必限制所有非關鍵點。將設計的精神和風格與這些關鍵點相結合，將使您的團隊能夠在規定的范圍內有效地進行設計。如果定義了所有細節，那么整個規范就變成了一個字典，每個人都只能依靠對規范的不間斷訪問來完成設計。 3.樣式和色調設計指南中每個設計元素的描述性和標準樣式可能不是那么有趣，但足夠重要。風格的描述也會影響視覺設計。這些描述的文字將影響設計師對風格體驗和圖片類型選擇的控制，甚至對顏色和字體的控制也會受到影響。所有這些事物共同構成了品牌的整體個性。更重要的是，它們決定了外部世界如何識別您的產品和品牌。強大的風格和色調是視覺識別的核心之一。設計元素應具有屬于品牌的獨特個性，以便用戶即使看不到文本也能清楚地確定他們屬于誰。看看可口可樂的紅色和迪斯尼字體，這是典型的。搜索引擎優化關鍵詞在搜索引擎優化中的重要性日益凸顯。在網頁設計中，關鍵字優化可能是一個討論得多但很無聊的組件。 但是，您需要盡早考慮關鍵字優化。您應該以設計語言表達與品牌相關的關鍵字，并在設計指南中明確指出。 Urban Outfitters在其品牌設計指南中仔細列出了相關的關鍵字。雖然作為服裝品牌，列出了許多關鍵字，但核心關鍵字以不同顏色突出顯示，以便您可以立即知道哪些應突出顯示。對于負責網站副本的營銷策劃人員和設計人員來說，這樣的關鍵字列表無疑是非常有用的。對于撰稿人而言，思考和回憶往往很容易被困住，而這種列表的存在并不會使這種情況發生。為了使內容創建和關鍵字系統統一，網站在排名方面的優勢將更加明顯，并且它將更接近目標用戶。 5，對元素風格的控制如今，互聯網上的各種圖案和設計材料相繼出現，濫用材料已成為一種非常常見的設計問題。因此，在規范設計中，應該控制模式和相關元素的使用范圍。這包括使用LOGO和圖標，顏色匹配的限制，表單和導航的控制，以及靜態和動態元素的控制。您可以在設計指南之外創建在線樣式指南，以便設計人員可以快速復制和粘貼這些元素。 6.代碼片段許多網站設計指南現在包含許多常見的代碼片段。從按鈕的小動畫到滑動效果，這些代碼片段與許多細節的體驗相互關聯。關鍵是它們降低了手動輸入代碼的成本并確保了代碼的重用率。對于網站文本和媒體內容，相關的公共代碼片段是提高效率的關鍵之一。 Firefox在其新設計指南中包含了元素使用的通用代碼。 即使您從未提供完整的代碼段庫，也要嘗試包含一些基本的常用代碼，以便設計人員和相關開發人員能夠更加一致，高效地完成日常編輯工作。