:

小程序開發中需注意的幾點問題

1.選項卡欄的高度和選項卡欄的分頁導航高度是標準化的。一般其高度為98rpx，圖標建議為54rpx，這樣不會變形。

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

3.樣式表不支持級聯選擇器。WXSS支持以。你可以使用標簽選擇器來控制同一個類的樣式組件。

:

圖標只要81rpx

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

2.視頻是有時間限制的，而且小程序對視頻的支持不是特別好。原則上不能播放滾動中的視頻控件，微信的官方文件有這個要求。這一點我也和我們一樣開發小哥哥，求證。是真的。優酷和騰訊視頻都修復了視頻。

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

4.文章僅供學習使用。未經作者同意轉載，請聯系管理員。謝謝你。

:

5款精美小程序原型設計模板，觸手可得

1.總的來說，小程序，相對于App來說是簡化的，只突出其核心功能。

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

3.團結。從以上兩段應用來看小程序的顏色、圖標與App中的一致。小程序應減少橫幅圖和實體logo的使用，有利于頁面簡化和色彩統一。

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

關于微信小程序UI界面設計的經驗分析

1，微信導航欄，微信導航欄，直接從客戶端繼承。除了導航欄顏色，開發導航欄不需要也不能自定義。但是開發需要指定小程序的各個頁面的跳轉關系，這樣導航系統才能合理的工作。微信導航欄分為導航區、標題區和操作區。導航區域控制程序頁面處理。目前導航欄分為兩種基本顏色：淺色和深色。

2.導航區域(iOS)。導航區通常只有一個操作，就是回到上一級界面。這是熟悉的，可以理解的。

3.導航區域(Android)。和IOS一樣，導航區只有一個返回上一頁的操作。其實這里的iOS也有嚴格的規范，Appstore的大部分評論都是提交失敗的。這里有很多可以分享經驗的地方。

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

5.字體顏色規范，主要內容為黑色，次要內容為灰色；時間戳的默認值是淺灰色；大段的描述內容和它所屬的主要內容都用半黑色；