云南龙网

  1. 首页 > 云知道 > >

网页设计流程是什么

云知道标签


网页设计流程是什么


对于网站设计每个前端工程师都有自己的 一套方法论 。就我个人而言 ， 找到适合自己的方法需要大量的实战演练 。

1.效果图分析 。当一张psd图呈现在桌面前时 ， 你需要的 ， 只是冷静地思考 。仔细地观察和分析 ， 那些是主 ， 那些是辅 ， 理顺各个页面的组成元素和他们之间的关系是开头最最重要的 。

2.布局切图 。通过上一步 ， 对效果图有一个整体轮廓的印象 ， 下面开始布局规划 。页面是三行两列式还是两行一列式 ， 需要考虑到网站今后可能改版遇到的某种情况（当然 ， 这需要经验）其他网页的需求 ， 最好考虑到代码重用和网站的灵活性 。如果对页面的构成已经相当清晰 ， 那就动手吧 。切割图片 。那个属于表现层图片 ， 那个属于内容层图片 。

【网页设计流程是什么】3.网站文件规划 。（有的同学喜欢把这个步骤放到最后做）我个人喜欢早做 嘻嘻 。合理地组织网站文件结构将会让网站以后的更新与维护更加方便 。包括后续的开发 。

4.HTML编码 。这部分每个人的做法还真是不同 ， 我个人 ， 首先打好框架 ， 再分别细化 ， 填充内容 。

5.CSS 组建网页 。之所以把第四步和第五步分开 ， 就是为了说明一个道理：内容与表现的分离 。上一步我们往往做的很沮丧因为我们还看不到实际的效果图 ， 我们只是单纯地想表达内容 ， 这一步就是我们丰富内容的时候了 。

完成以上步骤 ， 网站终于有个样子了 ， 下来就是调整啦 ， 网页重构啦 ， 让网站更加perfect。

1、网站策划负责前期收集实际业务部门需求及分析市场动态 ， 确定网站定位；结合用户体验及技术实现的可能性 ， 确定页面原型 。

2、网站设计师负责根据页面原型 ， 设计成为平面页面；

3、网站制作（部分公司或团队因架构不一致 ， 此处工作也可能由网站设计师承担）负责将平面页面切图 ， 并

网站设计流程按照SEO优化等标准生成html静态页面；

4、网站技术开发部门或网站开发师开发相关前、后台代码 ， 并完成html页面的代码嵌套工作；

5、网站进入内测、公测及BUG修复流程；

6、发布网站并上线（其中包括运维工程师的服务器环境搭建、部署等工作） 。

    推荐阅读


    上一篇：如何自学网页设计

    下一篇：知名网页设计师有哪些