公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？

2018-4-9 藍(lán)藍(lán)設(shè)計(jì)的小編

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，請(qǐng)點(diǎn)這里

小編今天分享一下騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范，看看會(huì)對(duì)你有什么啟發(fā)？

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？

直接進(jìn)入主題

首屏范圍：750X1218像素

移動(dòng)端的首屏尤為重要，很多時(shí)候用戶只關(guān)注到首屏的內(nèi)容。并且很多移動(dòng)端頁(yè)面采用分屏瀏覽的的形式，這種形式讓用戶更集中注意力在一個(gè)畫(huà)面中。首屏范圍的設(shè)定選取的主流機(jī)型IPHONE6的分辨率大小，安全寬高為向下兼容到iphone5s的尺寸。

首屏范圍的由來(lái)

市面上的機(jī)型超過(guò)65%的長(zhǎng)寬比為178:100，如果按照設(shè)計(jì)app的思路，只需要選取一個(gè)中間設(shè)備ip6尺寸來(lái)適配即可，但我們發(fā)現(xiàn)微信/手Q的瀏覽器頭部并不是按照等比來(lái)縮放的，所以如果設(shè)計(jì)稿按照iP6尺寸來(lái)等比例放大到iP6 plus上，會(huì)出現(xiàn)留有一條黑邊。

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？

iphone5/6的頭部為128高度; 而iphone6 plus的高度為192導(dǎo)致瀏覽框的比例不完全統(tǒng)一

適配剩下35%尺寸

讓設(shè)計(jì)稿在178:100的比例中顯示最佳狀態(tài)，在其他尺寸盡量信息完整

頁(yè)面排版

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？

標(biāo)題文字

1、主標(biāo)題建議在7個(gè)字內(nèi)，一行最多不超過(guò)7字，標(biāo)題一般是經(jīng)過(guò)設(shè)計(jì)的字體

2、副標(biāo)題文字需要能夠說(shuō)明詳細(xì)活動(dòng)信息，字體建議在24-40號(hào)之間

3、標(biāo)題文字超過(guò)7個(gè)字的情況下，文字折行處理，并且加強(qiáng)重要詞語(yǔ)

正文標(biāo)題與內(nèi)容

標(biāo)題：字號(hào)48，使用粗體

正文：字號(hào)30點(diǎn)，使用常規(guī)體

引文和次要信息：字號(hào)24

段首無(wú)需空格，左對(duì)齊即可

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？

文章列表的字號(hào)與間距

文章的標(biāo)題不宜過(guò)長(zhǎng)，建議控制在18字內(nèi)

文章列表的間距需不得小于90px

字號(hào)建議用26~30號(hào)

頁(yè)面組件

按鈕

1、頁(yè)面只有一個(gè)按鈕時(shí)候，按鈕居中對(duì)齊，按鈕高度需要大于80px

2、如果按鈕的重要級(jí)相當(dāng)，建議用左右布局；不一致則建議用上下布局

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？

頁(yè)簽與導(dǎo)航

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？

1、移動(dòng)端頁(yè)面頁(yè)簽最多5個(gè)，頁(yè)簽字?jǐn)?shù)一般2個(gè)，支持左右滑動(dòng)切換頁(yè)簽

2、頁(yè)簽整體寬度與對(duì)應(yīng)的內(nèi)容寬度對(duì)齊，高度大于90px；字體大于30號(hào)，使用粗體

簡(jiǎn)述：騰訊移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范對(duì)你有啟發(fā)嗎？