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

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

1. 品牌標識的例子

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

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

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

2. 設(shè)計指導(dǎo)方針

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

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

3.聲音和個性

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

4. SEO關(guān)鍵字

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

5. 模式和元素樣式

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

6. 代碼片段

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

結(jié)論

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

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