目前小程序開發(fā)與APP開發(fā)都屬于熱門需求,由于這兩個產品差別比較大,因而在設計方面是有差異的。咕嘟網絡科技分享一下小程序開發(fā)設計與APP開發(fā)設計的差異。
小程序開發(fā)設計與APP開發(fā)設計為什么會有差異?其中原因包括功能支持、內存體積、體驗及流暢3大方面。功能支持方面,由于小程序是基于微信的應用程序,因而開發(fā)必須依靠微信給的接口,能實現(xiàn)的功能被大大的限制了。而且小程序上線也就2年的時候,還有一些功能不完善。但APP依靠于手機系統(tǒng),可以實現(xiàn)復雜且多的功能,App 開發(fā)已經有近10年的積累,各類控件比較完善,換句話說就是開發(fā)者能力越大,展示效果越豐富。
那么小程序開發(fā)設計與APP開發(fā)設計的差異主要有哪些呢?
1、頂部導航欄
APP:可以保留導航欄,也可以去掉,可拓展性強,靈活性高。
小程序:導航欄右側有個無法去除和編輯的膠囊(titlebar),設計時也不能在導航上增加其他功能。所以在 App 轉小程序時,導航欄的功能要換位置或者在放在導航欄下。
實現(xiàn)效果也略欠缺一些,例如微信提供原生和自定義的兩種導航欄:
(一)原生的導航欄支持更改顏色,但字體顏色僅支持黑/白兩種;
(二)雖然自定義的導航欄可以去除原生導航欄,支持圖片通到導航欄上,但是所有頁面都需要重新調整(原先導航欄的高度沒有了,界面元素會跟著上移),而小程序不支持單個頁面修改。這是目前最麻煩的地方,量級小的應用還可以,量級大的導致工作量大大增加。同時,自定義導航容易帶來標題無法對齊、頁面機型不同安全區(qū)域不同、全局刷新時頁面會被整個下拉等等問題。
2、標簽欄
APP:可支持最少2個,最多5個的tab切換,圖標大小以及底部標簽欄高度可自定義。
小程序:也可支持最少2個,最多5個的tab切換,使用原生控件時,要遵從 icon 尺寸81*81px。
3、拖動排序
APP:流暢、體驗佳,例如發(fā)朋友圈時拖動照片排序。
小程序:除非必要,否則不建議使用拖動排序。圖片和列表拖動在 Android機型上體驗不夠,會有卡頓的情況。
4、文本省略
APP:可實現(xiàn)日常所需的所有文字、段落效果。
小程序:文本限制行數(shù),加省略號,并且增加全文展開方案實現(xiàn)有問題。無法預估到行尾位置省略。
5、原生組件
APP:可以自定義組件庫,對開發(fā)設計限制低。
小程序:部分組件是由微信創(chuàng)建的原生組件,有系統(tǒng)相機、輸入框、地圖、文本輸入...等等,原生控件使用有一定的限制,不能在滾動、輪播、選擇器、拖動區(qū)域中使用,層級最高無法被覆蓋,可供修改的參數(shù)由微信提供。
6、動畫實現(xiàn)
APP:動畫流暢、無卡頓,想要的基本都能實現(xiàn)。
小程序:動畫能力低于 H5 和 APP ,動畫對性能消耗大,尤其是在 Android 機型上,卡頓有稍顯明顯。當加載代碼包時,當微信認為這個小程序占用過多的內存,會把此小程序強行退出,以保證微信的正常使用。
咕嘟網絡科技——靠譜的技術伙伴,為企業(yè)提供一站式技術服務。主要業(yè)務范圍有:APP開發(fā)、小程序開發(fā)、微信開發(fā)、電商系統(tǒng)開發(fā)、物聯(lián)網(IOT)開發(fā)等互聯(lián)網+領域。
小程序開發(fā):
app開發(fā)報價: /tag_141
app開發(fā)要多少錢: /tag_94
廣州app開發(fā): /application