:

小程序開發(fā)中需注意的幾點(diǎn)問題

1.選項(xiàng)卡欄的高度和選項(xiàng)卡欄的分頁(yè)導(dǎo)航高度是標(biāo)準(zhǔn)化的。一般其高度為98rpx，圖標(biāo)建議為54rpx，這樣不會(huì)變形。

2.導(dǎo)航欄不能自定義。小程序導(dǎo)航欄的標(biāo)準(zhǔn)高度是：128rpx，很輕量，但是也有很多限制。所以，他不能定制，只能換顏色。

3.樣式表不支持級(jí)聯(lián)選擇器。WXSS支持以。你可以使用標(biāo)簽選擇器來控制同一個(gè)類的樣式組件。

:

圖標(biāo)只要81rpx

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

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

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

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

:

5款精美小程序原型設(shè)計(jì)模板，觸手可得

1.總的來說，小程序，相對(duì)于App來說是簡(jiǎn)化的，只突出其核心功能。

2.應(yīng)該使用水平滾動(dòng)嗎？目前大部分小程序不使用這種方法，但也有其他像豆瓣評(píng)分(見下圖原型示例)小程序在使用。

3.團(tuán)結(jié)。從以上兩段應(yīng)用來看小程序的顏色、圖標(biāo)與App中的一致。小程序應(yīng)減少橫幅圖和實(shí)體logo的使用，有利于頁(yè)面簡(jiǎn)化和色彩統(tǒng)一。

4.底部導(dǎo)航欄。小程序底部導(dǎo)航欄一般配置2-5個(gè)。我們可以更多地使用頂部導(dǎo)航欄和懸停按鈕。

關(guān)于微信小程序UI界面設(shè)計(jì)的經(jīng)驗(yàn)分析

1，微信導(dǎo)航欄，微信導(dǎo)航欄，直接從客戶端繼承。除了導(dǎo)航欄顏色，開發(fā)導(dǎo)航欄不需要也不能自定義。但是開發(fā)需要指定小程序的各個(gè)頁(yè)面的跳轉(zhuǎn)關(guān)系，這樣導(dǎo)航系統(tǒng)才能合理的工作。微信導(dǎo)航欄分為導(dǎo)航區(qū)、標(biāo)題區(qū)和操作區(qū)。導(dǎo)航區(qū)域控制程序頁(yè)面處理。目前導(dǎo)航欄分為兩種基本顏色：淺色和深色。

2.導(dǎo)航區(qū)域(iOS)。導(dǎo)航區(qū)通常只有一個(gè)操作，就是回到上一級(jí)界面。這是熟悉的，可以理解的。

3.導(dǎo)航區(qū)域(Android)。和IOS一樣，導(dǎo)航區(qū)只有一個(gè)返回上一頁(yè)的操作。其實(shí)這里的iOS也有嚴(yán)格的規(guī)范，Appstore的大部分評(píng)論都是提交失敗的。這里有很多可以分享經(jīng)驗(yàn)的地方。

4.微信中字體的使用與運(yùn)行中的系統(tǒng)字體一致。常見的字體大小有20，18，17，16，1413，10(pt)。使用場(chǎng)景如下：

5.字體顏色規(guī)范，主要內(nèi)容為黑色，次要內(nèi)容為灰色；時(shí)間戳的默認(rèn)值是淺灰色；大段的描述內(nèi)容和它所屬的主要內(nèi)容都用半黑色；