引導語：網頁設計規範是設計網頁的基本標準，以下是小編整理的網頁設計規範中應該出現哪些內容，歡迎參考閱讀!
品牌概述
爲一個風格混亂的網站制定一套設計規範可不是一件易事。
大部分設計規範由兩部分組成：
- 文案規範
- 視覺規範
每一部分的規範都同等重要，並且都應當屬於整體設計規範的一部分。將不同元素組成在一起形成一套形象標識。
把用戶的需求考慮進來，這套規範是否能夠迎合他們的期望。
色彩和色調
我們將着重討論設計規範中的視覺部分，這其中，色彩色調尤爲重要。你的形象是一種與用戶“對話”的方式。而這種對話風格是“正式”還是“非正式”？是“冗長”還是“簡明”？
設計規範的風格要寫的像你的網站複製品一樣。如此才能讓你的團隊懂得什麼纔是預期的效果，用什麼樣的設計語言才能給品牌形象加分。
比如說MailChimp的設計規範，其中他們描述了公司的吉祥物：“Freddie是我們的吉祥物，不能用它跟我們公司的標誌組合。Freddie總是面朝右邊，並且它總是眨着眼睛。”
“教條”與慣例
你的設計規範應該就像是你團隊的“設計攻略。”
它應該將何時、並且如何使用文字顏色以及其它的設計元素清晰明確的概括下來。這裏有一個清單，告訴你規範中都應該包含哪些內容：
- 色彩搭配，包括色卡以及可接受顏色
- 字體，包括可接受的字重、尺寸以及用法。
- 標誌，包括尺寸以及位置的規範
- 圖標以及元素風格（這其中包括了從按鈕到社交媒體分享的`所有圖標和元素）
- 拼寫，詞語的選擇和撰寫風格（應該遵循什麼樣的編輯樣式？APA、AP,還是別的？）
- 攝影照片規範，包括色彩、剪裁以及視覺展現。
- SEO信息，比如說圖片的alt標籤和關鍵詞
- 柵格標準（包括網頁和打印）
- 間距設置
- 接觸點（可以團隊成員如果有疑問可以一起討論或澄清的地方）
簡單明確的概念
現在是比較難的部分。你需要將上一部分列出的所有信息獲取並轉化爲簡單、明確以及可實施的概念。
- 不要沉溺對於設計規範內容的製作，這是一套視覺參考
- 將相關類目按照頁面歸類：一個頁面是色彩，一個頁面是字體等等
- 舉例說明。能用圖片解釋的，不要用文字解釋
- 提供有用的特性。比如色彩樣式，要有RGB(或HEX)以及CMYK數值
- 挑選出一些設計樣式去展示不同元素是如何組合和使用
摘要和示例
爲所有元素創建一個庫，包括整個項目中所用到的軟件，確保所有的文件、圖標、圖片都有一個共同的位置，確保每一個迭代版本原始文件的保留
