欧美性视频网站_欧美成在线观看_精品99在线_成人午夜免费视频_欧美日韩亚洲国内综合网_精品亚洲一区二区三区

B 端到底用什么尺寸進行設計?來看我的實戰總結!

2023-6-9    周周

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

B 端到底用什么尺寸進行設計?

確定布局

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

B 端到底用什么尺寸進行設計?來看我的實戰總結!

根據布局確定明確設計尺寸范圍

我們看一下百度統計最新出來的當前計算機分辨率數據,從統計的數據中可以看出,小尺寸的屏幕是越來越少了。但是不是我們就要用最小的尺寸或者用份額最大的 1920 進行設計了?

B 端到底用什么尺寸進行設計?來看我的實戰總結!

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

B 端到底用什么尺寸進行設計?來看我的實戰總結!

上下布局在 B 端設計中是一個補充,有的可能有,有的可能沒有,所以用 1920 還是 1440 最好還是根據左右布局來,保持統一。兩年前我看過一篇大廠寫的布局的文章,用的是 1280 的尺寸,記得是說因為考慮縮小瀏覽器會發生遮擋或者擠壓(別問我為啥還記得,因為當時對于尺寸糾結的太厲害,至今難以忘懷),現在因為技術等方面的發展,個人認為再用 1280 的做已經不合適了。1440 的尺寸目前做中后臺是比較通用的,大家也可以參考看一下螞蟻 Ant Design。至于 1920 的用來設計 B 端行不行呢?我認為也是可以的,我就用過,也沒用戶反饋說顯示有問題,我就當他沒問題了。不過我還是建議大家在做 B端設計的時候用 1440 的來做,特別是用戶群很復雜的情況下,方便低分辨率的電腦查看。當然如果我們給某一企業做定制服務,那就沒尺寸的問題了,照著客戶電腦尺寸來就行了。

如何來進行柵格布局?

現在有很多插件可以進行布局,軟件一般也有自帶布局功能。這里不做陳述:

這里介紹我常用的 sketch 布局。

B 端到底用什么尺寸進行設計?來看我的實戰總結!

這里我也創建了一個 1440 的網格系統,供大家參考,大家也可以根據自己的實際情況去建立自己的網格。

B 端到底用什么尺寸進行設計?來看我的實戰總結!

頂部高度沒有特殊要求建議不要超過 100px,我一般就是 60-80px 內設定的;左側可以根據目錄內容自己設定一下,一般 200 多就差不多了。邊距我一般設定 20px、24px。這樣再對剩下的距離做柵格就行了,列寬保持偶數即可。

有時候做柵格的時候會遇到一部分列寬是 42px,一部分列寬是 43px,這種設定也是可以的,回歸到柵格系統的意義,柵格本質上不是為了保證像素級精確,而是為了保證瀏覽視覺級別的秩序、協調與統一,所以大家沒有必要糾結。

“沒有絕對正確的柵格設計,只有最適合的柵格設計”,希望這篇文章可以幫助對柵格有疑惑的設計師們,同時也期待大家留言,大家一起學習探討。

文章來源:優設網    作者:神經蛙


分享此文一切功德,皆悉回向給文章原作者及眾讀者.


免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.www04089.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.www04089.cn

存檔

主站蜘蛛池模板: 午夜伦理福利 | 毛片毛片毛片 | 日韩中文在线观看 | 国产在线中文字幕 | 欧美久久久久久 | 男女免费视频 | 日韩在线综合 | 在线免费看黄网站 | 欧美日韩国产在线 | 天天射影院 | 黄色一级片免费 | 天天操天天干天天操 | 日韩精品久久久久久久酒店 | 日本成人黄色 | 日韩av在线网址 | www.夜夜骑| 男男巨肉啪啪动漫3d | 93久久精品日日躁夜夜躁欧美 | 中文字幕第三页 | 国产一区在线视频 | 成人欧美一区二区三区白人 | 亚洲欧美一区二区三区在线 | 秋霞一区二区三区 | 国产理论在线 | 日韩视频免费在线观看 | 一级毛片在线播放 | 日日不卡av | 日韩二区三区 | 国产又爽又黄免费视频 | 一区在线观看 | 色婷婷在线视频 | www.黄色av| 国产免费一区二区三区在线观看 | 伊人春色在线 | 久久国内精品 | 日韩毛片在线 | 一级中国毛片 | 久久黄色大片 | 国产不卡在线视频 | 麻豆av在线播放 | 一级大片免费看 |