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

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

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

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

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

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

一、小程序與app的差異

頂部導(dǎo)航欄

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

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

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

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

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

2.標(biāo)簽欄

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

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

3.拖動(dòng)排序

App：流暢、體驗(yàn)佳

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

4.文本省略

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

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

5.原生組件

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

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

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

1. 字體規(guī)范

常用字號(hào)為20，18，17，16，14，13，11（pt）

字體顏色

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

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

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

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

4. 按鈕使用原則

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

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

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

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