传智播客:详解企业官网设计流程

很多新入行的网页设计师,总有许多迷惘和不安,特别是在设计过程中,不知如何下手,或者设计完后总是反复修改,以至于质疑自己的信心和能力。在这里,我根据以往的工作经验分享一下网站的设计流程,以便帮助更多的新人在网页设计行业少走弯路。

需求分析


传智播客:详解企业官网设计流程 - fenghe0102 - 广州传智播客的博客

 

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

寻参考,找素材

寻参考也就是寻找灵感,这一步也是前期比较重要的一步,找到好的参考你就成功了一大半,所以建议大家前期通过翻阅和浏览优秀网站,结合同行业或客户提供的参考网站(如果有的话),去分析页面排版和色彩搭配,思考创作思路,总结页面的细节和创意,设计时发挥自己的优势,扬长避短,尽量满足客户的需求,并突出企业的特色。

画线框原型图  

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

 

传智播客:详解企业官网设计流程 - fenghe0102 - 广州传智播客的博客
 


效果图

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

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

 

 传智播客:详解企业官网设计流程 - fenghe0102 - 广州传智播客的博客

 
传智播客:详解企业官网设计流程 - fenghe0102 - 广州传智播客的博客
 


 

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

 

传智播客:详解企业官网设计流程 - fenghe0102 - 广州传智播客的博客
 
传智播客:详解企业官网设计流程 - fenghe0102 - 广州传智播客的博客
 


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

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

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

当然,经验并不是绝对的,每个公司规模不同,设计流程也会有所不同。希望这个分享能给新入行的设计师们带来一些帮助,早日成为一名优秀的网页设计师。

相关阅读:手把手教你如何绘制饼干手机界面


学习、求职、名师、干货、精彩活动...... 

尽在广州传智播客微信公众服务平台

传智播客:详解企业官网设计流程

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值