燚軒科技 助力中小型企業(yè)
關(guān)注行業(yè)新聞 把握時代脈搏
小程序和app的區(qū)別在哪里?鄭州小程序開發(fā)專家給你答案



我們都知道,小程序和APP都是可以在手機上運行的軟件,但是小程序的體積更小,也更便利,那么這兩者之間的區(qū)別表現(xiàn)在哪里呢?鄭州小程序開發(fā)專家?guī)Т蠹伊私庖幌掳伞?br />
1)頂部導(dǎo)航欄
App:可以保留導(dǎo)航欄,也可以去掉,可拓展性強,靈活性高。
小程序:導(dǎo)航欄右側(cè)有個無法去除和編輯的膠囊(titlebar),設(shè)計時也不能在導(dǎo)航上增加其他功能。所以在 App 轉(zhuǎn)小程序時,導(dǎo)航欄的功能要換位置或者在放在導(dǎo)航欄下。
實現(xiàn)效果也略欠缺一些,例如微信提供原生和自定義的兩種導(dǎo)航欄:
(一)原生的導(dǎo)航欄支持更改顏色,但字體顏色僅支持黑/白兩種;
(二)雖然自定義的導(dǎo)航欄可以去除原生導(dǎo)航欄,支持圖片通到導(dǎo)航欄上,但是所有頁面都需要重新調(diào)整(原先導(dǎo)航欄的高度沒有了,界面元素會跟著上移),而小程序不支持單個頁面修改。
這是目前最麻煩的地方,量級小的應(yīng)用還可以,量級大的導(dǎo)致工作量大大增加。
同時,自定義導(dǎo)航容易帶來標(biāo)題無法對齊、頁面機型不同安全區(qū)域不同、全局刷新時頁面會被整個下拉等等問題。
建議頁面多、復(fù)雜的情況,盡量減少使用自定義導(dǎo)航,也可以使用像馬蜂窩一樣,導(dǎo)航欄背景和圖片背景銜接,效果也不錯。
2)標(biāo)簽欄
App:可支持最少2個,最多5個的tab切換,圖標(biāo)大小以及底部標(biāo)簽欄高度可自定義。
小程序:也可支持最少2個,最多5個的tab切換,使用原生控件時,要遵從 icon 尺寸81*81px。
使用自定義標(biāo)簽欄時,可支持加入交互效果,例如提示數(shù)量氣泡等,但是體驗相比原生差一點,如果標(biāo)簽頁是首次進入的頁面,那么標(biāo)簽欄切換會造成跳動,需要開發(fā)做規(guī)避。
建議不帶有交互的情況,盡量使用原生控件,就像站酷小程序 一樣。
3)拖動排序
App:流暢、體驗佳,例如發(fā)朋友圈時拖動照片排序。
小程序:除非必要,否則不建議使用拖動排序。圖片和列表拖動在 Android機型上體驗不夠,會有卡頓的情況。
建議使用上下按鈕替換上下拖動,或者圖片排序使用標(biāo)記的方式來進行排序。
4)文本省略
App:可實現(xiàn)日常所需的所有文字、段落效果。
小程序:文本限制行數(shù),加省略號,并且增加全文展開方案實現(xiàn)有問題。無法預(yù)估到行尾位置省略。
建議通過換行增加全文展開按鈕,或者控制字?jǐn)?shù),文本末尾增加全文展開。

