1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html5页面设计时做多大的 pc端网页按什么尺寸设计

html5页面设计时做多大的 pc端网页按什么尺寸设计

时间:2019-03-29 05:29:06

相关推荐

html5页面设计时做多大的 pc端网页按什么尺寸设计

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

pc端网页的尺寸设计规范

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

其原理如下:

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

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

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

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

pc端网页设计的特点

1、可复用性

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

2、统一性

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

3、提升能力

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

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

4、团队文化沉淀

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

尊重原创文章,转载请注明出处与链接:/wenda/652856.html,违者必究!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。