前端制作(美工)是怎么把PSD制作成页面的?

美工怎么做的我不清楚,因为我是做前端的,我就从前端这个角度说吧。

首先拿到PSD,先分析哪些是要导出为图片的,哪些是可以自己用代码完成的。
将图片全部导出,要做成雪碧图的都做成雪碧图

然后直接开始码代码,在谷歌浏览器或者火狐中测试,不要用IE做第一次测试。
1.对照设计图,写好框架
2.完善细节,添加JS效果(可重用的组件,模块注意分离)
3.完善所有页面,测试浏览器兼容

PS:如果是无任何前端基础,单纯的是美工的话我就布吉岛了,记得是直接用PS的切片工具加DW调整。 再说这种事情本应是前端做的呀,为毛要让美工or设计师做,做出来的有用不。。。

编码规范和组件模块如何分离可以参考网易的NEC规范
规范 - NEC : 更好的CSS样式解决方案

作者:朱乐义
链接:http://www.zhihu.com/question/23824421/answer/25782086
来源:知乎
著作权归作者所有,转载请联系作者获得授权。

 
 
http://www.uimaker.com/uimakerhtml/uistudy/2010/0430/3379.html
 
05-11 11:03