黑马程序员技术交流社区

标题: 【武汉校区】经验分享之企业官网设计流程 [打印本页]

作者: 武汉分校-小舞 时间: 2016-4-19 15:00
标题: 【武汉校区】经验分享之企业官网设计流程
本帖最后由武汉分校-小舞于 2016-4-19 16:03 编辑

【武汉校区】经验分享之企业官网设计流程

对于很多刚入行的网页设计师来说，总有很多迷惘和不安，特别是在设计过程中，不知如何下手，或者设计完后总是遇到反复修改，以至于对自己的信心和能力都感到质疑。在这里，分享一下我以往的一些工作经验，以及一个网站的设计流程，尽量让更多的新人少走弯路，踏入网页设计这一行业。

需求分析

在设计之前，必须要对其公司各方面有一定的了解，如果客户能提供一份详细的需求文档，那只能说你太幸运了。大多情况下，我们都需要通过从各种渠道去了解需求。可以从企业VI、文化、网站的受众群体，客户的性格和品味等，确定网站突出的重点，比如说突出公司产品，企业文化，或是提升企业品牌形象等，对网站风格进行准确定位。

寻参考，找素材

寻参考也就是寻找灵感，这一步也是前期比较重要的一步，找到好参考你就成功了一大半，所以前期我会看一些之前翻阅和收藏的优秀网站，结合同行业或客户提供的参考网站（如果有的话），分析页面排版和色彩搭配等，去思考创作的一些思路，总结页面的细节和创意，设计时发挥自己的优势，扬长避短，尽量去迎合客户的需求和突出企业的特色。

画线框原型图

找完参考后，心里基本上都有一个大概的框架图。对于刚入行的设计师来说，最好用白纸或电脑画一个简单的图形框架图，初稿不用太规整，只要把页面要展示的功能模块进行合理布局，看功能是否有遗漏，是否有其他问题。完成后，如果可以的话可以跟商务同事或设计主管做一个简单的沟通，当这个原型图没问题，就可以下一步了。

效果图

根据前面的一些准备工作，现在就可以正式的进行效果图的设计了。对于刚入行的设计来说，在设计的过程大致要注意下面几点：

1、网站整体色调一般来说都是以企业VI色为主，或者能突出行业特色的基调，颜色不宜过多，一般不要超过三种。

2、BANNER的设计十分重要，大图的好坏直接影响到整体页面的视觉效果，在Banner设计时注意的三个重点：风格、排版以及配色。选图一定要精准，主题要明确，文案一定要清晰，层次分明。减掉一些可有可无的元素，留下重要的元素，效果也是，以最美的角度去完成构图。

3、页面布局结构设计要合理，突出重点，主次分明，让浏览者能够很直观的看出企业所从事的行业和业务范畴。

4、特别注意的是，网站风格必须统一协调，严谨，方能体现我们的专业和用心。有很多新手对整体规整总是马马虎虎，不注重细节，这是很大的弊端，细节决定成败，所以大家一定要引起重视。

完成之后，就可以提交了。这样可以尽量避免无意义的反复修改，提高设计稿的一个通过率。

以上只是我个人工作经验的一个分享，不是绝对的，每个公司规模大小都不一样，当然设计流程也会有所不同。希望这个分享能给新入行的设计师们带来一些帮助，少走一些不必要的弯路，早日成为一名优秀的网页设计师。

想获取最新传智播客武汉中心分享技术文章请加QQ 1641907557 ，后期会分享更多与实体班同步教程，助你冲击月薪20K！