美工自我培养的几点经验总结
随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生美工,算是一块成长。应届生有拼劲、肯学,但也好高骛远,起点都差不多,如何培养美工就变得至关重要了。总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议。
一、配色
其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论,什么冷暖色、对比色/补色、色彩心理、搭配原则等等,满大街都是,有意者随便搜一两篇看看就行。色彩对于美工设计师来说,更重要的是一种感觉,就像打篮球投篮的手感一样,多看,多练,这种感觉是可以后天练出来的。Mars刚接触设计时,连坐公交车时也会注意路边某公司、饭店的招牌是如何配色,处处留意生活中色彩搭配的美,关于色彩截图就更记不清有多少张了。
Mars觉得,设计师对颜色的运用一般有这么几个阶段:
- 初级阶段:用自己首映感觉最好的1~2种颜色,不考虑其他因素、他人感觉;
- 过度阶段:开始感觉一两种颜色单调,尽量多尝试不同色彩,该阶段极容易出现没目的的乱搭现象;
- 成熟阶段:该阶段了解了大众对色彩的审美,开始理性的用1~2种色系搭配,能体会到同种颜色不同色值的细微差别,大多设计师都在这个阶段;
- 终极阶段:把一种色彩用至极致,甚至只用黑白灰,完全沉浸某种颜色,甚至有点变态,但其创作效果让处于第三阶段的设计师一看就是大师所为。
其实这也是个不断练习积累的过程,这样色彩的感觉才会提升。
二、布局
美工设计师除了对色彩要有好的感觉外,对布局也要有很好的把握,组合的好坏直接影响作品的效果。其实做好布局设计也不是很难,无非就以下几步:
- 布局准备:明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
- 布局版式:关于布局的版式多种多样,在将重点内容放在最显眼的前提下,可自由选择版式。对于网页来讲,根据大多数人从上到下、从左到右的浏览顺序来考虑,应该将最主要的内容、图片等放在页面的左边和上边。
- 精细布局:整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。
Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说,如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的布局做好了,其他网页、宣传册等平面布局应该都信手捏来。
三、细节
至理名言”细节决定成败”,在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略,但对设计师来说绝不可放过,比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话,只有你看得多了,比较得多了,才能看得出这些细节。有人觉得这些细节没有什么大碍,但多个细节组合在一起就和让人觉得不舒服。
举例说一下,以下是某系统里一篇文章下面的添加批注表单。上半部分是没有经过美化、由程序员直接写的程序(上图),下半部分是有设计师协助设计美化完成的表单界面(下图)。

