成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕

微信小程序的底部tab有多高(交互原型設(shè)計(jì)的尺寸要求?)

微信小程序開發(fā),導(dǎo)航欄右邊的按鈕怎么設(shè)置?設(shè)置導(dǎo)航條導(dǎo)航條tabBar如果我們的小程序是一個(gè)多標(biāo)簽的應(yīng)用(客戶端窗口的底部或者頂部有一個(gè)切換頁面的tab bar),那么我們就可以通過TabBar配置

微信小程序的底部tab有多高(交互原型設(shè)計(jì)的尺寸要求?)

微信小程序開發(fā),導(dǎo)航欄右邊的按鈕怎么設(shè)置?

設(shè)置導(dǎo)航條導(dǎo)航條tabBar如果我們的小程序是一個(gè)多標(biāo)簽的應(yīng)用(客戶端窗口的底部或者頂部有一個(gè)切換頁面的tab bar),那么我們就可以通過TabBar配置項(xiàng)來指定標(biāo)簽欄的性能以及切換標(biāo)簽時(shí)顯示的對(duì)應(yīng)頁面。提示:通過頁面跳轉(zhuǎn)()或頁面重定向()到達(dá)的頁面不會(huì)在底部顯示tabbar,即使它是在tabBar配置中定義的頁面。TabBar是一個(gè)數(shù)組,至少可以配置2個(gè)選項(xiàng)卡,最多可以配置5個(gè)選項(xiàng)卡。選項(xiàng)卡按數(shù)組的順序排序。屬性值:

微信小程序?qū)Ш綑诙喔撸?/strong>

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

導(dǎo)航欄高度(藍(lán)色)=總高度-狀態(tài)欄高度

交互原型設(shè)計(jì)的尺寸要求?

1.iPhone6的界面布局為:屏幕4.7英寸,設(shè)計(jì)稿尺寸為750x1334px。

狀態(tài)欄:就是電源欄,高度40px;

導(dǎo)航:是頂欄,高度88px;

主子菜單條(tab):是標(biāo)簽條和底條,高度為98px;

內(nèi)容區(qū)域:屏幕中間高度為1334px-40px-88px-98px=1108px的區(qū)域。

ui界面設(shè)計(jì)尺寸?

(一)接口尺寸規(guī)格

1.接口尺寸為:750x1334px。

2.狀態(tài)欄:是電源欄,高度40px。

3.導(dǎo)航:是頂欄,高度88px。

4.主子菜單(tab):是一個(gè)標(biāo)簽欄,底部有一個(gè)高度為98px的欄。

5.內(nèi)容區(qū)域:是屏幕中間的區(qū)域,其高度為:1334px-40px-88px-98px=1108px。

(2)圖標(biāo)尺寸規(guī)格

1.導(dǎo)航欄和工具欄的尺寸為44x44px。

2.標(biāo)簽條的尺寸是75x7x。

3.導(dǎo)航欄的最大文本大小為34-36px,標(biāo)簽欄中圖標(biāo)下方的文本大小為20px。

4.內(nèi)容區(qū)的文字大小為:20px 24px,26px,28px,30px,32px,34px。

5.設(shè)置界面圖標(biāo)高度和開關(guān)滑動(dòng)按鈕高度:58px。

(3)可點(diǎn)擊的高度規(guī)格

統(tǒng)一成88px。88px是常用的設(shè)計(jì)尺寸。

(4)搜索欄的高度是標(biāo)準(zhǔn)化的

搜索欄的高度統(tǒng)一為58px。

(5)界面元素之間的距離規(guī)格

界面元素間常見距離,親密距離:20px;遠(yuǎn)距:30p x。

A.遙遠(yuǎn)的距離:比如所有元素到手機(jī)最左邊屏幕的距離。

b親密距離:比如左邊圖標(biāo)和右邊文字的距離。

5.5寸屏幕,像素分辨率1242x2208px-@3x,邏輯分辨率414x981px-@1x。物理尺寸為1080x1920px。這個(gè)物理尺寸也是目前最流行的大屏設(shè)計(jì)草圖尺寸。