2022-08-09 分類: 網(wǎng)站建設(shè)
什么是柵格?我這里就不做說明了。很多文章都寫的很清晰了。這篇文章僅從我最開始接觸柵格所遇到的困惑和部分設(shè)計師始終糾結(jié)的點來和大家一起討論討論。
B 端到底用什么尺寸進(jìn)行設(shè)計?
確定布局
要弄清楚用什么尺寸設(shè)計,首先要確定布局。我們常用的就是上下布局、左右布局、“T”字布局。其他布局基本上是這三者的延伸和拓展。上下布局一般是固定頂部,有點類似于 PC網(wǎng)頁設(shè)計,實際上也差不多?,F(xiàn)在的B端設(shè)計中很多都會搭配著這種布局用,比如幫助中心、消息通知,客戶入網(wǎng)申請等(這些我都遇見并做過)。左右布局和“T”字布局,一般固定左側(cè),右側(cè)區(qū)域做自適應(yīng)。
根據(jù)布局確定明確設(shè)計尺寸范圍
我們看一下百度統(tǒng)計最新出來的當(dāng)前計算機(jī)分辨率數(shù)據(jù),從統(tǒng)計的數(shù)據(jù)中可以看出,小尺寸的屏幕是越來越少了。但是不是我們就要用最小的尺寸或者用份額大的 1920 進(jìn)行設(shè)計了?
顯然不是按照這個維度來確定尺寸的。對網(wǎng)頁設(shè)計來說,設(shè)計師差不多都知道有一個 1200 有效內(nèi)容區(qū)域的說法。如果沒有特殊要求,上下布局也是遵循這個原則的。設(shè)計師中絕大部分,包括我很多同事平時基本上用的 1920 和 1440 兩種尺寸來進(jìn)行設(shè)計。對于 B 端來說,不管你采用 1920 或者 1440,在做上下布局頁面定寬設(shè)計的時候,遵循 1200 有效內(nèi)容區(qū)域這個原則就是沒有問題的,看了很多文章上面舉例了 960、990、1024、1156 等等,大家都不用糾結(jié),沒有特殊要求,這些都沒啥問題。
上下布局在 B 端設(shè)計中是一個補(bǔ)充,有的可能有,有的可能沒有,所以用 1920 還是 1440 還是根據(jù)左右布局來,保持統(tǒng)一。兩年前我看過一篇大廠寫的布局的文章,用的是 1280 的尺寸,記得是說因為考慮縮小瀏覽器會發(fā)生遮擋或者擠壓(別問我為啥還記得,因為當(dāng)時對于尺寸糾結(jié)的太厲害,至今難以忘懷),現(xiàn)在因為技術(shù)等方面的發(fā)展,個人認(rèn)為再用 1280 的做已經(jīng)不合適了。1440 的尺寸目前做中后臺是比較通用的,大家也可以參考看一下螞蟻 Ant Design。至于 1920 的用來設(shè)計 B 端行不行呢?我認(rèn)為也是可以的,我就用過,也沒用戶反饋說顯示有問題,我就當(dāng)他沒問題了。不過我還是建議大家在做 B端設(shè)計的時候用 1440 的來做,特別是用戶群很復(fù)雜的情況下,方便低分辨率的電腦查看。當(dāng)然如果我們給某一企業(yè)做定制服務(wù),那就沒尺寸的問題了,照著客戶電腦尺寸來就行了。
當(dāng)前名稱:B端到底用什么尺寸進(jìn)行設(shè)計?來看我的實戰(zhàn)總結(jié)!
轉(zhuǎn)載注明:http://m.rwnh.cn/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è)計公司、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容