B端到底用什么尺寸進(jìn)行設(shè)計(jì)？來看我的實(shí)戰(zhàn)總結(jié)！

什么是柵格?我這里就不做說明了。很多文章都寫的很清晰了。這篇文章僅從我最開始接觸柵格所遇到的困惑和部分設(shè)計(jì)師始終糾結(jié)的點(diǎn)來和大家一起討論討論。

B 端到底用什么尺寸進(jìn)行設(shè)計(jì)?

確定布局

要弄清楚用什么尺寸設(shè)計(jì)，首先要確定布局。我們常用的就是上下布局、左右布局、“T”字布局。其他布局基本上是這三者的延伸和拓展。上下布局一般是固定頂部，有點(diǎn)類似于 PC網(wǎng)頁設(shè)計(jì)，實(shí)際上也差不多。現(xiàn)在的B端設(shè)計(jì)中很多都會(huì)搭配著這種布局用，比如幫助中心、消息通知，客戶入網(wǎng)申請(qǐng)等(這些我都遇見并做過)。左右布局和“T”字布局，一般固定左側(cè)，右側(cè)區(qū)域做自適應(yīng)。

根據(jù)布局確定明確設(shè)計(jì)尺寸范圍

我們看一下百度統(tǒng)計(jì)最新出來的當(dāng)前計(jì)算機(jī)分辨率數(shù)據(jù)，從統(tǒng)計(jì)的數(shù)據(jù)中可以看出，小尺寸的屏幕是越來越少了。但是不是我們就要用最小的尺寸或者用份額大的 1920 進(jìn)行設(shè)計(jì)了?

顯然不是按照這個(gè)維度來確定尺寸的。對(duì)網(wǎng)頁設(shè)計(jì)來說，設(shè)計(jì)師差不多都知道有一個(gè) 1200 有效內(nèi)容區(qū)域的說法。如果沒有特殊要求，上下布局也是遵循這個(gè)原則的。設(shè)計(jì)師中絕大部分，包括我很多同事平時(shí)基本上用的 1920 和 1440 兩種尺寸來進(jìn)行設(shè)計(jì)。對(duì)于 B 端來說，不管你采用 1920 或者 1440，在做上下布局頁面定寬設(shè)計(jì)的時(shí)候，遵循 1200 有效內(nèi)容區(qū)域這個(gè)原則就是沒有問題的，看了很多文章上面舉例了 960、990、1024、1156 等等，大家都不用糾結(jié)，沒有特殊要求，這些都沒啥問題。

上下布局在 B 端設(shè)計(jì)中是一個(gè)補(bǔ)充，有的可能有，有的可能沒有，所以用 1920 還是 1440 還是根據(jù)左右布局來，保持統(tǒng)一。兩年前我看過一篇大廠寫的布局的文章，用的是 1280 的尺寸，記得是說因?yàn)榭紤]縮小瀏覽器會(huì)發(fā)生遮擋或者擠壓(別問我為啥還記得，因?yàn)楫?dāng)時(shí)對(duì)于尺寸糾結(jié)的太厲害，至今難以忘懷)，現(xiàn)在因?yàn)榧夹g(shù)等方面的發(fā)展，個(gè)人認(rèn)為再用 1280 的做已經(jīng)不合適了。1440 的尺寸目前做中后臺(tái)是比較通用的，大家也可以參考看一下螞蟻 Ant Design。至于 1920 的用來設(shè)計(jì) B 端行不行呢?我認(rèn)為也是可以的，我就用過，也沒用戶反饋說顯示有問題，我就當(dāng)他沒問題了。不過我還是建議大家在做 B端設(shè)計(jì)的時(shí)候用 1440 的來做，特別是用戶群很復(fù)雜的情況下，方便低分辨率的電腦查看。當(dāng)然如果我們給某一企業(yè)做定制服務(wù)，那就沒尺寸的問題了，照著客戶電腦尺寸來就行了。

當(dāng)前名稱：B端到底用什么尺寸進(jìn)行設(shè)計(jì)？來看我的實(shí)戰(zhàn)總結(jié)！
轉(zhuǎn)載注明：http://www.bm7419.com/news24/187824.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、品牌網(wǎng)站制作、自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)