本站业务范围:1、PC端软件开发、网站开发 2、移动端APP、网站、微信接口、微商城开发 3、视频教程、课程设计和辅导 4、单片机开发 5、串口通讯调试
 当前位置:文章中心 >> 成都网站建设_成都网页设计
立即购买视频教程 学习网页设计的一点经验
夜鹰教程网 来源:www.yyjcw.com 日期:2016-11-30 19:10:22
随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生美工,算是一块成长。应届生有拼劲、肯学,但也好高骛远,起点都差不多,如何培养美工就变得至关重要了。总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议。

这篇文章不能解决你的问题?我们还有相关视频教程云课堂 全套前端开发工程师培训课程

微信号:yyjcw10000 QQ:1416759661  远程协助需要加QQ!

业务范围:视频教程|程序开发|在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术范围:全端开发/前端开发/webapp/web服务/接口开发/单片机/C#/java/node/sql server/mysql/mongodb/android/。 



随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生美工,算是一块成长。应届生有拼劲、肯学,但也好高骛远,起点都差不多,如何培养美工就变得至关重要了。总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议。

一、配色

其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论,什么冷暖色、对比色/补色、色彩心理、搭配原则等等,满大街都是,有意者随便搜一两篇看看就行。色彩对于美工设计师来说,更重要的是一种感觉,就像打篮球投篮的手感一样,多看,多练,这种感觉是可以后天练出来的。Mars刚接触设计时,连坐公交车时也会注意路边某公司、饭店的招牌是如何配色,处处留意生活中色彩搭配的美,关于色彩截图就更记不清有多少张了。

Mars觉得,设计师对颜色的运用一般有这么几个阶段:

  1. 初级阶段:用自己首映感觉最好的1~2种颜色,不考虑其他因素、他人感觉;
  2. 过度阶段:开始感觉一两种颜色单调,尽量多尝试不同色彩,该阶段极容易出现没目的的乱搭现象;
  3. 成熟阶段:该阶段了解了大众对色彩的审美,开始理性的用1~2种色系搭配,能体会到同种颜色不同色值的细微差别,大多设计师都在这个阶段;
  4. 终极阶段:把一种色彩用至极致,甚至只用黑白灰,完全沉浸某种颜色,甚至有点变态,但其创作效果让处于第三阶段的设计师一看就是大师所为。

其实这也是个不断练习积累的过程,这样色彩的感觉才会提升。

二、布局

美工设计师除了对色彩要有好的感觉外,对布局也要有很好的把握,组合的好坏直接影响作品的效果。其实做好布局设计也不是很难,无非就以下几步:

  1. 布局准备:明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
  2. 布局版式:关于布局的版式多种多样,在将重点内容放在最显眼的前提下,可自由选择版式。对于网页来讲,根据大多数人从上到下、从左到右的浏览顺序来考虑,应该将最主要的内容、图片等放在页面的左边和上边。
  3. 精细布局:整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。

Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说,如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的布局做好了,其他网页、宣传册等平面布局应该都信手捏来。

三、细节

至理名言”细节决定成败”,在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略,但对设计师来说绝不可放过,比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话,只有你看得多了,比较得多了,才能看得出这些细节。有人觉得这些细节没有什么大碍,但多个细节组合在一起就和让人觉得不舒服。

一般正常审美的人肯定觉得下面的好看,但却不知好在哪?听Mars从各个角度详解一下:

  1. 配色:字体颜色像是直接从32色板上取的,没经过考究;表单边框色太重;表单背景与页面背景相同,没突出层次。
  2. 布局版式:此组件又没有多行操作,无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。
  3. 用户体验:明确这是一个系统里的界面组件,所以这个人既然都登进来了,还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注,所以给他提供大片的提交内容的输入框即可,简单明了;提交按钮,上图需要再填完批注内容后折回到左上角”保存”显然不合理,下图的界面大大方方右手边一个按钮,看起来明显,操作起来舒服。

以上几方面都是关于个人审美观方面的提升,如果你不是打算进行美学研究,我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是:多看,多模仿,多做,多比。切忌自己没有什么审美观就盲目创作,其实模仿没什么可耻的,是学习的毕竟阶段。好比有人模仿MJ跳舞,尽管不是很像,但最少会得到一小部分人的喜爱和追捧,比如在某校/班的圣诞晚会上;而如果不了解大众审美,就很可能像芙蓉姐姐跳舞,只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面,而生活的方方面面也锻炼你的审美观,像摄影、布置自己的房间办公桌、服装的搭配等,能提高你的生活品味。

