论网页设计

用户头像
北京/UI设计师/10年前/1009浏览
论网页设计

继续完成经验传授使命,讲讲网页设计

   上周一直很忙,周末也是累到不行,各种活动耽误了上周更新,在给等更新的朋友说声抱歉,好了,切入正题。

   说到这次的网页设计,感觉挑战挺大的,完全摒弃之前的的配色和框架,重新设计还是有一定难度的,当然我的产品经理蛮很给力的 ,对我的工作也是充分支持,包括陪我一起加班等等,偏了,回到正题。

   首先当你得知你要设计一套网页时:

   1.了解该公司,了解该公司所属的行业,了解该公司的业务,了解公司的文化,了解公司的产品构成;

   2.如果之前该公司之前有过网页,建议仔细查看,一是进一步了解该公司的文化,产品等,而是记住之前网站的配色(为什么要记住注定被换网站的配色呢,不要急,待会就知道了);

   3.与公司的领导沟通,网页为什么要换,是因为logo换了?是因为原来的架构不好?是因为原来的设计不美观?是因为没有紧跟设计的潮流?是因为公司定位变了需要更符合公司目前定位的网站?还是因为原网站只是颜色不好看?或是因为领导换了,领导不喜欢?原因很多,但肯定有,聊出来。如果是让你做新网站,不用担心,问出需求,或是喜好,基本已经成功一半;

   4.准备好文案,与原型图。(说到原型图,用axure 还是墨客或是其他工具,有没有手机框,有没有动效,这些都不需要太纠结,能看懂,就行,规划好)

   5.准备好配色,说到这,回到第2点。为什么要记住原网站的配色呢,首先让你重新设计,那你新的颜色一定要与原网站的配色区分开来(所以要记住原来的配色,可以跨色最好跨色,不能跨色怎么办,改变明度或饱和度),大家不要小瞧一个配色,同样内容同一个框架配色不一样的两个网站的异点冲击力绝对大于不一样框架,却配色一模一样的两个网站。重新设计,当然一眼就要有和原来网站区别开分辨度。配色包括主色,辅助色,点缀色;

   6.你自己的配色确定好后,要及时与甲方或者你的领导沟通,确保可以继续高效地进行下去,这一步会省去后面反复改色的步骤。不知大家设计的时候会不会有这样的困扰,颜色特别不好搭配,本来网站已设计完,也挺美观的,但随便换个颜色后就看不下去了,所以这一步一定不要省。

   7.到这一步,就可以放心大胆设计了,因为最后肯定还是要改的,设计师不容易,改图也是常识事,但大改基本不会了,大的框架,颜色已经敲定。

   8.经过若干轮改图,每改一次设计稿,自己要有总结,为什么要改,设计这个事,还是有一定的主观意思在里面,(当然你的设计和技术基本功还是要有的)领导,或者是甲方的喜好在你改设计稿的过程中,你会越来越清楚,每改一次总结一次,所以越到后面,你需要改动的地方就会越小,小到最后可能就只是一个5像素的空格的问题。



    过几天我会把设计的网站和大家分享,最后,祝大家设计稿一稿通过,再也不改了!



               我们是群有职业操守的设计湿,我是FantasticZorra!

           

15
举报
|
7
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
卡通风格网页页面3D渲染
女生坐在网页面前办公矢量插画
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
网页页面矢量插画
新年快乐送福网页矢量图banner
网页背景
网页电商背景矢量插画
一个男生和两个女生站在网页前面打招呼矢量
商务网页
网页设计——纸杯蛋糕
男生坐在网页面前办公矢量插画
卡通女孩与网页表格3D渲染
四个人物分别在上网贴纸合集
卡通风格网页页面3D渲染
浏览电脑网页的元素
一个人拿着优惠券准备支付购物电商矢量插画
卡通风格网页页面3D渲染
卡通风格网页页面3D渲染
户外旅行飞机情侣假日出行
网页图标
三位美女围着网页看信息矢量插画
3D风格时尚电子商务设计元素
卡通女孩与网页表格3D渲染
三个青年站在网页周边矢量插画
你可能喜欢
大家都在看
登录注册