設計指南是一個非常寶貴的工具，可以最大限度地提高設計團隊的成品產(chǎn)出，并確保成品的合格滿意度。我們來看看成功的設計指南六個要素。

設計指南不僅僅是一個帶有新網(wǎng)站或品牌標識的前期文檔，好的設計指南更是一件藝術品，在日常的設計工作得到實際的應用。它概括了你的項目是什么，以及達到目標的效果是什么。它以一種易于管理、易于理解的方式將設計、語音甚至代碼元素結(jié)合在一起。

1. 品牌標識的例子

你的網(wǎng)站設計指南應該以一種視覺形式展示你的品牌標識，這種視覺形式代表了你想要品牌設計展示的樣子。最好的例子就是真實案例的使用，它們準確地說明了設計標準所要描述的內(nèi)容。當設計處于最佳狀態(tài)時，可以使用網(wǎng)站主頁、手機主頁、應用程序或其他任何地方的截圖。

《設計指南》的好處在于創(chuàng)造了品牌一致性。將設計的小元素納入重點，比如正確顯示應用程序圖標的樣式。

在設計指南中使用真實例子最好的部分是，你不需要創(chuàng)建額外的工作來展示視覺元素。你已經(jīng)擁有相關素材。此外，團隊成員將知道指南在實際操作中是有效的，因為有可視化的證明。

2. 設計指導方針

從色塊到排版調(diào)色板，再到形狀和設計元素的使用，每件事都應該清晰地勾勒出來。為什么設計在某種程度上具備一定功能性？因為可以幫助用戶更準確、更一致地跨媒體應用設計風格。當涉及到網(wǎng)站設計時，包含可能不同于印刷品牌的元素以及它們之間的關系運用。比如，許多設計師選擇了一個不同的在線印刷調(diào)色板，模仿印刷品牌，以最大限度地使用谷歌字體到Typekit的易用性。如果這是您的設計策略的一部分，請務必注意哪些字體是替換的。

當概述設計指南時，不要過度傳達不必要的細節(jié)。您需要做到的是讓團隊成員能夠一眼看到信息并使用它，而不是試圖在規(guī)范的海洋中尋找某些東西。

3.聲音和個性

編寫風格指南并不像設計指南中的其他視覺元素那樣有趣，但是同樣重要。一種用于復制的描述性寫作風格也會影響視覺效果。它有助于您選擇所需要使用的圖像類型，甚至包括顏色和類型等元素。所有這些操作一起為品牌創(chuàng)造了一個整體的個性。更重要的是，一個強有力的聲音和個性也成為視覺識別的一部分。良好的效果體現(xiàn)在設計元素上，因為即使在品牌的其他內(nèi)容之外，用戶也幾乎可以識別出設計元素。

4. SEO關鍵字

搜索引擎優(yōu)化是網(wǎng)站設計中討論最多的部分之一。盡早考慮關鍵詞很重要。關鍵詞包括范圍在談論品牌的方式中，在設計的描述性語言中，并在設計指南中列出最重要的關鍵詞。關鍵詞列表會讓你在每次看到它們的時候都能把它們記在腦海中。這正是SEO關鍵字列表需要達到的效果。設計元素應該始終與這些關鍵字相關，與整個網(wǎng)站設計中相關的內(nèi)容相關。

5. 模式和元素樣式

如果你想讓團隊真正喜歡設計指南，通過在線位置創(chuàng)建一個模式和元素風格指南，這樣用戶就可以快速復制和粘貼元素。這適用于標識、調(diào)色板、模式甚至表單字段和導航等設計元素的靜態(tài)和動畫版本。

6. 代碼片段

每個網(wǎng)站設計指南都需要包含大量常用的代碼片段。從按鈕到小動畫再到滑塊效果，這些代碼的運用也為網(wǎng)站增添了閱讀的豐富性、悅目性。這適用于囊括博客文章以及更精細的UI效果等。為圖片添加一個代碼塊，這樣博客就可以復制粘貼到合適的大小。即使您沒有提供完整的代碼片段庫，也要記住包含的一些基本信息，比如在網(wǎng)站設計的頁面上從H1到H4在哪里使用，以及如何設置按鈕和圖像的樣式。

結(jié)論

設計指南最好的部分是它不單是一個靜態(tài)文檔。更是一個隨著品牌和相應身份而成長和改變。

大多數(shù)網(wǎng)站設計師都選擇在線版本的設計指南，這樣修改代碼和抓取代碼和顏色片段就會變得又快又容易。不妨你也考慮在網(wǎng)站上添加一個風格指南頁面，并經(jīng)常引用、更新它。