手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

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

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

小編今天分享一下騰訊移動端頁面設(shè)計規(guī)范,看看會對你有什么啟發(fā)?

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

直接進(jìn)入主題

首屏范圍:750X1218像素

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

首屏范圍的由來

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

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

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

適配剩下35%尺寸

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

頁面排版

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

標(biāo)題文字

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

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

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

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

標(biāo)題:字號48,使用粗體

正文:字號30點,使用常規(guī)體

引文和次要信息:字號24

段首無需空格,左對齊即可

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

文章列表的字號與間距

文章的標(biāo)題不宜過長,建議控制在18字內(nèi)

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

字號建議用26~30號

頁面組件

按鈕

1、頁面只有一個按鈕時候,按鈕居中對齊,按鈕高度需要大于80px

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

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

頁簽與導(dǎo)航

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

1、移動端頁面頁簽最多5個,頁簽字?jǐn)?shù)一般2個,支持左右滑動切換頁簽

2、頁簽整體寬度與對應(yīng)的內(nèi)容寬度對齊,高度大于90px;字體大于30號,使用粗體

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

頭部條的高度建議120px,icon的大小為100x100px

首頁導(dǎo)航條:標(biāo)簽最多不超過三個

圖標(biāo)

熱區(qū)大小 最小面積:44x44像素

圖形大小 最小面積:30x30像素

游戲下載

建議將LOGO放置于頁面的右上角,按鈕大?。?70x64像素左右

簡述:騰訊移動端頁面設(shè)計規(guī)范 對你有啟發(fā)嗎?

看完這些,是否對你有所啟發(fā)呢?

藍(lán)藍(lán)設(shè)計www.88yangsc.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com

存檔