四、心态

在累计阶段,心态平和、踏实耐心,切忌急躁,美工本身就是细活,着急是没用的。有了基本的审美观,需要创作时心情放松,做些想做的事,吃点想吃的东西,随心所欲,给提供自己创作灵感环境。不要意味的坐在电脑前去想,事倍功半,会把自己郁闷死。

五、技能

有了良好的审美基础和创意,接下来就是制作了。相比较审美观的培养和创意的来临,Mars觉得一些工具技能是很好学得,无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具:

  1. 制图技能:Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具;
  2. 页面编程技能:htmlcssJavaScript等;
  3. 优化技能:压缩图片、网页优化等。

以上工具网上的教程一抓一大把,推荐网易教程。可以找些基础的看一下,一回生二回熟,平时多用即可掌握,更深的技巧可以日后用到再研究完善,要边用边学,这样记忆深刻。

六、用户体验

用户体验一般出现在网页设计和系统界面设计里,是用户和人机界面的交互过程,界面操作的易用性,直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求,甚至有点儿超越美工的范畴,但只有美工了解这些才能更合理地设计界面布局,整体搭配等等。

Mars知道用户体验的重要性,但深入学习的还不多,但Mars会在看别人网页、系统的同时记录那点有着方便,很在下次自己的设计中体现出来,算是一个模仿阶段吧。这也是Mars一向的学习方法。

最后声称一下,Mars不是设计科班出身,没有什么理论基础,以上总结都是实打实的经验之谈,希望得到更多好的建议。

复制链接 网友评论 收藏本文 关闭此页
上一条: 清晰、独创、幽默---设计三要素  下一条: HTML5与Flash,最热的话题
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  推荐教程/优惠活动

  热门服务/教程目录

  夜鹰教程网  新手必看,详细又全面。
  夜鹰教程网  购买教程  夜鹰教程网  在线支付-方便
  夜鹰教程网  担保交易-快捷安全   夜鹰教程网  闪电发货
  夜鹰教程网  电话和QQ随时可以联系我们。
  夜鹰教程网 不会的功能都可以找我们,按工作量收费。

客服电话:153 9760 0032

购买教程QQ:1416759661  
  热点推荐
Dreamweaver CS4 SN以及注册机、激…
成都网站建设:私人网站建设的好处…
向上下左右不间断无缝滚动图片的效…
网站建设需要准备哪些资料?
ASP无限级分类实例教程
使用IE8常见问题问答
网页制作有关知识
如何加入网页代码的基本知识
QQ空间开心农场升级最快的方法
不让你的QQ好友删除你
HTML框架(Frames)
什么域名?如何注册域名?如何解析…
如何做好需求分析:需求管理是项目…
QQ远程协助后黑屏或花屏故障解决办…
专业化操作 Word 2007文档审阅技巧…
  尊贵服务
夜鹰教程网 承接业务:软件开发 网站开发 网页设计 .Net+C#+VS2008+MSsql+Jquery+ExtJs全套高清完整版视频教程
  最近更新
如何使用百度地图API一些简单的功…
C#正则表达式提取网址、标题、图片…
网站高并发解决思路(转)
安装好Discuz!NT论坛后首页是一片…
有哪些细节设计给你带来好的用户体…
抄袭来的东西进行拼装之后,属于我…
成都最便宜网站建设 QQ:14167596…
成都网站建设:私人网站建设的好处…
夜鹰教程网网站建设常见问题集锦
浅谈网站建设的十二大误区
网站建设需要准备哪些资料?
怎样才能写好一篇软文呢:越低俗越…
什么域名?如何注册域名?如何解析…
站长如何将网站的访客变为顾客?
夜鹰教程网打造成都私人网站建设的…
  工具下载  需要远程协助? 

sql2008视频教程 c#视频教程

VIP服务:如果您的某个功能不会做,可以加我们QQ,给你做DEMO!

JQUERY  Asp.net教程

MVC视频教程  vs2012
.NET+sql开发
手机:15397600032 C#视频教程下载
微信小程序 vue.js高级实例视频教程

教程咨询QQ:1416759661


这篇文章不能解决你的问题?我们还有相关视频教程云课堂 全套前端开发工程师培训课程

微信号:yyjcw10000 QQ:1416759661  远程协助需要加QQ!

业务范围:视频教程|程序开发|在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术范围:全端开发/前端开发/webapp/web服务/接口开发/单片机/C#/java/node/sql server/mysql/mongodb/android/。 



关于我们 | 购买教程 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3