欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > 网页制作 >  pc端网页按什么尺寸设计

pc端网页按什么尺寸设计

来源:培训无忧网 发布人:裴裴

2022-03-22 11:47:52|已浏览:389次

      pc端网页按什么尺寸设计?如果不做全屏,或者主区域没有全屏设置,可以固定中宽,比如bootstrap的container的固定宽度1170px。下面小编给大家介绍pc端网页按什么尺寸设计,一起来看看吧。

pc端网页设计尺寸

      pc端网页的尺寸设计规范

      如果做一个全屏页面,设计的大小是1920*960px,然后所有与页面大小相关的样式都由JQ控制。

      其原理如下:

      1、获取当前浏览器可见区域的宽度w,计算尺度系数I= w /1920。

      2、在显示器上绘制分辨率为1920*1080的页面,然后将该尺寸的所有数据乘以系数I。

      3、效果。这样的页面看起来就像一张图片,不管显示器有多宽,模块都是一样的。

      4、如果不做全屏,或者主区域没有全屏设置,可以固定中宽,比如bootstrap的container的固定宽度1170px。

      pc端网页设计的特点

      1、可复用性

      有完整的设计规范和相应的组件控制,方便视觉和交互设计师复用,无需重复生产,减少工作量,提高工作效率。

      2、统一性

      通过统一的设计规范,设计师在使用组件控件时,可以避免自己创建组件控件,并维护团队产品的统一体验。

      3、提升能力

      由于组件控件的可复用,直接提高了设计人员的工作效率,节省了大量的时间。设计师可以有很多时间去思考设计和商业背后的逻辑,从而提高自己的设计思维能力。

      同时,完整的设计规范是系统的,设计师在阅读后可以建立自己的设计体系,这对设计的改进有很大的帮助。

      4、团队文化沉淀

      团队有了设计规范后,便于团队以后做设计依据和参考。无论是新员工的到来,还是老员工的离开,都有利于对接工作,提高团队的协作效率。

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-25920.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注网页制作频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!