企业建站设计网页时应该设置多大的分辨率合适

企业网站设计中,宽度的设置,是没有绝对固定的值的,根据我们的需求出发。
 
  企业网页制作的宽度主要分两种:
 
    一、定宽:内容区域宽度固定
 
  二、自适应:内容区域宽度跟随浏览器变化



企业网站分辨率如何设置
 
 
  一、定宽模式
 
  根据百度流量研究院的新数据显示,2019年10月份我国网民访问PC网页的主流设备分辨率仍然为1920*1080,占总百分百为42.94%。很显然,绝大部分的屏幕分辨率都已经超过了1366*768,在适配网页时则不需要对1366宽度以下的尺寸做特殊处理。可见,1920px在目前是PC端网页设计的标准。
 
  需要注意的是,在设计公司网站时,不能够将页面的实际显示内容的区域(也成为安全区)等同于此上限看度。考虑到在Windows等部分浏览器上,滚动条本身也需要占据一定的宽度,因此,过分的贴边或是接近于整屏幕宽度的设计是不被推荐的。
 
  以1920px宽度作为设计标准,在整个页面中,企业建站网页的安全区域则为1200px。换句话说,我们只要保证网页的实际内容展示区域控制在1200px这个范围内,就能保证整个页面在不同尺寸的浏览器访问时能够完整的显示出所有的内容。
 
  要知道类似淘宝、京东这个级别网站所使用的界面宽,都是经过格线系统的体系推导而出的,而不是觉得某个整数看着比较顺眼所以那么设置,即使你对栅格一点概念都没有,也是可以使用这些宽度的。
 
  简单的企业建站的宽度设置:宽度=小宽度-左右留白


 
 
  二、自适应模式
 
  可能很多人听过,自适应布局,而一般自适应宽模式,是让主内容区域可以随画布的拉伸而做调整,让整个浏览器的画布区域被大化利用,展示更多的文字信息或图像。
 
  在这种模式下,使用1920px或更大的宽来设计是没问题的。但是,你还需要定义一个小的宽,再出一版设计,来展示极限情况下的视觉效果。因为很多用户会在操作系统中缩小浏览器的宽度来并排其它窗口。要设计出切实可行的方案,是需要设计师完全熟悉HTM5L+CSS3和基础JS的,还需要考虑过大的宽度适应下配图的清晰度和读取效率问题。
 

X

截屏,微信识别二维码

微信号:13366258895

(点击微信号复制,添加好友)

  打开微信