网页设计、web前端、后台的开发流程和注意事项 -----转

工作2年了,总感觉每次做项目的时候,都是赶时间,赶时间,加班几班,可是最后总结一看,百分之50的时间都浪费在做无用功上面了,甚至因为设计人员的失误,造成了前端和程序大量的返工,休整,加班,造成了开发人员的疲惫。

我个人总结了一下觉得认为比较好的能够节省时间效率的工作流程应该是:

1.产品经理做出整体的构思,提出明确需求,并且形成文档和demo

包括:网站的中心思想,即属于什么类型的,是电子商务还是企业网站还是门户网站等,不同类型的网站风格定位就不一样,一个网站需要注意的地方,例如登录注册的页面,是否需要表单的验证,表单验证的文字等。并且开会,讨论一下功能点实现的难易和时间需要,如果功能太难,是否要酌情变通。

2.产品经理形成的文档和demo要给设计人员,这时候需要我们的设计师,按照产品的原型,在保证功能完整的情况下,对页    
面进行美化需要注意的地方:这里的设计师应该是专业的网页设计师,而不是平面设计师,因为平面设计和网页设计有许多的不同,平
面设计更注重色彩的搭配,视觉的冲击力,而网页设计要保证简洁美观的情况下,还要兼顾开发人员的开发难易程度。并且将细节细化到位。

3.设计人员的全版设计图形成以后,应该再次开会讨论,比较设计图和产品需求的功能是否完全体现,细节方面是否都已顾   全,
例如如果有表单验证的地方是否需要提示性语言等,设计人员的设计图一经确认,应该形成设计文档,包括:网站的主色是什么,渐变颜色色值是什么,哪些功能块的样式是一样的,主要应用到的字体有几种规格,包括大小、名称、颜色等,要注意图层命名的意义

4.设计人员把设计效果图,和开发文档给前端开发人员,前端开发人员应该注意代码的精简型,样式表命名的意义,兼容,Js 效果等,把能够通用的样式放在一起,并且形成文档,交代一下,需要用到的隐藏层,弹出层,表单验证需要切换的层等,方便后台开发人员进行开发

5.后台人员在拿过前端人员的页面和开发文档时,要注意嵌套程序的过程中,如果需要改变结构的,应该及时跟前端人员沟通,不要擅自更改,以免造成兼容性的问题,给前端人员造成多余的工作量和困扰,在需要样式名称更改的时候,应该及时询问前端开发,能否更改或应该如何更改

一个网站的开发,是一个漫长而谨慎的过程,尤其是产品经理和设计师,一旦他们疏漏了,势必要重新的更改需求或者是更改设计,这样就会给前端和后端开发人员造成困扰,并且增大了许多根本不应该出现的工作量。在这两年中,类似的问题出现了无数次,每次的加班几乎都是因为设计人员的疏漏,而导致后面需要重新制作。

例如,登录注册的页面,需要表单验证的文字,这个一开始就是需要想到的,但是以为设计师根本不是专业的网页设计师,不懂得网页需要的元素,造成了等后台都开发完成的时候,提出这一点,再回头,设计师重新设计,前端调整页面,程序重新嵌套的过程。

更甚者,一整套已经开发完成,产品方向进行了更改,用户群的定位重新改变,造成网站风格需要整体重新改动,主色调,设计元素都需要重新改变,这对开发人员来说,无疑是一个晴天霹雳,最不可容忍的是,在这种情况下,还要求赶工期的话,开发人员就要连夜加班好多天,这种错误完全是因为当初产品经理的市场定位错误而造成的,但往往为这种错误买单的却是开发人员。

产品经理的功能和需求提出以后,应该和开发人员讨论,功能块的实现难易程度,需要多长时间,否则等到设计完成,前端完成,到了程序那里,因为功能无法实现,就要造成版本的浪费,再回过头重新修改。产品经理是一个很重要的人员,必须要能找准方向和定位,起到监督工期平衡工期的作用。

最后,你的老板是愿意给你一个月的时间让你做出来十个垃圾的无法上线的版本,并且还要让开发人员加班加班在加班,还是愿意在有限的时间里,有秩序的开发出一个成功的可以上线的版本呢?所以不要为了所谓的节省时间而省去必要的流程,这样会造成漏洞百出,多做许多无用功,到最后耽误了工期,做出一版垃圾产品不说,还让开发人员身心俱疲,对公司失去信心。

