每個網站都具有自己的風格規范，這并不困難，但如果在整個項目中或讓每一個都使用同一種風格規范，這就難能可貴了。

現在，我們討論一下，到底應該如何做來確保人們遵循網站的規范，使網站在視覺上存保持一致性？這有那么一些復雜，讓我們進入今天話題。

1、品牌概述

如果你從來沒有從頭創建過一個設計模板會有點困難，對于初來乍道的來說，可以在MailChimp中找到他們喜歡的風格，MailChimp可以更根據你選擇的最喜歡的并獲得通用安裝證書許可，然后以此作為一個模型開始這個風格規范的規劃。

大多數設計模板有兩個部分：

文字標準

視覺標準

這兩個標準，是同等重要的，都是整體風格規范的一部分。把元素結合在一起將建立一個整體形象。每一個品牌或企業網站都有自己與眾不同的地方。選擇一個色調和風格，同步運用在字體和視覺畫面的效果上，把你的網站和用戶融為一體。

建立網站整理形象的時候，也正是品牌需求考慮到用戶和相關利益的人對此有何種期望的時候。是否被期待？是否有關聯，是否愿意在這樣的網站上進行瀏覽使用等交互行為？

2、語言風格

雖然我們將主要精力集中于網站風格規范的視覺方面，但語言風格是非常重要的，是整體網站的一部分，也是你與用戶“交談”的方式。語言風格是正式還是輕松的？是冗長或更簡潔的？

用同樣的方式為網站格式寫你的風格規范。這將有助于提示你的團隊知道網站的初步設想，以及如何運用語言風格去協助于品牌標識。

語言風格是與每一位用戶溝通使用的。返回到MailChimp，我們通過他的品牌語言風格的塑造上全面審視。注意到公司談論及它的吉祥物，舉個例子：“Freddie是我們的吉祥物。我們不需要使用他與我們的logo組合。Freddie的臉右側面的，他的表情一直是眨著眼睛的。”

3、“準則”及用途

你的風格規范應該是你設計的“劇本”。（可能是比“規范”聽起來更通俗易懂？）

它應該概括了如何以及何時使用的字體、顏色和所有其他設計元素類型，讓人更容易理解。包括：

• 調色板，包括標準色和可適用的色彩

  
  

• 排版，可適用的字體、字號、縮進、行間距跳轉

  
  

• LOGO，包括尺寸和位置

  
  

• 圖標或元素樣式（包括分享按鈕等）

  
  

• 拼寫，選項和格式風格（應該遵循哪種編輯格式？ APA格式？AP格式？或其他？）

  
  

• 照片格式，包括顏色、裁剪尺寸和視覺效果

  
  

• SEO信息，如ALT標簽和關鍵詞

  
  

• 電網標準（適用于網絡或打印）

  
  

• 間距方面的考慮（是否設計的太松或太緊）

  
  

• 反饋接觸信息（可以向團隊成員提問或建議的）

4、簡單而具體的概念

這可能是最困難的部分，你需要明白這些信息，并將其爛熟于心，理解成簡單、具體、可操作性強的概念：

當涉及到風格規范不能走極端，只是一個視覺參考，而通過這種方式去設計。

組合相關內容，并快速相關聯，比如頁面的顏色、已經跳轉進入另一頁的圖形和照片等。

為可以顯示的內容舉一些相似的例子，不需要解釋的部分用占位符。

盡可能地提供細節，色彩樣式，例如，包括RGB（或HEX ）和CMYK值等，使顏色可以規范使用。

打破部分常用的元素案例去設計。

5、片段和實例

無論你的設計風格規范是用于印刷還是數字使用或基于Web的文檔，應該包含有用的工具。部分有用的元素品牌案例做得到也可能做不到，但他可以很容易把重點放在你想看到的品牌視覺上。

然后，創建一個易操作的目錄。創建原型組（或一組常見的元素，這取決于你使用的軟件） 。保存在一個常用的位置，使其容易操作并且生成容易修改的文件。

為參與該項目的每個人提供基于云端軟件的工具列表。（這包括鏈接、用戶名等基本信息。）確保所有字體包、logo和圖像文件是在一個常用的位置，所有的使用者都知道他們在哪里。 （在另一個地方保留備份，以防原文件、作品丟失。）

創建代碼片段，易于復制并粘貼到項目主列表。這樣不用每次重建，常見的元素需要被分享在一個每個人都可以訪問的共享位置。

最后一步是進化優化。每件事情都可能會變，而且必然要經歷蛻變。

6、執行風格規范

最后，最大的問題是“如何讓人們遵循風格規范呢？”按照以上這些列出的內容，你已經有一個很好的方式擁有了設計的輪廓，具有了簡單、具體的概念。

風格規范是很容易被追隨的，就像你寫的網站一樣。語言是簡單的和不生僻的，可以讓人們去追隨這些準則。

風格規范應該留下足夠的設計空間對于其靈活性和實際制作上。就像你的品牌，在一定范圍內，可以幫助團隊成員發揮他們設計的創造力，也同時創造新的東西。風格規范的所有者也是如此，這是指批準、更新和變化設計風格規范的人，并能回答有關設計決策問題的所有人。這個“所有者”可以是個人團隊，或者更大組織的規模。

結論

你是不是已經有一個風格規范，或者正在準備一個新的？這是每年都會面對和處理的任務，這份指南將始終不會過時。去設計自己的網站風格規范吧！

http://www.bangwork.net/wangzhansheji/3248.html 一般網站設計的風格規范有哪些內容？