设计是非常灵活的，但同一个项目/商品的设计，就需要要有它的规范，而这类规范，需要要遵循设计的原理，对自己而言，将来再同一项目做更新优化时可以用更快的时间解决，对别人而言，不叫人喷的同时认可你是个专业的设计师。近期咨询网页前端设计的朋友比较多，当然大多数是求PSD~，授人以鱼不如授人以渔，是时候推荐一些干货给大伙了。这篇文章是出于对客观的理解加上藤设计经验，因此有的地方或许会跟大伙的想法有出入，不对的地方请指出。前端设计也是是网站制作的一部分，自从有了H5，网站制作的展示形式真是千变万化，但要做一个让大多数非IT的人操作的PC端前端，你把它做的非常炫，请问用户答应吗？前端和开发都不想答应。当然，对于一些控件/元件是可以做一些轻动画交互。
居中对齐的网页这个尺寸的网页尺寸非常不错把握，新建画布A（白色图层），然后新建另外一个网页有效区的画布B(黄色图层)，把画布B的图层拖到画布A，居中对齐，然后拖两条参考线，删除黄色图层，这时就能在这个画布上大展身手了。那样，画布A的宽度到底应该是多少分辨率呢？非常明显，只须大于有效区即可。由于这种网站制作尺寸是固定的，控件和元件等的都设置一个固定值，譬如间距刚刚好是30px，按钮刚刚好是100px，表格刚刚好是700px等。网页有效区的宽度从以前的600px涨到目前1200px，甚至更高，因此，结合大家目前用的主流显示器，例，做一个1200px宽度的网页，那样画布B就是要设置的宽度，而画布A则是大于1200px宽度，即使网页的有效区已经固定，然而有时候，你一定会设计通栏的banner，用上1920分辨率显示器的你，当然是用1920的宽度比较爽比较任性怎么样？
目前标题响应式网站前端的设计尺寸标准
