网站设计中响应式网页要设计尺寸的大小

2016-08-05 分类：网站设计

设计是很灵活的，但同一个项目产品的设计，就必须要有它的规范，而这些规范，必须要遵循设计的原理，对自己而言，以后再同一项目做更新优化时能用更快的时间搞定，对他人而言，不让人喷的同时认同你是个专业的设计师。

响应式网站前端设计也是属于网页设计的一部分，自从有了H5，网页设计的展现形式真是千变万化，但是要做一个让大部分非IT的人操作的PC前端，你把它做的很炫，请问用户答应吗？前端和开发都不想答应。当然，对于一些控件原件是可以做一些轻动画交互。

居中对齐的网页

这个尺寸的网页尺寸很好把握，新建画布A（白色图层），然后新建另外一个网页有效区的画布B(黄色图层)，把画布B的图层拖到画布A，居中对齐，然后拖两条参考线，删除黄色图层，这个时候就可以在这个画布上大展身手了。

那么，画布A的宽度到底应该是多少分辨率呢？很明显，只要大于有效区即可。因为这种网页设计尺寸是固定的，控件和原件等的都设置一个固定值，比如间距刚刚好是30px，按钮刚刚好是100px，表格刚刚好是700px等。网页有效区的宽度从以前的600px涨到现在1200px，甚至更高，因此，结合我们当前使用的主流显示器，例，做一个1200px宽度的网页，那么画布B就是要设置的宽度，而画布A则是大于1200px宽度，就算网页的有效区已经固定，然而很多时候，你肯定会设计通栏的banner，用上1920分辨率显示器的你，当然是用1920的宽度比较爽比较任性好吗？

版面分辨率的设置，常见的网页结构类型科学的网页结构能够更好地展现网站信息，让任务的完成更容易，对内容的存取更直接。网页结构的科学性和艺术性，可易于信息的管理。

当前题目：网站设计中响应式网页要设计尺寸的大小
本文链接：https://www.cdcxhl.com/news/39470.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站设计等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容