上面的页面制作就包括切图+前端代码的编写。实际上切图是由前端人员来完成的,因为只有TA才明白怎么切才合理。现在有招web设计的说懂html,css加分,就是说明白基本前端知识的可以省掉前端不少时间和沟通交流的时间。切图是将一个psd模块转化为可用网页并且符合规范的过程。基本的psd图片切分要考虑很多东西,比如整个屏幕的图要切多几块,这样可以避免页面加载时图片显示慢。比如小图标,按钮背景要做成sprite,sprite的摆放问题。图片格式要用哪种,质量为百分之几,png8 or png24?等等。
正规公司应该类似于这样的流程:
1.立项咨询
包括产品状态,营销思路,期望,同类产品分析
2.立项前准备
分析用户需求、市场需求和同类产品做法,检索可用内外资源,排期
3.确认立项
确定是否立项,项目定级,以及项目大致安排
4.方案、原型提交与确认
写出思路=》绘制原型=》拼装概念设计
5.网页设计
设计人员的工作
6.页面制作
配合后端,前端开发人员的工作
7.内容填充
编辑的工作
8.SEO
前端和编辑都需要注意的地方
9.测试
10.确认
确定无错后上线。
上面的页面制作就包括切图+前端代码的编写。实际上切图是由前端人员来完成的,因为只有TA才明白怎么切才合理。现在有招web设计的说懂html,css加分,就是说明白基本前端知识的可以省掉前端不少时间和沟通交流的时间。切图是将一个psd模块转化为可用网页并且符合规范的过程。基本的psd图片切分要考虑很多东西,比如整个屏幕的图要切多几块,这样可以避免页面加载时图片显示慢。比如小图标,按钮背景要做成sprite,sprite的摆放问题。图片格式要用哪种,质量为百分之几,png8 or png24?等等。
接下来的转化为静态网页就是前端开发的本职了。基本内容的html代码=>CSS编写=>JavaScript编写=>兼容性测试。 “将切图怎么实现为一个静态网页”,试过就知道~