設(shè)計(jì)規(guī)范主要內(nèi)容

除去封面、目錄、維護(hù)設(shè)計(jì)師的簡(jiǎn)介外，就開始進(jìn)入正式的設(shè)計(jì)規(guī)范內(nèi)容。

1. 簡(jiǎn)介

需要說明所屬權(quán)、由誰設(shè)計(jì)維護(hù)、規(guī)范的用途，可以在簡(jiǎn)介上寫清楚，另外還可以寫上是由誰審核，范例可以參照所寫的內(nèi)容，主要是要說明較為重要的注意事項(xiàng)為主，內(nèi)容可以依據(jù)規(guī)范所需斟酌增刪。

本交互介面規(guī)范所有權(quán)屬于OOO公司，由 OOO UED 團(tuán)隊(duì)共同設(shè)計(jì)與維護(hù)，提供公司內(nèi)部與產(chǎn)品使用。本規(guī)范可提供于產(chǎn)品管理委員會(huì)審核交互與界面之標(biāo)準(zhǔn)，提供產(chǎn)品經(jīng)理能快速設(shè)計(jì)合乎標(biāo)準(zhǔn)規(guī)范之原型，提供設(shè)計(jì)師更高效應(yīng)用與減少設(shè)計(jì)失誤。同時(shí)此規(guī)范必須應(yīng)用于公司每項(xiàng)產(chǎn)品設(shè)計(jì)，保持產(chǎn)品介面與交互的統(tǒng)一性與標(biāo)準(zhǔn)性，提高產(chǎn)品的質(zhì)量。

2. 目的&原則

主要是描述設(shè)計(jì)此規(guī)范的目的為何，能夠給公司帶來什么益處，并且寫上此設(shè)計(jì)規(guī)范需要遵循哪些主要原則，并以這些原則為所有設(shè)計(jì)內(nèi)容的依據(jù)。

設(shè)計(jì)本規(guī)范目的為統(tǒng)一公司產(chǎn)品之交互與介面，對(duì)外形成統(tǒng)一的產(chǎn)品操作與品牌概念，減少設(shè)計(jì)師與產(chǎn)品經(jīng)理的重復(fù)工作，降低交互與介面上的歧異與錯(cuò)誤，同時(shí)保持產(chǎn)品的一致性與標(biāo)準(zhǔn)，逐步提升公司產(chǎn)品的質(zhì)量。

本規(guī)范主要遵循以下四原則：

01 一致性：保持系統(tǒng)層面一致性，包含交互操作、介面風(fēng)格與框架，降低用戶學(xué)習(xí)成本

02 易操作：簡(jiǎn)化操作流程，語言表達(dá)清晰、目的明確，幫助用戶快速做出決策

03 操作反饋：做好完善的提示與操作反饋，幫助用戶能到友好的操作體驗(yàn)與系統(tǒng)交互

04 干凈簡(jiǎn)潔：保持產(chǎn)品介面、資訊整齊簡(jiǎn)潔，勿以過多的操作與色彩干擾用戶，適時(shí)隱藏次要操作

3. 風(fēng)格

風(fēng)格可以盡量符合公司的性格、偏好顏色、品牌形象等視覺元素，通常也會(huì)著重在產(chǎn)品屬性上，而此處是以大數(shù)據(jù)產(chǎn)品為例，訴求也是希望能給用戶一種安定、沈穩(wěn)的感覺，會(huì)盡量避免刺激性的顏色或者夸張的動(dòng)態(tài)、動(dòng)畫。

OOO公司是一家大數(shù)據(jù)為業(yè)務(wù)訴求之公司，希望帶給用戶智能、穩(wěn)定安全、等概念，依據(jù)公司屬性，風(fēng)格偏向干凈簡(jiǎn)潔，無雜亂顏色干擾，盡可能突出重點(diǎn)功能與操作，引導(dǎo)用戶能夠順利完成其任務(wù)為目標(biāo)。

依據(jù)公司企業(yè)色規(guī)范，衍生出公司規(guī)范的色彩運(yùn)用，力求簡(jiǎn)潔干凈，色彩限制為五種主要輔助色彩，減少避免不必要的視覺干擾。

4. 適用環(huán)境

適用環(huán)境在此是以瀏覽器為主，不包含移動(dòng)端，會(huì)把分辨率與最適瀏覽器的版本都一一交代清楚。

(1) 規(guī)范適用于 Windows, Mac 桌面瀏覽器；

(2) 建議適用瀏覽器依序?yàn)?Chrome, Firefox, Sarfari, IE10；

(3) 分辨率建議 1366 * 768 為最佳體驗(yàn)，最小至 1280 * 720，最大值則不限。