如今，越來(lái)越多的朋友們都對(duì)ui設(shè)計(jì)非常的感興趣，大家是不是也很想了解呢？接下來(lái)就讓我們來(lái)為各位朋友們?nèi)娴姆窒硐滦〕绦騯i設(shè)計(jì)規(guī)范，這樣也可以幫助大家更好的做好ui設(shè)計(jì)工作。

　　一、小程序

　　微信小程序，簡(jiǎn)稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用"觸手可及"的夢(mèng)想，用戶掃一掃或搜一下即可打開應(yīng)用。

　　全面開放申請(qǐng)后，主體類型為企業(yè)、政府、媒體、其他組織或個(gè)人的開發(fā)者，均可申請(qǐng)注冊(cè)小程序。小程序、訂閱號(hào)、服務(wù)號(hào)、企業(yè)號(hào)是并行的體系?！　?/p>

　　小程序是一種不用下載就能使用的應(yīng)用，也是一項(xiàng)門檻非常高的創(chuàng)新，經(jīng)過(guò)將近兩年的發(fā)展，已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。小程序也是這么多年來(lái)中國(guó)IT行業(yè)里一個(gè)真正能夠影響到普通程序員的創(chuàng)新成果，現(xiàn)在已經(jīng)有超過(guò)150萬(wàn)的開發(fā)者加入到了小程序的開發(fā)，與我們一起共同發(fā)力推動(dòng)小程序的發(fā)展，小程序應(yīng)用數(shù)量超過(guò)了一百萬(wàn)，覆蓋200多個(gè)細(xì)分的行業(yè)，日活用戶達(dá)到兩個(gè)億，小程序還在許多城市實(shí)現(xiàn)了支持地鐵、公交服務(wù)。小程序發(fā)展帶來(lái)更多的就業(yè)機(jī)會(huì)，2017年小程序帶動(dòng)就業(yè)104萬(wàn)人，社會(huì)效應(yīng)不斷提升。

（圖片來(lái)自網(wǎng)絡(luò)）

　　二、小程序ui設(shè)計(jì)規(guī)范

　　字號(hào)選擇

　　微信內(nèi)字體的使用與所運(yùn)行的系統(tǒng)字體保持一致，常用字號(hào)為20, 18, 17, 16,14 13, 11(pt)。

　　在字號(hào)規(guī)范中已經(jīng)明確給出在結(jié)果頁(yè)主標(biāo)題字號(hào)是40pt，而右圖沒(méi)有遵循該規(guī)范，因此右圖設(shè)計(jì)字號(hào)使用錯(cuò)誤。

　　按鈕樣式

　　在小程序中按鈕控件的復(fù)用度是很高的，同樣的一個(gè)確定按鈕也會(huì)根據(jù)頁(yè)面環(huán)境不同來(lái)設(shè)定不同的寬高尺寸。需要注意的是，即使按鈕寬高不同，按鈕樣式也需要和遵循設(shè)計(jì)規(guī)范所標(biāo)示出來(lái)的寬高比例、描邊、直角、圓角、色值、文字區(qū)域、字號(hào)、字間距等，保證按鈕樣式和規(guī)范統(tǒng)一。另外，在一般情況下，按鈕會(huì)有不同的狀態(tài)，這些變化也需要保持統(tǒng)一。

　　它被各類電商放在頁(yè)面不同的位置，主要來(lái)說(shuō)主要分為三個(gè)位置：與子分類放在一起、頁(yè)面左上角、標(biāo)簽欄。

（圖片來(lái)自網(wǎng)絡(luò)）

　　浮層和彈窗可關(guān)閉

　　如，用戶本打算進(jìn)行搜索，在進(jìn)入頁(yè)面時(shí)卻被突如其來(lái)的彈窗所打斷;這對(duì)用戶來(lái)說(shuō)是非常不友好的干擾; 即便有部分用戶確實(shí)被“誘人”的抽獎(jiǎng)活動(dòng)所吸引，離開主流程去抽獎(jiǎng)之后很可能就遺忘了原本的目標(biāo)，進(jìn)而失去了對(duì)產(chǎn)品真正價(jià)值的利用和認(rèn)識(shí)。

　　小程序的界面必須遵守微信的外觀和功能，不得提供改變微信外觀和功能的產(chǎn)品體驗(yàn)。

　　頂部標(biāo)簽分頁(yè)欄顏色可自定義。在自定義顏色選擇中，務(wù)必注意保持分頁(yè)欄標(biāo)簽的可用性、可視性和可操作性。

　　頂部分頁(yè)欄顏色可自定義，在自定義的同時(shí)要滿足可用性。

　　小程序界面內(nèi)不得模仿系統(tǒng)通知或警告、誘導(dǎo)用戶點(diǎn)擊

　　小程序的頁(yè)面內(nèi)容中，存在誘導(dǎo)類行為，包括但不限于誘導(dǎo)分享、誘導(dǎo)添加、誘導(dǎo)關(guān)注公眾號(hào)、誘導(dǎo)下載等，要求用戶分享、添加、關(guān)注或下載后才可操作的程序，含有明示或暗示用戶分享的文案、圖片、按鈕、浮層、彈窗等的小程序，通過(guò)利益誘惑誘導(dǎo)用戶分享、傳播的小程序，用夸張言語(yǔ)來(lái)脅迫、引誘用戶分享的小程序，強(qiáng)制或誘導(dǎo)用戶添加小程序的，都將會(huì)被拒絕;5.小程序頭像logo需使用透明或有色背景。若使用白色背景，需使用有色邊框。

　　小程序ui設(shè)計(jì)規(guī)范的內(nèi)容如上文所述，大家是不是都全面的掌握住了呢？希望上面的內(nèi)容大家都能夠好好的遵守。