App:可以保留導(dǎo)航欄,也可以去掉,可拓展性強,靈活性高。
小程序:導(dǎo)航欄右側(cè)有個無法去除和編輯的膠囊(titlebar),設(shè)計時也不能在導(dǎo)航上增加其他功能。所以在 App 轉(zhuǎn)小程序時,導(dǎo)航欄的功能要換位置或者在放在導(dǎo)航欄下。
實現(xiàn)效果也略欠缺一些,例如微信提供原生和自定義的兩種導(dǎo)航欄:
(一)原生的導(dǎo)航欄支持更改顏色,但字體顏色僅支持黑/白兩種;
(二)雖然自定義的導(dǎo)航欄可以去除原生導(dǎo)航欄,支持圖片通到導(dǎo)航欄上,但是所有頁面都需要重新調(diào)整(原先導(dǎo)航欄的高度沒有了,界面元素會跟著上移),而小程序不支持單個頁面修改。
這是目前最麻煩的地方,量級小的應(yīng)用還可以,量級大的導(dǎo)致工作量大大增加。
同時,自定義導(dǎo)航容易帶來標(biāo)題無法對齊、頁面機型不同安全區(qū)域不同、全局刷新時頁面會被整個下拉等等問題。
建議頁面多、復(fù)雜的情況,盡量減少使用自定義導(dǎo)航,也可以使用像馬蜂窩一樣,導(dǎo)航欄背景和圖片背景銜接,效果也不錯。
2)標(biāo)簽欄
App:可支持最少2個,最多5個的tab切換,圖標(biāo)大小以及底部標(biāo)簽欄高度可自定義。
小程序:也可支持最少2個,最多5個的tab切換,使用原生控件時,要遵從 icon 尺寸81*81px。
使用自定義標(biāo)簽欄時,可支持加入交互效果,例如提示數(shù)量氣泡等,但是體驗相比原生差一點,如果標(biāo)簽頁是首次進入的頁面,那么標(biāo)簽欄切換會造成跳動,需要開發(fā)做規(guī)避。
建議不帶有交互的情況,盡量使用原生控件,就像站酷小程序 一樣。
3)拖動排序
App:流暢、體驗佳,例如發(fā)朋友圈時拖動照片排序。
小程序:除非必要,否則不建議使用拖動排序。圖片和列表拖動在 Android機型上體驗不夠,會有卡頓的情況。
建議使用上下按鈕替換上下拖動,或者圖片排序使用標(biāo)記的方式來進行排序。
4)文本省略
App:可實現(xiàn)日常所需的所有文字、段落效果。
小程序:文本限制行數(shù),加省略號,并且增加全文展開方案實現(xiàn)有問題。無法預(yù)估到行尾位置省略。
建議通過換行增加全文展開按鈕,或者控制字?jǐn)?shù),文本末尾增加全文展開。
版權(quán)與免責(zé)聲明
鄭州APP開發(fā),鄭州小程序開發(fā)燚軒軟件科技有限公司聲明:如發(fā)現(xiàn)內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息發(fā)郵件至854221200@qq.com,我們將及時溝通處理。本站內(nèi)容源于網(wǎng)絡(luò),涉及內(nèi)容、言論與本站無關(guān)
分享到微信朋友圈
+
打開微信,點擊底部的“發(fā)現(xiàn)”,使用 “掃一掃” 即可將網(wǎng)頁分享到我的朋友圈。 如何使用?
推薦文章
開發(fā)APP成本預(yù)算低,如何做出性價比高的APP?
燚軒科技    ·
11月21日
·    鄭州app開發(fā) 鄭州小程序開發(fā)
發(fā)工作,每天接觸了很多咨詢者,在著這個萬物互聯(lián)的時代,大家都在尋求出路,有一些自住創(chuàng)業(yè)著,企...

3501
閱讀量
燚博家裝小程序開發(fā):提供更加省心省錢的家裝服務(wù)
燚軒科技    ·
07月04日
·    鄭州小程序開發(fā)、鄭州小程序制作
高,慢慢的對生活質(zhì)量的要求也逐漸的在增高,也在不斷的挑戰(zhàn)家具行業(yè),那么在這個時候只有改變自己...

2898
閱讀量
鄭州電費查詢app,制作下來要花多少錢
燚軒科技    ·
02月16日
·    電費查詢app開發(fā),鄭州app制作
公司開發(fā)電費查詢app軟件要花多少錢呢?可以說,對于想要做app開發(fā)的投資者來說,價格都是第...

2612
閱讀量
鄭州app制作與模板生成有什么本質(zhì)的區(qū)別呢
燚軒科技    ·
01月29日
·    鄭州app制作
與模板生成的投資者,應(yīng)該都知道目前app開發(fā)市場中,主流的還是模板app生成,為什么呢?無非...

4455
閱讀量
電商app的制作成本是多少,怎么找靠譜的鄭州app開發(fā)
燚軒科技    ·
04月09日
·    電商app,鄭州app開發(fā)
速發(fā)展,讓許多投資者有了想要做電商app軟件的想法,不管是現(xiàn)在的商城app軟件還是團購類的a...

3872
閱讀量
房地產(chǎn)的APP在鄭州如何開發(fā)選取功能
燚軒科技    ·
12月03日
·    APP開發(fā) 、鄭州APP開發(fā) APP開發(fā)公司
也發(fā)現(xiàn)了,其實有好的產(chǎn)品他們的功能也不是要多么的強大,多么逆天而是其功能對用戶有用,內(nèi)容能吸...

3566
閱讀量