:

圖標(biāo)只要81rpx

1.彈出窗口不包括導(dǎo)航和選項(xiàng)卡。在小程序中，導(dǎo)航欄和標(biāo)簽欄的級(jí)別是最高的，這樣享受最高待遇的彈窗就在這里，所以你也要向它們提交。

2.視頻是有時(shí)間限制的，而且小程序?qū)σ曨l的支持不是特別好。原則上不能播放滾動(dòng)中的視頻控件，微信的官方文件有這個(gè)要求。這一點(diǎn)我也和我們一樣開(kāi)發(fā)小哥哥，求證。是真的。優(yōu)酷和騰訊視頻都修復(fù)了視頻。

3.那iPhoneX，安卓，和開(kāi)發(fā)呢？小哥哥們可以搞定。相信他們。

4.文章僅供學(xué)習(xí)使用。未經(jīng)作者同意轉(zhuǎn)載，請(qǐng)聯(lián)系管理員。謝謝你。

:

小程序如何進(jìn)行規(guī)范設(shè)計(jì)

1.本課程主要內(nèi)容【如圖】。

2.首先，我找到一個(gè)案例給你看。我們進(jìn)入的第一頁(yè)小程序可以指定【如圖】。

3.在750*1334的尺寸中，1px=1rpx，

4.至于導(dǎo)航欄，標(biāo)準(zhǔn)高度是120rpx，不能用漸變或者透明。Titleber按鈕提供了兩種風(fēng)格可供選擇【如圖】。

5.導(dǎo)航欄使用純色，但您可以在下面的橫幅圖中添加其他效果，如漸變[如圖所示]。

6，小程序就像web前端開(kāi)發(fā)。還是有一些區(qū)別的。

7.標(biāo)簽欄呢？還有一些注意事項(xiàng)，這里列出來(lái)【如圖】。

8.剪切圖片時(shí)，tab欄標(biāo)簽尺寸為81 * 81 rpx(54 * 54的1.5x切片)，目標(biāo)只需。先導(dǎo)出2x圖片中的1x切片就夠了。

9.彈出窗口不能覆蓋最高級(jí)別的導(dǎo)航欄和選項(xiàng)卡欄。

10.滾動(dòng)控件不能播放視頻，視頻窗口只能固定。

:

前端工程師微信小程序開(kāi)發(fā)

1.遵循“導(dǎo)航清晰，來(lái)去自如”，即讓客戶知道自己在哪里，能去哪里，怎么回去。

2.并且不能有與業(yè)務(wù)無(wú)關(guān)的業(yè)務(wù)條目。比如：某個(gè)查詢的頁(yè)面主題，如果查詢按鈕下有“今日熱點(diǎn)/頭條新聞”等無(wú)關(guān)內(nèi)容。如果最新搜索到的關(guān)鍵詞顯示在頁(yè)面查詢按鈕下方，但與頁(yè)面主題匹配。

3.所有小程序 in微信系統(tǒng)將附帶微信提供的導(dǎo)航欄。

4，微信導(dǎo)航欄自定義顏色規(guī)則，開(kāi)發(fā)如果需要設(shè)置自己的導(dǎo)航，需要與官方定義的顏色和諧搭配。

5.可以選擇小程序首頁(yè)微信提供原生底部tab分頁(yè)樣式，僅適用于微信小程序首頁(yè)。添加您自己的導(dǎo)航。您可以添加選項(xiàng)卡導(dǎo)航。選項(xiàng)卡的數(shù)量不應(yīng)少于2個(gè)，也不應(yīng)多于5個(gè)。為保證點(diǎn)擊面積，建議標(biāo)簽數(shù)量不要超過(guò)4個(gè)。

6.微信小程序開(kāi)發(fā)已經(jīng)明確定義了標(biāo)準(zhǔn)的啟動(dòng)頁(yè)面和頁(yè)面下拉刷新加載樣式。啟動(dòng)頁(yè)面只能上傳品牌LOGO，不能更改。

7，微信小程序頁(yè)面加載反饋和結(jié)果反饋要提供加載進(jìn)度和結(jié)果提示，每個(gè)頁(yè)面都要有明確的操作說(shuō)明和退出提示。例如，結(jié)果反饋必須有明確的提示，如：已發(fā)送。

8.“巧用界面，多做選擇”的原則會(huì)最大限度的優(yōu)化用戶體驗(yàn)，減少或避免不必要的鍵盤輸入。

9.微信小程序頁(yè)面的字體應(yīng)盡可能與用戶運(yùn)行的系統(tǒng)字體保持一致。常見(jiàn)的字體大小有20、18、17、16、1413、10(pt)，字體顏色主要內(nèi)容為黑色，次要內(nèi)容為灰色。

10.小程序頁(yè)還明確定義了列表視覺(jué)規(guī)范、表單輸入視覺(jué)規(guī)范、按鈕使用原則、圖標(biāo)使用原則等詳細(xì)規(guī)范。