天津ui設計培訓,ui設計師們的新風口來了
309 2018-12-18
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總量達到1663萬。
隨著小程序的日益生長對ui設計師的需求也有了新的轉(zhuǎn)變,誠筑說小編帶你看看ui設計師從app設計到小程序設計的一些改變吧。
一、小程序與app的差異
頂部導航欄
App:可以保留導航欄,也可以去掉,可拓展性強,靈活性高。
小程序:導航欄右側(cè)有個無法去除和編輯的膠囊,設計時也不能在導航上增加其他功能。所以在 App 轉(zhuǎn)小程序時,導航欄的功能要換位置或者在放在導航欄下。
1.底部導航欄
App:可以編輯按鈕,也可以去掉,可拓展性強,靈活性高。
小程序:都有用戶登錄界面,用戶可以實現(xiàn)登錄、收藏、評論等,但更重要的原因,是小程序上同步了app內(nèi)的付費效果。
2.標簽欄
App:圖標大小以及底部標簽欄高度可自定義。
小程序:使用原生控件時,要遵從 icon 尺寸81*81px。
3.拖動排序
App:流暢、體驗佳
小程序:除非必要,否則不建議使用拖動排序。圖片和列表拖動在 Android機型上體驗不夠,會有卡頓的情況。
4.文本省略
App:可實現(xiàn)日常所需的所有文字、段落效果。
小程序:文本限制行數(shù),加省略號,并且增加全文展開方案實現(xiàn)有問題。無法預估到行尾位置省略。
5.原生組件
App:可以自定義組件庫,對開發(fā)設計限制低。
小程序:部分組件是由微信創(chuàng)建的原生組件,有系統(tǒng)相機、輸入框、地圖、文本輸入...等等,原生控件使用有一定的限制,不能在滾動、輪播、選擇器、拖動區(qū)域中使用,層級最高無法被覆蓋,可供修改的參數(shù)由微信提供。
二、官方認證小程序的設計規(guī)范
1. 字體規(guī)范
常用字號為20,18,17,16,14,13,11(pt)
字體顏色
主內(nèi)容Black黑色,次要內(nèi)容Grey灰色;時間戳與表單缺省值Light灰色;大段的說明內(nèi)容而且屬于主要內(nèi)容用Semi黑;
3. 表單輸入視覺規(guī)范
默認標題范圍85px
按鈕高度為44px下使用:顏色#000000 / #353535 字號18pt
100*100px一般用于結(jié)果頁面狀態(tài)提醒,根據(jù)結(jié)果的情況選擇對應的icon
天津誠筑說ui設計培訓正在舉辦app與小程序ui設計的免費試聽課程,如果想了解更多來官網(wǎng)看看吧
掃一掃
獲取更多福利
獵學網(wǎng)企業(yè)微信
獵學網(wǎng)訂閱號
獵學網(wǎng)服務號