小程序導航欄多高？總高度(紅色和藍色)=狀態(tài)欄高度(紅色)(膠囊按鈕頂部值-狀態(tài)欄高度)*2膠囊按鈕高度。導航欄高度(藍色)=總高度-狀態(tài)欄高度小程序界面尺寸格式？小程序的開發(fā)尺寸為rpx(反應式像素

小程序導航欄多高？

總高度(紅色和藍色)=狀態(tài)欄高度(紅色)(膠囊按鈕頂部值-狀態(tài)欄高度)*2膠囊按鈕高度。

導航欄高度(藍色)=總高度-狀態(tài)欄高度

小程序界面尺寸格式？

小程序的開發(fā)尺寸為rpx(反應式像素)，可以將一稿適配所有屏幕尺寸。小程序編譯完成后，Rpx會進行px轉換。轉換是基于375個物理像素，也就是在一個375物理像素寬度的屏幕下，1rpx = 1px。這里只知道，設計稿的尺寸是375px或者750px。

首先，一般情況下，IOS下是中間，Android下是左邊。

其次，不尋常的情況怎么辦？2018年1月24日，小程序基礎庫更新為1.9.5版本，其中新增了支持全屏顯示小程序的配置。

雖然這個功能主要針對游戲，但是也可以用來定義標題欄。在app.js上配置，小程序可以全屏顯示，就是自己的標題欄會被隱藏。這時候開發(fā)者就可以自己寫標題欄邏輯了。應該注意的是，還不能單獨隱藏一個頁面。一旦打開配置，所有頁面將全屏顯示。

標題欄尺寸？

A1論文標題欄長180mm，(7 * 8)寬= 56mm。當標題欄的長邊放在水平方向并平行于圖的長邊時，形成X形圖的標題欄的長邊垂直于圖的長邊，形成Y形圖。這種情況下，看圖片的方向和看標題欄的方向是一樣的。標題欄應該位于繪圖的右下角。一般來說，圖片的方向和標題欄中文字的方向是一樣的。

標題欄尺寸？

標題欄的尺寸在:是180毫米寬，56毫米高。本規(guī)定參考《技術制圖 標題欄》國家標準:代號為GB/T 10609.1-2008。

在工程制圖中，為了方便讀圖和查詢相關信息，一般在圖紙中配置一個標題欄，其位置一般位于圖紙的右下角，繪圖方向一般應與標題欄方向一致。

小程序可以調(diào)整頂部標題欄顏色嗎？

不是，這是騰訊內(nèi)部設置的。

是官方標準，統(tǒng)一規(guī)定。

app和小程序，設計上有什么不同？

1)功能支持

我們都知道小程序是基于的應用，開發(fā)必須依賴于給的接口(給什么都行)，能實現(xiàn)的功能受到很大限制。而且小程序兩年前才上線的時候，功能還有些不完善。

App依托手機系統(tǒng)，可以實現(xiàn)復雜、多功能。App開發(fā)有近10年的積累，各種控件比較完善。換句話說，開發(fā)商越大。;的能力，顯示效果越豐富。

2)內(nèi)存容量

提交的applet代碼不能超過2M的指定大小，即某種程度上限制了發(fā)展的可能性。

App就不一樣了，沒有這部分的限制，我們在更新軟件的時候，經(jīng)常會看到幾十兆，幾百兆，甚至幾個G的游戲下載量。

3)體驗和流暢性

小程序的體驗略遜于App。小程序在使用時不那么穩(wěn)定，容易出現(xiàn)錯誤閃回，尤其是在一些功能復雜的應用中。小程序雖然優(yōu)化了很多，但有時候還是會有停滯感。

2.什么？;有什么區(qū)別嗎？包含

1)頂部導航欄

App:可以保留導航條，也可以去掉，可擴展，靈活。

小程序:在導航欄的右邊有一個膠囊，可以 t被刪除和編輯，其他功能可以 設計時不要添加到導航中。所以App轉換成小程序的時候，導航欄的功能要改變，或者放在導航欄下面。

實施效果也略顯欠缺。例如，提供原生和自定義導航欄:

(2)自定義導航條雖然可以去掉原生導航條，支持圖片傳到導航條，但是所有頁面都需要重新調(diào)整(原來導航條的高度沒了，界面元素會上移)，小程序不支持單個頁面的修改。

這是目前最麻煩的地方，小規(guī)模應用還可以，大規(guī)模應用導致工作量大增。

與此同時，自定義導航也容易引發(fā)諸如標題can t對齊，不同頁面模型的安全區(qū)域是不同的，并且在全局刷新期間頁面將被完全下拉。

建議在頁面較多且復雜的情況下，盡量少用自定義導航。你也可以使用導航欄的背景來連接像大黃蜂 s巢，而且效果不錯。

2)標簽欄

App:可支持最少2個標簽，最多5個標簽，圖標大小和底部標簽欄高度可自定義。

Applet:也可以支持至少2個tab開關，最多5個tab開關。使用原生控件時，圖標大小應為81*81px。

使用自定義標簽欄時，可以支持添加交互效果，比如提示氣泡數(shù)量，但體驗幾乎比原生的差。如果標簽頁是進入的第一頁，標簽欄切換會造成跳轉，需要養(yǎng)成避免。

建議盡量使用無交互的原生控件，就像一個很酷的小程序。

3)拖動進行排序

App:流暢好體驗，比如發(fā)好友時拖著照片排序。

Applet:除非必要，否則不建議拖動排序。Android機型上拖動圖片和列表的體驗不夠，會有卡頓的情況。

建議使用上下按鈕而不是上下拖動，或者使用標記對圖片進行排序。

4)文本省略

App:可以實現(xiàn)日常生活中需要的所有文字和段落效果。

小程序:text限制行數(shù)，增加省略號，增加全文擴展方案。無法預測行尾位置省略號。

建議通過斷行的增加全文展開按鈕，或者控制字數(shù)，在文末增加全文展開。

5)本地組件

APp:可以自定義組件庫，開發(fā)設計限制低。

小程序:部分組件是創(chuàng)建的原生組件，包括系統(tǒng)攝像頭、輸入框、地圖、文字輸入等。本機控件的使用受到限制，它們不能用于滾動、旋轉、選擇器和拖動區(qū)域。最高級不能覆蓋，可以修改的參數(shù)由提供。

建議在設計時使用原生控件作為修改的基礎，而不是自制控件。同時注意使用場景，不至于做不到。

6)動畫實現(xiàn)

App:動畫流暢，沒有卡頓，想要的基本都能實現(xiàn)。

小程序:動畫能力低于H5和App，動畫消耗大量性能，尤其是在安卓機型上，略顯明顯。在加載代碼包時，當認為這個小程序占用內(nèi)存過多時，會強制退出這個小程序，以保證的正常使用。

建議動畫盡量簡化，盡量做減法設計。

總結

由于小程序本身開發(fā)的特殊性，小程序和App設計會有一些不同，比如:

1.在多個復雜頁面的情況下，盡量減少自定義導航的使用。

2.沒有交互，盡量使用原生控件。

3.使用向上和向下按鈕，而不是上下拖動，或者通過標記對圖片進行排序。

4.通過換行符添加全文展開按鈕，或者控制字數(shù)，在文末添加全文展開。

5.在設計時在本機控件的基礎上進行修改。;不要做你自己的控制。同時注意使用場景，不至于做不到。

6.簡化動畫，嘗試做減法設計。