18665606093
設計指南是最大化網頁設計團隊輸出效率，保證品牌一致性的核心工具。成功的設計規范不是一蹴而就的，需要注意的問題很多。
對于一個網站甚至一個品牌來說，設計指南不僅僅是一個標準文檔。優秀的設計指南本身就像藝術品一樣賞心悅目，在實際設計工作中具有不可替代的重要作用。它展示了你的產品的風格和形式，并以一種易于管理、易于使用和易于理解的方式集成了整個設計系統。
在制定設計指南時，以下六個要點不容忽視。
1.品牌識別示例
首先，你的設計指南應該包括視覺品牌標識展示案例，這樣才能把品牌標識呈現出來。
最好的案例，其實是符合實際應用場景的案例，這樣的實際案例也符合設計指南的真實意圖。
這些設計案例通常是品牌網站的首頁、手機頁面、APP的截圖。這些案例展示了品牌標志的正確使用和其他元素的相應顯示樣式。
下圖是《愛騎行》的品牌設計指南。他們設計指南的每一頁都設計得像一個網頁，這本身就顯示出足夠的一致性。設計指南中把一些常見的小元素放在一起解釋，比如不同地方的APP圖標應該呈現什么風格。
在設計指南中使用真實案例最大的好處是不需要創建額外的應用場景和模擬指令，而是用最真實的案例直接講解，這也是對其他團隊成員最有效的展示。
2.完整的設計描述
從配色到布局，從圖形的應用到具體控件的位置，都要有詳細的說明。
在整個設計中，風格和功能上應該遵循什么規律，背后的設計理念是什么，都要說明。
這些完整的解釋可以幫助整個設計開發團隊在不同的媒體中盡可能準確一致地采用統一的設計風格。在內核上有相同的元素和高度一致的設計，用戶在查看網頁和平面廣告時可以感知到品牌的獨特性和統一性，使不同位置的內容呈現出明顯的相關性。例如，由于用戶使用的設備，在線網頁經常呈現不同的字體。設計師會使用Google Fonts和Typekit調用第三方字體，盡可能接近品牌默認字體，以達到盡可能一致的體驗。
因此，如果字體是你品牌戰略中不可替代的一部分，你應該在整體設計規范中考慮到這一點。需要注意的地方一定要解釋清楚。例如，H1標簽下的字體大小必須是88點，而縮略圖大小總是200200像素，但不需要限制所有非關鍵點。只有將設計精神和風格與這些要點結合起來，你的團隊才能在規定的范圍內進行有效的設計。如果所有細節都被限制死，那么整個規范就變成了字典，每個人只有不斷的查閱規范才能完成設計。
3.風格和調性
在設計指南中描述和標準化每個設計元素的風格可能并不那么有趣，但它足夠重要。
風格的描述性復制也會影響視覺設計。這些描述性文字會影響設計師對風格體驗的掌控，對圖片類型的選擇，甚至會影響對顏色和字體的控制。所有這些共同構成了品牌的整體個性。
更重要的是，它們決定了外界如何識別你的產品和品牌。
強烈的風格和調性是視覺識別的核心之一。設計元素要有屬于品牌的獨特個性，保證用戶即使看不到LOGO，看不到文字，也能清晰判斷自己屬于誰。看看可口可樂的紅色和迪士尼的字體。他們是典型的。
4.SEO關鍵詞
搜索引擎優化的重要性日益突出。在網頁設計中，關鍵詞優化可能是討論最多但最無聊的部分。但是，你需要盡快考慮關鍵詞優化。
你應該用設計語言表達與你的品牌相關的關鍵詞，并在設計指南中明確指出。
城市舾裝商在其品牌設計指南中仔細列出了他們的相關關鍵詞。作為一個服裝品牌，列出的關鍵詞很多，但是核心關鍵詞都是用不同的顏色突出顯示的，讓你瞬間知道哪些應該突出顯示。
這樣的關鍵詞列表，對于負責網站文案的營銷策劃和設計師來說，無疑是非常有用的。對于文案來說，很容易陷入無中生有的思考和回憶，但這樣一個列表的存在并不會讓這種情況發生。
通過統一內容創建和關鍵詞系統，網站在排名上的優勢會更加明顯，離目標用戶更近一步。
5.元素樣式的控制
如今，各種各樣的圖案和設計材料正在互聯網上涌現，材料的濫用已經成為一個非常普遍的設計問題。所以在規范設計的時候，要控制模式和相關元素的使用范圍。
這包括LOGO和圖標的使用，配色的限制，表單和導航的控制，靜態和動態元素的控制。您可以在設計指南之外創建一個在線樣式指南，以便設計人員可以快速復制和粘貼這些元素。6.代碼片段
現在很多網站的設計指南已經包含了很多常用的代碼片段。從小動作效果到按鈕的滑動效果，這些代碼片段都和很多細節體驗有關。最重要的是他們降低了手工輸入代碼的成本，保證了代碼重用率。
對于網站的文本和媒體內容，相關的常用代碼片段是提高效率的關鍵之一。
Firefox在其最新的設計指南中包含了與元素使用相關的常見代碼。即使你從來沒有提供完整的代碼片段庫，也盡量包含一些基礎的、常用的代碼，讓設計人員和相關開發人員能夠更加統一高效地完成日常的編輯工作。
添加企業微信
18665606093
