网页设计流程及效率提升- Windows Live

网页设计流程及效率提升

网站设计流程:
1.【需求】客户或老板提出网站需求
2.【整理需求】将客户或者老板的需要转化为设计师语言,不明确的地方进行沟通
3.【构图】大型网站需要版式图,如果设计复杂操作甚至需要制作简单操作DEMO
4.【效果图制作】一般先设计首页效果图,然后根据首页效果图设计其他页面,较为复杂项目需要制作出DEMO,这个阶段需要加入些视觉效果或者创意,使得页面更能满足用户需要
5.【切图】xxx的切割页面使得页面文件最小
6.【html制作】现在主流为DIV+CSS架构页面,这也是未来的趋势,只是需要经过多浏览器调试
7.【程序嵌入】配合程序员完成程序的整合,并保证整合后页面尽量保持效果图中效果
8.【数据测试】按实际需要录入数据进行在此测试,保证页面效果不发生变化
9.【正式数据】这时候可能需要设计师配合制作页面中广告或者处理产品图片

如何提高效率?

为了使得工作可以高效,我认为工作环节可以进行流程化及模板化,一方面方便团队多个成员一起工作,另一方面则是使得作品具有统一性,标准化;

1.【需求】客户及老板毕竟不是设计类专业人士,所以提出的需求往往比较抽象,要使得他们的需求具体化,容易让设计师理解,这个阶段就需要很好的把握,提供些模板让他们选择,这将省去后续不必要的返工;
模板分为以下几个环节:
?? 1)版式:是两栏、三栏、自由型、曲线
?? 2)颜色:如果企业已经有了标准VI方案那{zh0}直接运用标准颜色,如果客户或者老板有其他需求则拿几种颜色让客户确定下来;
?? 3)风格:简约、大气、古典、女性一方面根据具体的网站内容来定,一方面看客户需要;
?? 4)网站模块:菜单项目、公司介绍、广告位、公司公告、产品信息、留言、在线客服客户需要哪些一开始就确定好
?? 5)特殊需求:客户有哪些效果上的特殊需要,在方案中要具体说明
2.【整理需求】将方案再确认一遍,让客户签定需求确认书??
3.【构图】版式图,使用VISIO或者WORD都可以画,可以预先制作些通过的版式模板;
4.【效果图制作】将页面模块拆解成:
??? 1)顶部:logo、菜单、顶部导航
??? 2)框架样式;
??? 3)文字列表
??? 4)图片列表
??? 4)幻灯效果
??? 5)banner
??? 6)按钮{tx}
??? 7)底部效果
??? 等元素,在拿到方案后进行合理拼装,这些模块也可以打包成特定模板,针对特定行业,经过修改后可以提交方案
5.【切图】
6.【html制作】
??? 1)写特定DIV+CSS模板,配合效果图设计能方便转换成html,减少浏览器调试时间
??? 2)DIV+CSS配合框架写模块,方便组合
7.【程序嵌入】设计师制作html过程中写好注释,方便程序员嵌入代码
8.【数据测试】做好测试样例数据,导入后可以快速发现问题
9.【正式数据】准备好banner、幻灯模板,提高录入效率

郑重声明:资讯 【网页设计流程及效率提升- Windows Live】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——