成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

小程序開(kāi)發(fā)設(shè)計(jì) 如何避開(kāi)錯(cuò)誤操作

2022-07-03    分類: 小程序開(kāi)發(fā)

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


對(duì)初次涉及小程序的公司而言,它的設(shè)計(jì)與開(kāi)發(fā)是一次挑戰(zhàn),畢竟,力求快速上線的步伐沒(méi)有留下太多時(shí)間,市面上的相關(guān)資料都太零碎,在實(shí)際中會(huì)遇到很多的困擾。所以,我就來(lái)幫幫大家規(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。



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


二、切圖只需切750的尺寸


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


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


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


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



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


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


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


這個(gè)標(biāo)準(zhǔn)名稱叫:標(biāo)簽分頁(yè)導(dǎo)航,標(biāo)準(zhǔn)高度:98rpx,簡(jiǎn)稱標(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ā)做不到啊,那種表情可以想象。




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


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


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




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


五、彈窗不覆蓋導(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)品需要放視頻,建議專門新開(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)航欄上。


看完以上這些建議,有沒(méi)有對(duì)你的小程序開(kāi)發(fā)設(shè)計(jì)起到幫助呢?如果還有問(wèn)題,可以來(lái)創(chuàng)新互聯(lián)官網(wǎng)搜尋更多關(guān)于程序開(kāi)發(fā)的相關(guān)知識(shí)。

分享標(biāo)題:小程序開(kāi)發(fā)設(shè)計(jì) 如何避開(kāi)錯(cuò)誤操作
標(biāo)題路徑:http://jinyejixie.com/news/173974.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有小程序開(kāi)發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)
通化市| 易门县| 高安市| 南丹县| 县级市| 章丘市| 汉阴县| 镇远县| 宁城县| 潞西市| 齐齐哈尔市| 襄垣县| 崇左市| 腾冲县| 连城县| 合阳县| 平利县| 凤山县| 建始县| 绍兴县| 繁昌县| 黄浦区| 安达市| 广西| 中宁县| 什邡市| 汝南县| 湖南省| 中牟县| 承德县| 开远市| 齐齐哈尔市| 岳西县| 洪雅县| 汉中市| 根河市| 桦甸市| 丹巴县| 巴南区| 攀枝花市| 临城县|