你是不是曾在设计B端产品时对尺寸的选择感到困惑？页面究竟高大度应为几许多？Figma /Sketch的设计模版给了参考，但背后的逻辑你真实的了解吗？今天我们就来一探究竟。

一、设计尺寸的困惑

设计尺寸，一直是设计师们津津乐道的话题。只是聊聊到再说说结论总是那东西死板的尺寸，鲜有人深厚入探讨背后的逻辑。那么B端设计尺寸的真实正门道在哪里呢？

二、 确定布局，明确设计尺寸范围

要弄清楚用啥尺寸设计，先说说要确定布局。我们常用的布局有上下布局、左右布局、"T"字布局等。根据布局，我们能明确设计尺寸的范围。

比方说 在开头准备设计规范时设计师需要确定设计风格和设计尺寸，页面布局是做居中固定式，还是全屏响应式。如果导航选项内容比比看许多， 或者...

三、主流设计尺寸解析

虎课网为您推荐B端画布的创建尺寸巨大细小，从零开头学B端设计。要弄清楚用啥尺寸设计，先说说要确定布局。我们常用的就是上下布局、左右布局、"T"字布局。其他布局巨大体上是这三者的延伸和拓展。

以1440×900设计尺寸进行布局，通常能满足许多数PC屏幕需求。举例说明， 1920×1080设计的弹框在较细小屏幕上兴许显得过巨大，而1440×900设计的弹框则能较优良习惯不同屏幕尺寸，避免内容展示过巨大的问题。

四、B端设计尺寸背后的原理

江鸟的设计生活B端设计尺寸一直是烫门话题。今天的文章将从5个角度拆解其背后的原理。由于Web端分辨率太分散，我们只考虑占比最巨大的前几个。

B端到底用啥尺寸进行设计？设计尺寸一直都是设计师最烫衷聊聊的问题， 聊聊到再说说结论总是一个死板的尺寸，困难得有人去讲也真实正明白背后的逻辑。

五、 设计尺寸的选择策略

所以呢，我们能得出B端Web设计中采用主流的最巨大宽阔度并非最佳选择，而是要基于不同设备上的尺寸选择最具合适的那东西。由于Web端分辨率太分散，我们只考虑占比最巨大的前几个。

根据百度流量学院里面有关PC端分辨率的占比， 排名前三的是1920×1080、1440×900、1366×768。设计稿可在1920、1440以及1366这三个尺寸中进行选择。

六、怎么确定设计尺寸

那么怎么确定设计尺寸呢？这里我们不得不提栅格。啥是栅格？这里就不做说明了。很许多优设的文章都写的很清晰了。这篇文章仅从我最开头接触栅格所遇到的困惑和有些设计师始终纠结的点来和巨大家一起聊聊聊聊。

B端设计尺寸的选择并非一成不变，而是要根据具体的项目需求和目标用户的特点来确定。了解设计尺寸背后的原理，有助于设计师更优良地进行设计，提升用户体验。

本文

---