免费亚洲欧美精品电影_国内精品偷拍福利视频_美女黄网站色视免费国产_国产不卡福利片在线观看

24小時咨詢電話:0571-88023217開封網(wǎng)站建設(shè)公司 10年專業(yè)網(wǎng)絡(luò)服務(wù)供應(yīng)商

資訊中心

- 直擊網(wǎng)站建設(shè)第一現(xiàn)場,掌握全球化的消息 -

當(dāng)前位置 : 首頁 > 資訊中心 > 小程序開發(fā)設(shè)計 如何避開錯誤操作

小程序開發(fā)設(shè)計 如何避開錯誤操作

分享 2019.12.19 瀏覽次數(shù):4781次

       目前,小程序已經(jīng)從初期的萌芽成長為了參天大樹,支撐起我們現(xiàn)今的生活方式。想要得到更多發(fā)展的公司自然不會錯過這次機(jī)會,開始紛紛加入到小程序的行列。

 

 

      對初次涉及小程序的公司而言,它的設(shè)計與開發(fā)是一次挑戰(zhàn),畢竟,力求快速上線的步伐沒有留下太多時間,市面上的相關(guān)資料都太零碎,在實(shí)際中會遇到很多的困擾。所以,我就來幫幫大家規(guī)避小程序設(shè)計中的那些坑。

 

       一、設(shè)計稿最好用二倍圖

 

       UI設(shè)計師都喜歡用一倍圖,但為什么用一倍圖,方便適配是表面現(xiàn)象,真正原因是開發(fā)用的開發(fā)工具支持一倍圖開發(fā),開發(fā)不用再換算數(shù)值了。而小程序的開發(fā)工具不支持一倍圖開發(fā),支持二倍圖開發(fā)。小程序里的尺寸單位叫 rpx,可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。在750*1334的設(shè)計稿里,1px = 1rpx。


 

 

       如果你心疼你的開發(fā)小哥哥,讓他少掉點(diǎn)頭發(fā),設(shè)計稿用750*1334的尺寸。但如果你的開發(fā)小哥哥之前老欺負(fù)你,那你就看著辦吧,他都能搞定。

 

      二、切圖只需切750的尺寸

 

