杭州開(kāi)發(fā)小程序,我們應(yīng)該規(guī)避的那些坑
分享 2021.08.24 瀏覽次數(shù):3950次
初級(jí)涉及杭州開(kāi)發(fā)小程序是一次挑戰(zhàn)。以下是我們應(yīng)該規(guī)避小程序設(shè)計(jì)中的那些坑:
一、設(shè)計(jì)稿最好用二倍圖
UI設(shè)計(jì)師都喜歡用一倍圖,但為什么用一倍圖,方便適配是表面現(xiàn)象,真正原因是開(kāi)發(fā)用的開(kāi)發(fā)工具支持一倍圖開(kāi)發(fā),開(kāi)發(fā)不用再換算數(shù)值了。而小程序的開(kāi)發(fā)工具不支持一倍圖開(kāi)發(fā),支持二倍圖開(kāi)發(fā)。小程序里的尺寸單位叫 rpx,可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。在750*1334的設(shè)計(jì)稿里,1px = 1rpx。
二、切圖只需切750的尺寸
設(shè)計(jì)稿用二倍圖做的(750*1334),只需給一倍的切片;如果是按一倍圖設(shè)計(jì)的(375*667),只要給二倍的切圖。真的不管其它尺寸嗎?不是不想管,而是小程序的開(kāi)發(fā)工具不支持。
三、導(dǎo)航欄不要自定義
標(biāo)準(zhǔn)高度:128rpx
小程序很輕量,同時(shí)也有很多限制。導(dǎo)航欄不能自定義就是其中之一,能改變的只有顏色。
四、標(biāo)簽欄愛(ài)素顏
這個(gè)標(biāo)準(zhǔn)名稱(chēng)叫:標(biāo)簽分頁(yè)導(dǎo)航,標(biāo)準(zhǔn)高度:98rpx,簡(jiǎn)稱(chēng)標(biāo)簽欄。
1. 偷笑別人花了臉
又是一個(gè)安靜的晚上,一個(gè)人窩在公司里設(shè)計(jì),我承認(rèn)這樣真的很無(wú)奈,和其它小程序一樣。聽(tīng)說(shuō)你還在搞什么原創(chuàng),加個(gè)投影來(lái)點(diǎn)漸變,自以為這樣很棒簡(jiǎn)直無(wú)懈可擊。結(jié)果開(kāi)發(fā)小哥哥哭了,我相信是很美美的圖,但是開(kāi)發(fā)做不到啊,那種表情可以想象。
2. 圖標(biāo)只要81rpx
還是一個(gè)安靜的晚上,還是我在做設(shè)計(jì),這次我真的按耐不住,和其它小程序一樣。聽(tīng)說(shuō)你又在搞什么原創(chuàng),中間圖標(biāo)變大大,破形破形再破形,燃燒開(kāi)發(fā)腦細(xì)胞。
五、彈窗不覆蓋導(dǎo)航跟標(biāo)簽
在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級(jí)是最高的,以至于享受慣最高待遇的彈窗在這里,也要臣服于他們。
六、視頻限時(shí)多
小程序?qū)σ曨l的支持不是特別的好,原則上在滾動(dòng)控件里不能放視頻,而且微信官方文檔里是這樣要求的。這點(diǎn)我也像我們開(kāi)發(fā)小哥哥求證,確實(shí)是這樣,優(yōu)酷和騰訊視頻都是將視頻固定。
但其實(shí)吧,這點(diǎn)已經(jīng)被有些公司攻克了,比如開(kāi)眼跟京東。攻克是攻克了,但是體驗(yàn)不怎么好。如果公司產(chǎn)品需要放視頻,建議專(zhuān)門(mén)新開(kāi)一個(gè)頁(yè)面,視頻部分最好不要有左右滾動(dòng)。
七、一稿適配
iPhone X 怎么辦,安卓怎么辦,這些都不用再設(shè)計(jì)了,開(kāi)發(fā)小哥哥都能搞定,相信他們。
八、關(guān)于設(shè)計(jì)資源
微信官方雖然有提供,但是更新時(shí)間停留在了2016年,沒(méi)有現(xiàn)在新版的小程序樣式,和現(xiàn)在的區(qū)別就在頂部導(dǎo)航欄上。
如果您還有想了解的,或者需要杭州開(kāi)發(fā)小程序,可以找杭州帷拓科技。
-
杭州APP定制:選擇合適開(kāi)發(fā)公司的重要性
日期:2024-12-20瀏覽次數(shù):662次
-
杭州app開(kāi)發(fā):如何選擇專(zhuān)業(yè)開(kāi)發(fā)公司?
日期:2024-12-20瀏覽次數(shù):664次
-
杭州定制小程序公司:小程序行業(yè)的未來(lái)趨勢(shì)
日期:2024-12-20瀏覽次數(shù):676次
-
杭州小程序開(kāi)發(fā)公司:如何運(yùn)營(yíng)小程序以吸引更多客戶
日期:2024-12-13瀏覽次數(shù):895次
-
杭州app定制公司:如何打造網(wǎng)站建設(shè)第一品牌的特色?
日期:2024-12-13瀏覽次數(shù):882次
相關(guān)新聞
整合同類(lèi)新聞,相關(guān)新聞一手掌握
-
達(dá)州網(wǎng)頁(yè)設(shè)計(jì):常見(jiàn)疑難點(diǎn)
日期:2020-10-23瀏覽次數(shù):2024次
-
達(dá)州做網(wǎng)站,該從哪幾個(gè)環(huán)節(jié)出發(fā)?
日期:2020-10-23瀏覽次數(shù):2104次
-
達(dá)州網(wǎng)站建設(shè)公司經(jīng)驗(yàn):細(xì)節(jié)很重要
日期:2020-09-09瀏覽次數(shù):2098次
-
杭州網(wǎng)站設(shè)計(jì)之如何設(shè)計(jì)界面尺寸?
日期:2020-09-09瀏覽次數(shù):2094次
最新新聞
與互聯(lián)網(wǎng)同行,實(shí)時(shí)掌握網(wǎng)建行業(yè)最新動(dòng)態(tài)
-
杭州網(wǎng)站建設(shè)網(wǎng)站測(cè)試包括那些內(nèi)容?
日期:2018-03-02瀏覽次數(shù):4774次
-
新時(shí)代四大發(fā)明與app開(kāi)發(fā)之間的關(guān)系
日期:2020-01-15瀏覽次數(shù):5722次
-
“新基建如何助力實(shí)體經(jīng)濟(jì)”沙龍舉行,探究“開(kāi)放、聯(lián)合、共享”行業(yè)生態(tài)
日期:2020-04-10瀏覽次數(shù):5222次
-
杭州網(wǎng)站建設(shè),怎樣提高用戶體驗(yàn)度?
日期:2020-05-11瀏覽次數(shù):4655次
-
中小企業(yè)的杭州網(wǎng)站營(yíng)銷(xiāo)推廣指南
日期:2021-09-02瀏覽次數(shù):4109次
隨機(jī)新聞
新聞新動(dòng)態(tài),您需要的新聞管家
洞悉市場(chǎng)趨勢(shì)演變讓傳播回歸社會(huì)
免費(fèi)獲取網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣方案報(bào)價(jià)
-
關(guān)于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡(luò)開(kāi)發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)為核心的專(zhuān)業(yè)網(wǎng)絡(luò)技術(shù)服務(wù)供應(yīng)商,帷拓科技致力于全面分析市場(chǎng)環(huán)境、衡量與預(yù)測(cè)市場(chǎng)需求、整合區(qū)別于行業(yè)競(jìng)爭(zhēng)對(duì)手的絕對(duì)優(yōu)勢(shì),結(jié)合品牌理念深度挖掘項(xiàng)目?jī)?yōu)勢(shì)和產(chǎn)品價(jià)值,提升客戶品牌認(rèn)知、認(rèn)可度。
-
我們的客戶
帷拓科技?xì)v經(jīng)十年沉淀,與國(guó)內(nèi)外上千家客戶達(dá)成合作關(guān)系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動(dòng)、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂(lè)部、娃哈哈雙語(yǔ)學(xué)校、健康中國(guó)杭州峰會(huì)、科雷機(jī)電等,帷拓科技始終堅(jiān)持“帷有專(zhuān)業(yè),才能拓展無(wú)限”的服務(wù)理念,堅(jiān)持“認(rèn)真堅(jiān)持細(xì)節(jié)”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現(xiàn)共贏。
-
我們的業(yè)務(wù)
帷拓科技主營(yíng)業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)、商城網(wǎng)站建設(shè)、公眾號(hào)運(yùn)營(yíng)以及數(shù)字營(yíng)銷(xiāo)等,涵蓋了服務(wù)、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個(gè)客戶量身定制項(xiàng)目整體服務(wù)方案,以敏銳的市場(chǎng)洞察力、創(chuàng)新的市場(chǎng)策劃能力,全面把握市場(chǎng)變化,為客戶實(shí)現(xiàn)從企業(yè)到消費(fèi)者的價(jià)值轉(zhuǎn)換。