網(wǎng)站地圖|客服中心|設(shè)為首頁|加入收藏

行業(yè)新聞

首頁 > 新聞 > 移動(dòng)端網(wǎng)站 > 小程序制作要避免的幾個(gè)坑

小程序制作要避免的幾個(gè)坑

  小程序的發(fā)展逐漸變得成熟,2018年,小程序在很多方面已經(jīng)得到充分的運(yùn)用,但是小程序的制作依然還有發(fā)展的空間,對(duì)于小程序的設(shè)計(jì)和開發(fā)市面上的資料太過于零碎,官方文檔也沒有明確的說明,今天就為大家梳理一下小程序開發(fā)制作需要避免的幾個(gè)坑。


小程序制作要避免的幾個(gè)坑


  1、標(biāo)簽欄的設(shè)計(jì)。

  標(biāo)簽浪的分頁導(dǎo)航設(shè)置有標(biāo)準(zhǔn)的高度,其高度為:98rpx,圖標(biāo)的最好是54rpx,因?yàn)椴还苁谴笥谶是小于這個(gè)數(shù)都會(huì)變形,變形就會(huì)失去吸引力,會(huì)讓用戶有一種不專業(yè)的感覺,一般而言數(shù)量只能是2到5之間。

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

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

  3、設(shè)計(jì)稿最好用二倍圖。

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

  4、切圖只需切750的尺寸。

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

  5、導(dǎo)航欄最好不要自定義。

  標(biāo)準(zhǔn)高度:128rpx,小程序很輕量,同時(shí)也有很多限制。導(dǎo)航欄不能自定義就是其中之一,能改變的只有顏色。這是官方的意思,但是,要改也是可以滴,需要客戶端版本是 6.6.0 以上,而且下拉會(huì)使整個(gè)頁面下拉,也不要維護(hù)。

  6、視頻限時(shí)多。

  小程序?qū)σ曨l的支持不是特別的好,原則上在滾動(dòng)控件里不能放視頻,而且微信官方文檔里是這樣要求的。優(yōu)酷和騰訊視頻都是將視頻固定。這點(diǎn)已經(jīng)被有些公司攻克了,比如開眼跟京東(是的,你沒看錯(cuò),京東)。攻克是攻克了,但是體驗(yàn)不怎么好。如果公司產(chǎn)品需要放視頻,建議專門新開一個(gè)頁面,視頻部分最好不要有左右滾動(dòng)。

  7、一稿適配。

  不管是iOS的系統(tǒng)還是安卓版的,這些都不難,這對(duì)于對(duì)開發(fā)人員來說很簡(jiǎn)單。
  • 基于用戶創(chuàng)新

    界面設(shè)計(jì)日新月異,夢(mèng)創(chuàng)義堅(jiān)持基于用戶需求的界面創(chuàng)新設(shè)計(jì)……

  • 服務(wù)設(shè)計(jì)思維

    互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶、不同……

  • 洞察用戶心理

    洞察用戶有意識(shí)和無意識(shí)的行為以及心理特征通過構(gòu)造一系列的服務(wù)來促進(jìn)……

  • 查看更多 >>

最新新聞Latest News

中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營(yíng)銷
很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問題:一、我們起步比別人晚,我們的……
做企業(yè)網(wǎng)站到底做給誰看?
設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶,常常搞不清楚誰會(huì)真正看你的企業(yè)網(wǎng)……
傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng),從移動(dòng)云網(wǎng)站開始
移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎(chǔ)便是智能手……
網(wǎng)站建設(shè)和運(yùn)營(yíng)五大細(xì)節(jié)決定用戶黏性
網(wǎng)站的成功離不開搜索引擎優(yōu)化,更離不開最基礎(chǔ)最根本的用戶群體,如何……
2015年值得關(guān)注的電子商務(wù)5大趨勢(shì)
線上線下銷售的界線正在變得越來越模糊。在2015年,這一趨勢(shì)仍將繼續(xù)。……

本站搜索關(guān)鍵詞:小程序制作要避免的幾個(gè)坑 | 北京網(wǎng)站建設(shè) | 北京網(wǎng)站建設(shè)公司 | 北京網(wǎng)站建設(shè)中心 | 高端網(wǎng)站建設(shè) | 電商網(wǎng)站建設(shè) | 企業(yè)網(wǎng)站建設(shè) | 手機(jī)網(wǎng)站建設(shè) | 微站官網(wǎng)建設(shè) | APP開發(fā)

銷售熱線

7x24小時(shí)全國(guó)售前咨詢熱線:010-57281389

7x24小時(shí)全國(guó)售后服務(wù)熱線:13020085953 15313016798

手機(jī) | 微信同號(hào):18600846206   QQ:523313456

立即咨詢 網(wǎng)站建設(shè)業(yè)務(wù)咨詢|客服熱線:010-57281389 13020085953

點(diǎn)這里給我發(fā)消息 電子郵箱:cnet99@cnet99.com

營(yíng)業(yè)地址(東部):北京市朝陽區(qū)伊莎文心廣場(chǎng)A座3層B-22

位置分享

營(yíng)業(yè)地址(西部):北京市豐臺(tái)區(qū)汽車博物館東路1號(hào)諾德中心9-605

標(biāo)準(zhǔn)網(wǎng)站,網(wǎng)站建設(shè),域名注冊(cè),虛擬主機(jī),獨(dú)享主機(jī),企業(yè)云郵箱,網(wǎng)站維護(hù)一條龍,北京網(wǎng)站建設(shè)中心


  掃一掃 加微信
  微信號(hào):cnet99com

  掃一掃 加關(guān)注
  微信平臺(tái)

天潤(rùn)智力-專注于互聯(lián)網(wǎng)平臺(tái)建設(shè)與服務(wù)領(lǐng)域 中國(guó)互聯(lián)網(wǎng)平臺(tái)建設(shè)服務(wù)提供商

萬網(wǎng)阿里云金牌首席合作伙伴站點(diǎn) 全線代理萬網(wǎng)阿里云產(chǎn)品及服務(wù)

中國(guó)萬網(wǎng)正式通過ISO9001國(guó)際標(biāo)準(zhǔn)質(zhì)量體系認(rèn)證

Copyright©1999-2024 天潤(rùn)智力 備案/許可證編號(hào) 京ICP備2020040216號(hào)-3

公安部備案號(hào) 11010502032413