一般正常审美的人肯定觉得下面的好看,但却不知好在哪?听Mars从各个角度详解一下:
- 配色:字体颜色像是直接从32色板上取的,没经过考究;表单边框色太重;表单背景与页面背景相同,没突出层次。
- 布局版式:此组件又没有多行操作,无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。
- 用户体验:明确这是一个系统里的界面组件,所以这个人既然都登进来了,还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注,所以给他提供大片的提交内容的输入框即可,简单明了;提交按钮,上图需要再填完批注内容后折回到左上角”保存”显然不合理,下图的界面大大方方右手边一个按钮,看起来明显,操作起来舒服。
以上几方面都是关于个人审美观方面的提升,如果你不是打算进行美学研究,我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是:多看,多模仿,多做,多比。切忌自己没有什么审美观就盲目创作,其实模仿没什么可耻的,是学习的毕竟阶段。好比有人模仿MJ跳舞,尽管不是很像,但最少会得到一小部分人的喜爱和追捧,比如在某校/班的圣诞晚会上;而如果不了解大众审美,就很可能像芙蓉姐姐跳舞,只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面,而生活的方方面面也锻炼你的审美观,像摄影、布置自己的房间办公桌、服装的搭配等,能提高你的生活品味。
四、心态
在累计阶段,心态平和、踏实耐心,切忌急躁,美工本身就是细活,着急是没用的。有了基本的审美观,需要创作时心情放松,做些想做的事,吃点想吃的东西,随心所欲,给提供自己创作灵感环境。不要意味的坐在电脑前去想,事倍功半,会把自己郁闷死。
五、技能
有了良好的审美基础和创意,接下来就是制作了。相比较审美观的培养和创意的来临,Mars觉得一些工具技能是很好学得,无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具:
- 制图技能:Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具;
- 页面编程技能:html、css、JavaScript等;
- 优化技能:压缩图片、网页优化等。
以上工具网上的教程一抓一大把,推荐网易教程。可以找些基础的看一下,一回生二回熟,平时多用即可掌握,更深的技巧可以日后用到再研究完善,要边用边学,这样记忆深刻。
六、用户体验
用户体验一般出现在网页设计和系统界面设计里,是用户和人机界面的交互过程,界面操作的易用性,直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求,甚至有点儿超越美工的范畴,但只有美工了解这些才能更合理地设计界面布局,整体搭配等等。
Mars知道用户体验的重要性,但深入学习的还不多,但Mars会在看别人网页、系统的同时记录那点有着方便,很在下次自己的设计中体现出来,算是一个模仿阶段吧。这也是Mars一向的学习方法。
最后声称一下,Mars不是设计科班出身,没有什么理论基础,以上总结都是实打实的经验之谈,希望得到更多好的建议。
回返,呵呵。有空记得去我那踩踩哦?
回复留言
我离网页设计越来越远了。哎!
回复留言
me too.
我这是给后人总结的,你现在好像偏重于网络推广了。
回复留言
@卢松松:其实不用感叹,只要自己还奋斗,做什么都一样。
@Marslau:看的出你是个很热心的人!
回复留言
Pingback: 美工从零开始的自我培养经验总结 | 网页设计
布局还真难搞啊
回复留言
是不容易
回复留言
我的美工一直以来都是很烂,哎,都不知该怎么搞了
回复留言
看得少,注意力不在这上面
回复留言
博主是专攻美工?厉害…学习ing…….
回复留言
谢谢,称不上专攻,但确实是我前期工作的一部分累积
回复留言
很向往的职业
回复留言
首先,给博主点建议,请不要用美工来形容,我们应该用设计师来称呼,美工貌似没有思想,而设计师是有思想的~所以请尊重每一个设计师!
其次,作为设计师最重要的是会忽悠~具有较强的设计论证能力~
回复留言
言之有理!也不要说是忽悠,是要会令人信服地表达自己的设计思路。
回复留言
Pingback: 美工自我培养的几点经验总结 - 幸福收藏夹
写得很实在。呵呵…给你回邮件邮箱竟然发不出?只能留言了,投稿已经发布。http://is.gd/4BVwr
谢谢,欢迎再来分享你的优秀文章。
回复留言
多谢!
回复留言
自己整,不好看没关系,再来过,不过做产品偶可不是那块料。
回复留言
嗯,亲生的再丑也必要的亲
回复留言
我在忽悠上还欠火候啊。。。
回复留言
那个啥,我是很写得很实在,米忽悠啊,这不过长了点儿
回复留言
写得不错,我就是美术功底太弱
回复留言
又是美工
lz说的虽然有板有眼
但都是理论
理论的东西的谁都会说
配色 符合大众 易用
又有谁真正的去做这些事情 去分析这些事情
就算一个图标的倒角多大 RGB差几个会更舒服 也是很值得分析
LZ是站在门口看“美工”
还是多看看 多学学吧
UI分为很多类
用户体验只是其中一类 LZ口中的美工应该是GUI范畴
在正规公司分的很细
回复留言
多谢你诚恳的建议,我目前仍然在学习阶段,经常会关注一下UI的东西,但一般是边用边学,没有那么系统。
这篇文章是为了引导新设计师更快的入门和掌握一些迅速学习的方法,所以没有涉及到更多的细节,先培养他们整体的感觉。
很希望和正规公司的朋友有更多交流,我会联系您的。
回复留言
你好
正规公司应该是像淘宝 腾讯这样把用户体验放在战略高度的公司
一同学习
回复留言
这个目前来说,一般的公司真无法上升到那个高度,但大方向是往那里走,不过路有点儿慢长,挺仰慕阿里系的UED团队
给您发邮件了不知道收到了吗
如果我是非专业人士,我肯定点头说好
回复留言
那分享点儿专业的经验呗,免得大家走弯路
回复留言
从楼主的这篇文章看出楼主的经历跟我很相似…
我也是非科班出身
我先从事的网页设计(自己自学,学习过程跟这篇文章里提到的很相似。。)
然后web前端,到现在偏向于SEO…
我一直想把自己从事设计这块的经验总结分享出来,苦于文笔有限一直没能诉诸笔端,感谢楼主…我会在此文章基础上稍微加工下作为团队设计师培训教材。
有空多交流。QQ:39426002
回复留言
好的,我加你
回复留言
本人美工好差,都不知该如果入手,看了这篇文章收益不少,这对于刚入门的人来说是很好的指点,楼主,要经过多长时间才能到达一个好美工的阶段呢?
回复留言
在小公司,美工涉及的工作挺多的,基本上是边用边学的过程,全面有精细不太容易。
但全身心投入,反复地看、练习、比较、总结,很快就找到感觉,上手的时间一个月应该足够了。万事开头难,接下来的学习会简单很多。加油吧!
回复留言
谢谢指点,让我信心增大了,呵呵,我要好好努力,加油
回复留言
Pingback: 我的文章我做主,分享别人获益自己 | MarsLau's Blog
呵呵 多多用心练习 我也是初学者。。学习了 对美工似乎了解些 向网页设计方向发展。
回复留言
我也是刚刚接触这一块。从楼主的文章中收益很多希望楼主多推荐一些学习方法。
回复留言
哎,做网站都做了1年多了,看了楼主的分享,多少也有点收获,目前我的基础工作都没做好,楼主给点意见吧。
回复留言
多看,多练
回复留言
你说的多看多练具体是该怎么做呢?
回复留言
写得真好!虽然每个人学习方式不同,但总的方向和过程是一样的,美工就是在不断为人们达成一个个梦想,朝这个方向努力就没错了。Mars多多指教了,另外还申请下友链~
回复留言
没问题,多多交流
回复留言
的确~美工压力都比较大,在上司的意识里
美工就是会“设计”,包括平面广告、网页、杂七杂八总之和“设计”的都得做
一是节约成本,二是沟通方便,一个命令要做嘛就做嘛去…
还是北京好~已经将职位完善了,UE、UI、交互、视觉
这是这个行业的悲哀…
回复留言
Pingback: 浅谈网页设计师的自我修炼 | Visc | 关注互联网产品
楼上说的不尽然啊,我现在也是乱七八糟的都做,大公司估计分的比较清晰
回复留言
mars 是个人才呀,看了你的文章才觉得自己的肤浅,一味只知道去仿站,惭愧!
回复留言
Pingback: » 美工自我培养的几点经验总结 lichgo's blog
我的css学习就是从你的wordpress主题RBcss:Red+Black+css修改开始的,你算是我的师傅了啊!
回复留言
我也是新手啊,也是在模仿阶段,又不是美术科班出身,都有点怀疑自己能不能和那些学美术的人竞争了,因为色彩没有学过啊,不过我对这个很感兴趣的。所以希望自己加油,加油啊。
回复留言
楼主是美工,我是设计师,如果是学设计科班出身肯定不知道美工是做什么的,设计要有创造力,从市场到技术全局把握,美工只是把即有的东西美化,是电工?是焊工?还是美工?
回复留言
Pingback: 美工自我培养的几点经验总结 | 阿拉斯加中文网
其实想学学美工
回复留言
确实是不错的文章,学习了。
回复留言