从0开始做网站，你需要知道...

本期内容是一些笔记总结画布与内容区·考虑设备分辨率从0到1设计网站，（除了产品用户调研外）首先第一步就是新建画布，画布的尺寸取决于应用设备分辨率的市场占有率，下图是网上可查到的2021年PC端分辨率的市场占比表。表中可看出「1920*1080」分辨率是市场占比最高的分辨率，可以以这个分辨率为基准进行设计。排名前三的分辨率「1920*1080」、「1366*768」、「1440*900」市场占比达到了62.75%，因此也可以基于兼容性原则，考虑小屏适配大屏优于大屏适配小屏，选择「1440*900」为设计尺寸进行设计。目前阿里巴巴和Meterial Design的B端对外规范中，都是使用的1440这个分辨率尺寸。如果你做的网站是面向某个确定的群体，也可以以真实用户的设备作为基准，例如若公司员工都是使用分辨率为「1366*768」的笔记本办公，那么面向内部的网站就可以直接选 ………………………………