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

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/news20/39470.html

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

广告

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

外贸网站制作