2017年全行業(yè)app下載數(shù)量下滑呈下滑狀態(tài)，2月份下載環(huán)比大幅度下跌22%

與2016年相比，2017年月人均新安裝app個數(shù)環(huán)比下降12.4%

App市場的下降拓寬了小程序的發(fā)展空間，互聯(lián)網(wǎng)封口極速轉(zhuǎn)向

小程序市場基于微信占盡微信紅利2017年4月-12月份成爆發(fā)式增長占比微信用戶將近50%,總數(shù)接近4億

在2018年雙11期間，京東小程序PV為16371萬，對比10月數(shù)據(jù)日均提升了6.5倍；在雙11小程序引入UV總量達(dá)到1663萬。

隨著小程序的日益生長對ui設(shè)計師的需求也有了新的轉(zhuǎn)變，誠筑說小編帶你看看ui設(shè)計師從app設(shè)計到小程序設(shè)計的一些改變吧。

一、小程序與app的差異

頂部導(dǎo)航欄

App：可以保留導(dǎo)航欄，也可以去掉，可拓展性強(qiáng)，靈活性高。

小程序：導(dǎo)航欄右側(cè)有個無法去除和編輯的膠囊，設(shè)計時也不能在導(dǎo)航上增加其他功能。所以在 App 轉(zhuǎn)小程序時，導(dǎo)航欄的功能要換位置或者在放在導(dǎo)航欄下。

1.底部導(dǎo)航欄

App：可以編輯按鈕，也可以去掉，可拓展性強(qiáng)，靈活性高。

小程序：都有用戶登錄界面，用戶可以實現(xiàn)登錄、收藏、評論等，但更重要的原因，是小程序上同步了app內(nèi)的付費(fèi)效果。

2.標(biāo)簽欄

App：圖標(biāo)大小以及底部標(biāo)簽欄高度可自定義。

小程序：使用原生控件時，要遵從 icon 尺寸81*81px。

3.拖動排序

App：流暢、體驗佳

小程序：除非必要，否則不建議使用拖動排序。圖片和列表拖動在 Android機(jī)型上體驗不夠，會有卡頓的情況。

4.文本省略

App：可實現(xiàn)日常所需的所有文字、段落效果。

小程序：文本限制行數(shù)，加省略號，并且增加全文展開方案實現(xiàn)有問題。無法預(yù)估到行尾位置省略。

5.原生組件

App：可以自定義組件庫，對開發(fā)設(shè)計限制低。

小程序：部分組件是由微信創(chuàng)建的原生組件，有系統(tǒng)相機(jī)、輸入框、地圖、文本輸入...等等，原生控件使用有一定的限制，不能在滾動、輪播、選擇器、拖動區(qū)域中使用，層級最高無法被覆蓋，可供修改的參數(shù)由微信提供。

二、官方認(rèn)證小程序的設(shè)計規(guī)范

1. 字體規(guī)范

常用字號為20，18，17，16，14，13，11（pt）

字體顏色

主內(nèi)容Black黑色，次要內(nèi)容Grey灰色；時間戳與表單缺省值Light灰色；大段的說明內(nèi)容而且屬于主要內(nèi)容用Semi黑；

2. 列表視覺規(guī)范

3. 表單輸入視覺規(guī)范

默認(rèn)標(biāo)題范圍85px

4. 按鈕使用原則

按鈕高度為44px下使用：顏色#000000 / #353535 字號18pt

5. 圖標(biāo)使用原則

100*100px一般用于結(jié)果頁面狀態(tài)提醒，根據(jù)結(jié)果的情況選擇對應(yīng)的icon

天津誠筑說ui設(shè)計培訓(xùn)正在舉辦app與小程序ui設(shè)計的免費(fèi)試聽課程，如果想了解更多來官網(wǎng)看看吧