為什么要做設(shè)計(jì)規(guī)范

統(tǒng)一性：相同的元素以不同形式展示，對于用戶來說容易造成困惑第股，新的變化會讓用戶思考。統(tǒng)一的規(guī)則能減輕用戶的思考負(fù)擔(dān)话原，同樣的文字，狀態(tài)诲锹，按鈕繁仁，都應(yīng)該觸發(fā)相同的事情

工作效率：有了完整的設(shè)計(jì)規(guī)范和對應(yīng)的組件控件。方便視覺和交互設(shè)計(jì)師反復(fù)復(fù)用归园，不需要重復(fù)制作黄虱，減少工作量提高工作效率

提升能力：由于組件控件的可復(fù)用，這直接使設(shè)計(jì)師的工作效率得到極大提高節(jié)省了大量時(shí)間庸诱，可以有大量時(shí)間思考設(shè)計(jì)和業(yè)務(wù)背后的邏輯從而提高設(shè)計(jì)思維能力捻浦。在規(guī)范形成過程中晤揣，設(shè)計(jì)師需要對單個(gè)元素場景，狀態(tài)認(rèn)真思量朱灿，大概率發(fā)現(xiàn)平時(shí)工作難以察覺的問題昧识，進(jìn)行優(yōu)化

保持品牌形象和認(rèn)知度：沒有設(shè)計(jì)規(guī)范，迭代過程中容易忘記設(shè)計(jì)初衷盗扒，產(chǎn)品控件混亂跪楞，品牌形象走樣遵循相應(yīng)的規(guī)范，保持產(chǎn)品特性侣灶，強(qiáng)化用戶認(rèn)知度甸祭。

web中有哪些設(shè)計(jì)規(guī)范

標(biāo)志的使用：首頁徽標(biāo)和二級標(biāo)志：顏色，大小褥影，字體池户，樣式.

柵格系統(tǒng)：以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范版面布局以及信息分布，包括橫幅圖分布凡怎，視頻播放器位置校焦，廣告位排布，列表排布栅贴，主要內(nèi)容等

顏色配色：網(wǎng)絡(luò)中斟湃，要有一個(gè)主色調(diào)，作為網(wǎng)絡(luò)中主要部件配色貫穿于網(wǎng)站結(jié)構(gòu)中檐薯，其他輔色可按照部件的功能和位置劃分

文字：文字的大小凝赛，樣式和配色，按照內(nèi)容和頁面層級不同坛缕，應(yīng)有統(tǒng)一規(guī)格墓猎。可以很清楚的看到赚楚，頁面中標(biāo)題毙沾，時(shí)間，內(nèi)容等宠页，采用不同的文字大小劃分層級左胞。

圖片，圖標(biāo)：圖片高寬比举户，大小按不同層級有固定模式烤宙，功能相同的圖標(biāo)規(guī)格統(tǒng)一。

各部件和交互樣式：包括??板塊樣式俭嘁，選項(xiàng)卡躺枕，導(dǎo)航，步驟條，搜索拐云，按鈕罢猪，提示，彈窗叉瘩，浮層膳帕，表單，下拉菜單房揭，輸入框等备闲，應(yīng)盡量做到統(tǒng)一和復(fù)用

頁頭頁腳：首頁，子頁面捅暴，內(nèi)容頁相同層級的頁面恬砂，頁頭頁腳一般保持統(tǒng)一

app中有哪些設(shè)計(jì)規(guī)范

間距：以統(tǒng)一的間距管理，區(qū)分頁面控件和信息層級蓬痒。

顏色：應(yīng)用程序中有主色保持軟件風(fēng)格和用戶辨識度泻骤，作為主要部件配色貫穿于軟件結(jié)構(gòu)中，其他輔色可按照部件的功能和位置劃分.ofo是給我印象比較深的梧奢，各個(gè)頁面都是黃色為主色狱掂，有很高的用戶辨識度。

文字：應(yīng)用程序中字體一般不超過兩種亲轨，其他特殊的字體少量趋惨，可以特別說明字號以使用量多的為基準(zhǔn)，定義為中字號惦蚊，再根據(jù)信息器虾，頁面層級劃分出大字號，小字號蹦锋。

各部件和交互：導(dǎo)航欄兆沙，標(biāo)簽欄，工具欄莉掂，輸入框葛圃，列表，圖標(biāo)憎妙，下拉刷新库正，下拉加載，反饋提示等厘唾，應(yīng)盡量做到統(tǒng)一和復(fù)用诀诊。對比下今日頭條的兩個(gè)標(biāo)簽頁，采用相同的刷新操作阅嘶，同時(shí)刷新的提示也相同，新聞列表也使用相同部件。