传智播客:详解企业官网设计流程
2015-10-30 15:42
330 查看
很多新入行的网页设计师,总有许多迷惘和不安,特别是在设计过程中,不知如何下手,或者设计完后总是反复修改,以至于质疑自己的信心和能力。在这里,我根据以往的工作经验分享一下网站的设计流程,以便帮助更多的新人在网页设计行业少走弯路。
需求分析
计之前,必须要对其公司各方面有一定的了解,如果客户能提供一份详细的需求文档,那只能说你太幸运了。大多数情况下,我们需要通过企业VI、文化、网站的受众群体、客户的性格和品味等各个方面了解用户需求,确定网站要突出的重点,例如:突出公司产品、企业文化,或是提升企业品牌形象等,要对网站风格进行准确定位。
寻参考,找素材
寻参考也就是寻找灵感,这一步也是前期比较重要的一步,找到好的参考你就成功了一大半,所以建议大家前期通过翻阅和浏览优秀网站,结合同行业或客户提供的参考网站(如果有的话),去分析页面排版和色彩搭配,思考创作思路,总结页面的细节和创意,设计时发挥自己的优势,扬长避短,尽量满足客户的需求,并突出企业的特色。
画线框原型图
找完参考后,心里基本上都有一个大概的框架图。对于刚入行的设计师来说,最好用白纸或电脑画一个简单的图形框架图,初稿不规整也没关系,重要的是把页面需要展示的功能模块进行合理布局,检查功能是否有遗漏,是否有其他问题。完成后,可以跟商务同事或设计主管做一个简单的沟通,当原型图确定后,就可以进行下一步了。
效果图
根据前面的一些准备工作,现在我们就可以正式地设计效果图了。对于刚入行的设计师来说,在设计的过程大致要注意下面几点:
1、网站整体色调一般来说都是以企业VI色为主,也可选用能突出行业特色的基调,颜色不宜过多,一般不要超过三种。
2、Banner的设计十分重要,大图的好坏直接影响到整体页面的视觉效果,在Banner设计时要注意三个重点:风格、排版以及配色。选图一定要精准,主题要明确,文案一定要清晰,层次分明。减掉一些可有可无的元素,留下重要的元素,以最美的角度去完成构图。
3、页面布局结构设计要合理,突出重点,主次分明,让浏览者能够很直观地看出企业所从事的行业和业务范畴。
4、需要特别注意的是,网站风格必须统一、协调、严谨,方能体现我们的专业和用心。有很多刚入行的设计师对整体规划总是马马虎虎,不注重细节,这是很大的弊端,细节决定成败,所以大家一定要引起重视。
完成之后,就能提交了。这样可以尽量避免无意义的反复修改,提高设计稿的通过率。
当然,经验并不是绝对的,每个公司规模不同,设计流程也会有所不同。希望这个分享能给新入行的设计师们带来一些帮助,早日成为一名优秀的网页设计师。
相关阅读:手把手教你如何绘制饼干手机界面
学习、求职、名师、干货、精彩活动......
尽在广州传智播客微信公众服务平台
需求分析
计之前,必须要对其公司各方面有一定的了解,如果客户能提供一份详细的需求文档,那只能说你太幸运了。大多数情况下,我们需要通过企业VI、文化、网站的受众群体、客户的性格和品味等各个方面了解用户需求,确定网站要突出的重点,例如:突出公司产品、企业文化,或是提升企业品牌形象等,要对网站风格进行准确定位。
寻参考,找素材
寻参考也就是寻找灵感,这一步也是前期比较重要的一步,找到好的参考你就成功了一大半,所以建议大家前期通过翻阅和浏览优秀网站,结合同行业或客户提供的参考网站(如果有的话),去分析页面排版和色彩搭配,思考创作思路,总结页面的细节和创意,设计时发挥自己的优势,扬长避短,尽量满足客户的需求,并突出企业的特色。
画线框原型图
找完参考后,心里基本上都有一个大概的框架图。对于刚入行的设计师来说,最好用白纸或电脑画一个简单的图形框架图,初稿不规整也没关系,重要的是把页面需要展示的功能模块进行合理布局,检查功能是否有遗漏,是否有其他问题。完成后,可以跟商务同事或设计主管做一个简单的沟通,当原型图确定后,就可以进行下一步了。
效果图
根据前面的一些准备工作,现在我们就可以正式地设计效果图了。对于刚入行的设计师来说,在设计的过程大致要注意下面几点:
1、网站整体色调一般来说都是以企业VI色为主,也可选用能突出行业特色的基调,颜色不宜过多,一般不要超过三种。
2、Banner的设计十分重要,大图的好坏直接影响到整体页面的视觉效果,在Banner设计时要注意三个重点:风格、排版以及配色。选图一定要精准,主题要明确,文案一定要清晰,层次分明。减掉一些可有可无的元素,留下重要的元素,以最美的角度去完成构图。
3、页面布局结构设计要合理,突出重点,主次分明,让浏览者能够很直观地看出企业所从事的行业和业务范畴。
4、需要特别注意的是,网站风格必须统一、协调、严谨,方能体现我们的专业和用心。有很多刚入行的设计师对整体规划总是马马虎虎,不注重细节,这是很大的弊端,细节决定成败,所以大家一定要引起重视。
完成之后,就能提交了。这样可以尽量避免无意义的反复修改,提高设计稿的通过率。
当然,经验并不是绝对的,每个公司规模不同,设计流程也会有所不同。希望这个分享能给新入行的设计师们带来一些帮助,早日成为一名优秀的网页设计师。
相关阅读:手把手教你如何绘制饼干手机界面
学习、求职、名师、干货、精彩活动......
尽在广州传智播客微信公众服务平台
相关文章推荐
- 一个简单的学生登陆系统的jsp实现之身份验证
- 《第一行代码——Android》之日志工具介绍
- 【转】用户权限设计——用户认证管理设计方案
- 关于Eclipse如何加入Gradle文件与Android Studio两个平台一起开发,工作目录不发生变化 转来的
- jQuery 如何设置input checkbox 更有效 prop()
- UITableViewCell 的Separator 间隔线
- oracle锁表
- 【参数】REMOTE_LOGIN_PASSWORDFILE参数三种取值及其行为特性分析
- CSS基础学习三:CSS语法
- Android 最简单的圆形头像
- 51.VC(Custom)-__super简介
- Linux下从svn导出项目
- 数学基础 求第k个数
- 爬取网页----获取自住房新闻
- ADO.NET provider with invariant name 'System.Data.SqlClient' could not be loaded
- 转载:测试用例
- 有趣的生活,有趣的比赛
- UITableViewCell 的Separator 间隔线
- SiteMesh学习入门
- __stdcall,__cdecl,__fastcall