时间: 2024-10-25 09:11:23

网页设计、web前端、后台的开发流程和注意事项 -----转的相关文章

Web前端与移动开发学习路线图

文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.com/s/1nv0OMuP 密码: ipf9 好东西岂能独享,欢迎分享到你的朋友圈,推荐给更多的朋友.欢迎关注公众号,订阅视频更新,好视频岂容错过. step01初级教程 前端与移动开发基础视频 本套视频内容重点讲解Web前端基础知识,主要包含了用来定义页面内容的HTML,用来定义页面样式

web前端_正式开发之路_第一周_总结

2016.11.07正式入职xx企业(暂时保密),岗位:web前端开发工程师. 作为从一个设计.美工转战到web前端开发岗位,当然,现在还处于试用期阶段,三个月的时间,不短吧,不知道是不是能顺利的通过这段时期,希望吧. 作为一个转行的人,可以说我的转行是历经曲折,经历了八九个月的时间,其中五味杂陈,只有自己知道自己经历了多么痛苦的时光,不过,还好吧,自己的选择,自己的兴趣,苦点累点倒不是很重要,重要的是现在自己进入了开发角色,无所谓薪水.工作时间等,只要是开发的工作就好,不要单纯的做个codin

Web前端,HTML5开发,前端资源,前端网址,前端博客,前端框架整理 - 转

Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 - 转 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS

web前端之html5开发中常用的开发工具

正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果.正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下: 一.HTML5全栈开发工具之Adobe Dreamweaver 首先是大名鼎鼎的Adobe Dreamweaver,Adobe Dreamweaver 软件使设计人员和开发人员能充满自信地构建基于标准的网站.由于同新的 Adobe CS Live 在线

web前端实用案例-开发饿了么LBS移动地图点餐系统

知识点:html/css,标签运用.样式讲解.静态开发布局.行业标准.JS基础.if判断.jq方法 Dom操作.逻辑思维. html代码: <div class="top"> <div class="t-header"> <div class="t-logo"> <a href="#"> <img src="images/logo.png" alt=&q

前端后台ThinkPHP开发整站

课程目录及下载链接: 第1章 课程简介介绍singcms内容管理系统,系统中各功能模块展示,技术点介绍及课前准备.第2章 需求分析分析系统中的所有功能,设计系统中的数据库表.第3章 thinkphp介绍ThinkPHP框架介绍.第4章 后台登录功能介绍后台登录功能,数据校验,dialog插件介绍,layer插件介绍以及利用session失效处理退出登录第5章 菜单管理介绍后台入口文件的优化,公共文件的引入,菜单的添加.修改.删除功能,菜单列表分页及排序等功能的实现.第6章 文章管理介绍图片异步上

简易版CMS后台管理系统开发流程

前言:最近公司做了几版后台管理系统,都不太满意.正好赶上51放假期间,我打算自己在花点时间做一个. 后台的界面设计,程序编写都是由我自己一个人来完成,如果有感兴趣的朋友可以和我一起来做. 开发环境是VS2013+MVC5+EF6 数据库采用Sql server2012 IIS7.5 制作工具HBuilder 今天先来看看搭建个大概框架放到下一章吧 下一章:FytMsys    系统框架搭建 有感兴趣的朋友可以加我群:86594082

web前端与移动开发---html列表、表单元素等标签的学习

经过前两天的学习,今天我们来学习列表及表单元素. 首先是列表,列表分为无需列表.有序列表.自定义列表. 1.无序列表 <ul> <li></li> <li></li> ...... </ul> 总结: (1)所有放在ul中的数据必须是无序的: (2)ul标签是用来管理li标签的: (3)ul中必须至少有一个li标签: (4)li标签不能单独使用: (5)在ul标签中只能写li标签: (6)在li标签中才能嵌套其他的标签. 2.有序列表

[Web 前端] 023 js 的流程控制、循环和元素的获取、操作

1. Javascript 流程控制 用于"基于不同条件执行不同的动作"的场合 1.1 if 语句 三种形式 // 第一种 if... // 第二种 if... else ... // 第三种 if... else if... else... 支持 单分支 双分支 多分支 注意 else if 中间必须要有空格 对第二种形式举例 if(1+1=2){ console.log("true"); } else{ console.log("false"