設(shè)計稿用二倍圖做的(750*1334),只需給一倍的切片;如果是按一倍圖設(shè)計的(375*667),只要給二倍的切圖。真的不管其它尺寸嗎?不是不想管,而是小程序的開發(fā)工具不支持。

 

      三、導(dǎo)航欄不要自定義

 

      標(biāo)準(zhǔn)高度:128rpx

 

      小程序很輕量,同時也有很多限制。導(dǎo)航欄不能自定義就是其中之一,能改變的只有顏色。

 

 


      這是官方的意思,但是,要改也是可以的,需要客戶端版本是6.6.0以上,而且下拉會使整個頁面下拉,也不好維護(hù)。

 

       你會說這不有小程序已經(jīng)使用了嘛,是,這個小程序叫汪卡,現(xiàn)在,他們已經(jīng)改回來了。所以,你也別難為你的開發(fā)小哥哥了。

 

       四、標(biāo)簽欄愛素顏

 

      這個標(biāo)準(zhǔn)名稱叫:標(biāo)簽分頁導(dǎo)航,標(biāo)準(zhǔn)高度:98rpx,簡稱標(biāo)簽欄。

 

      1. 偷笑別人花了臉

 

       又是一個安靜的晚上,一個人窩在公司里設(shè)計,我承認(rèn)這樣真的很無奈,和其它小程序一樣。聽說你還在搞什么原創(chuàng),加個投影來點(diǎn)漸變,自以為這樣很棒簡直無懈可擊。結(jié)果開發(fā)小哥哥哭了,我相信是很美美的圖,但是開發(fā)做不到啊,那種表情可以想象。

 

 


       雖然也可以,做點(diǎn)其它形態(tài),那就拜托別讓開發(fā)見到你。如果再能看到你,一定就是這么說,原生控件好處多多最好能用它。不用擔(dān)心出問題,不用維護(hù)怕麻煩。

 

       2. 圖標(biāo)只要81rpx

 

      還是一個安靜的晚上,還是我在做設(shè)計,這次我真的按耐不住,和其它小程序一樣。聽說你又在搞什么原創(chuàng),中間圖標(biāo)變大大,破形破形再破形,燃燒開發(fā)腦細(xì)胞。

 

 


       但是,要知道,圖標(biāo)只要81rpx,小于大于都變形,一定記得規(guī)格框。數(shù)量只能25,多了少了不算數(shù),你只能去改圖標(biāo),其它組件說了算。

 

      五、彈窗不覆蓋導(dǎo)航跟標(biāo)簽

 

      在小程序里導(dǎo)航欄跟標(biāo)簽欄的層級是最高的,以至于享受慣最高待遇的彈窗在這里,也要臣服于他們。


       六、視頻限時多


       小程序?qū)σ曨l的支持不是特別的好,原則上在滾動控件里不能放視頻,而且微信官方文檔里是這樣要求的。這點(diǎn)我也像我們開發(fā)小哥哥求證,確實(shí)是這樣,優(yōu)酷和騰訊視頻都是將視頻固定。

 

       但其實(shí)吧,這點(diǎn)已經(jīng)被有些公司攻克了,比如開眼跟京東。攻克是攻克了,但是體驗(yàn)不怎么好。如果公司產(chǎn)品需要放視頻,建議專門新開一個頁面,視頻部分最好不要有左右滾動。

       

      七、一稿適配

 

       iPhone X 怎么辦,安卓怎么辦,這些都不用再設(shè)計了,開發(fā)小哥哥都能搞定,相信他們。

 

      八、關(guān)于設(shè)計資源

      

      微信官方雖然有提供,但是更新時間停留在了2016年,沒有現(xiàn)在新版的小程序樣式,和現(xiàn)在的區(qū)別就在頂部導(dǎo)航欄上。

 

       看完以上這些建議,有沒有對你的小程序開發(fā)設(shè)計起到幫助呢?如果還有問題,可以來帷拓科技官網(wǎng)搜尋更多關(guān)于程序開發(fā)的相關(guān)知識。

最新網(wǎng)站案例

洞悉市場趨勢演變讓傳播回歸社會

    免費(fèi)獲取網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣方案報價

    • 關(guān)于我們

      杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡(luò)開發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開發(fā)、小程序開發(fā)為核心的專業(yè)網(wǎng)絡(luò)技術(shù)服務(wù)供應(yīng)商,帷拓科技致力于全面分析市場環(huán)境、衡量與預(yù)測市場需求、整合區(qū)別于行業(yè)競爭對手的絕對優(yōu)勢,結(jié)合品牌理念深度挖掘項(xiàng)目優(yōu)勢和產(chǎn)品價值,提升客戶品牌認(rèn)知、認(rèn)可度。

    • 我們的客戶

      帷拓科技?xì)v經(jīng)十年沉淀,與國內(nèi)外上千家客戶達(dá)成合作關(guān)系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂部、娃哈哈雙語學(xué)校、健康中國杭州峰會、科雷機(jī)電等,帷拓科技始終堅持“帷有專業(yè),才能拓展無限”的服務(wù)理念,堅持“認(rèn)真堅持細(xì)節(jié)”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現(xiàn)共贏。

    • 我們的業(yè)務(wù)

      帷拓科技主營業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開發(fā)、小程序開發(fā)、商城網(wǎng)站建設(shè)、公眾號運(yùn)營以及數(shù)字營銷等,涵蓋了服務(wù)、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個客戶量身定制項(xiàng)目整體服務(wù)方案,以敏銳的市場洞察力、創(chuàng)新的市場策劃能力,全面把握市場變化,為客戶實(shí)現(xiàn)從企業(yè)到消費(fèi)者的價值轉(zhuǎn)換。

    Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur
    Designerpart Designagentur