如今,越來越多的朋友們都對ui設計非常的感興趣,大家是不是也很想了解呢?接下來就讓我們來為各位朋友們全面的分享下小程序ui設計規范,這樣也可以幫助大家更好的做好ui設計工作。
一、小程序
微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用"觸手可及"的夢想,用戶掃一掃或搜一下即可打開應用。
全面開放申請后,主體類型為企業、政府、媒體、其他組織或個人的開發者,均可申請注冊小程序。小程序、訂閱號、服務號、企業號是并行的體系。
小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創新,經過將近兩年的發展,已經構造了新的小程序開發環境和開發者生態。小程序也是這么多年來中國IT行業里一個真正能夠影響到普通程序員的創新成果,現在已經有超過150萬的開發者加入到了小程序的開發,與我們一起共同發力推動小程序的發展,小程序應用數量超過了一百萬,覆蓋200多個細分的行業,日活用戶達到兩個億,小程序還在許多城市實現了支持地鐵、公交服務。小程序發展帶來更多的就業機會,2017年小程序帶動就業104萬人,社會效應不斷提升。

(圖片來自網絡)
二、小程序ui設計規范
字號選擇
微信內字體的使用與所運行的系統字體保持一致,常用字號為20, 18, 17, 16,14 13, 11(pt)。
在字號規范中已經明確給出在結果頁主標題字號是40pt,而右圖沒有遵循該規范,因此右圖設計字號使用錯誤。
按鈕樣式
在小程序中按鈕控件的復用度是很高的,同樣的一個確定按鈕也會根據頁面環境不同來設定不同的寬高尺寸。需要注意的是,即使按鈕寬高不同,按鈕樣式也需要和遵循設計規范所標示出來的寬高比例、描邊、直角、圓角、色值、文字區域、字號、字間距等,保證按鈕樣式和規范統一。另外,在一般情況下,按鈕會有不同的狀態,這些變化也需要保持統一。
它被各類電商放在頁面不同的位置,主要來說主要分為三個位置:與子分類放在一起、頁面左上角、標簽欄。

(圖片來自網絡)
浮層和彈窗可關閉
如,用戶本打算進行搜索,在進入頁面時卻被突如其來的彈窗所打斷;這對用戶來說是非常不友好的干擾; 即便有部分用戶確實被“誘人”的抽獎活動所吸引,離開主流程去抽獎之后很可能就遺忘了原本的目標,進而失去了對產品真正價值的利用和認識。
小程序的界面必須遵守微信的外觀和功能,不得提供改變微信外觀和功能的產品體驗。
頂部標簽分頁欄顏色可自定義。在自定義顏色選擇中,務必注意保持分頁欄標簽的可用性、可視性和可操作性。
頂部分頁欄顏色可自定義,在自定義的同時要滿足可用性。
小程序界面內不得模仿系統通知或警告、誘導用戶點擊
小程序的頁面內容中,存在誘導類行為,包括但不限于誘導分享、誘導添加、誘導關注公眾號、誘導下載等,要求用戶分享、添加、關注或下載后才可操作的程序,含有明示或暗示用戶分享的文案、圖片、按鈕、浮層、彈窗等的小程序,通過利益誘惑誘導用戶分享、傳播的小程序,用夸張言語來脅迫、引誘用戶分享的小程序,強制或誘導用戶添加小程序的,都將會被拒絕;5.小程序頭像logo需使用透明或有色背景。若使用白色背景,需使用有色邊框。
小程序ui設計規范的內容如上文所述,大家是不是都全面的掌握住了呢?希望上面的內容大家都能夠好好的遵守。


在微信中搜索faceui