教你如何做一个优秀的美工
2012-12-26 17:56:45   来源:EC麦田网   评论:0 点击:

简单的说美工就是通过制图软件一般是photoshop做出网站的效果,然后生成web页面。 怎样把网站设计的好看一些,是美工的终极目标。

  简单的说美工就是通过制图软件一般是photoshop做出网站的效果,然后生成web页面。 怎样把网站设计的好看一些,是美工的终极目标。

  首先要想成为一个优秀的美工人员,不仅需要掌握一些辅助的工具软件,比如精通CSS/HTML/JAVASCRIPT等网络语言,并且熟悉各种平面设计软件,如PHOTOSHOP、FLASH、Illustrator、CAD、3Dmax等,网站美工还需要用到CSS和DIV技术,还要具有良好的美术功底与创意能力,具有一定的审美观,才能把网站设计的好看些。要有美术功底,色彩的把握度要好,例如调颜色,在网站美工的工作中很重要。

  一、色彩的搭配

  其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论,什么冷暖色、对比色/补色、色彩心理、搭配原则等等,满大街都是,有意者随便搜一两篇看看就行。色彩对于美工设计师来说,更重要的是一种感觉,这种感觉是可以后天练出来的。

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

  初级阶段:用自己熟悉感觉最好的1~2种颜色,不考虑其他因素、他人感觉;

  过度阶段:开始感觉一两种颜色单调,尽量多尝试不同色彩,该阶段极容易出现没目的的乱搭现象;

  成熟阶段:该阶段了解了大众对色彩的审美,开始理性的用1~2种色系搭配,能体会到同种颜色不同色值的细微差别,大多设计师都在这个阶段;

  终极阶段:把一种色彩用至极致,甚至只用黑白灰,完全沉浸某种颜色,甚至有点变态,但其创作效果让处于第三阶段的设计师一看就是大师所为。

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

  二、版式的布局

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

  布局准备:明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。

  布局版式:关于布局的版式多种多样,在将重点内容放在最显眼的前提下,可自由选择版式。对于网页来讲,根据大多数人从上到下、从左到右的浏览顺序来考虑,应该将最主要的内容、图片等放在页面的左边和上边。

  精细布局:整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。

  三、工作的细节

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

  四、良好的心态

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

  五、熟练的技能

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

  制图技能:Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro(影视后期)等等这些只是应用的工具;

  页面编程技能:html、css、JavaScript等;

  优化技能:压缩图片、网页优化等。

  六、用户的体验

  用户体验一般出现在网页设计和系统界面设计里,是用户和人机界面的交互过程,界面操作的易用性,直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求,甚至有点儿超越美工的范畴,但只有美工了解这些才能更合理地设计界面布局,整体搭配等等。知道用户体验的重要性,但深入学习的还不多,但会在看别人网页、系统的同时记录哪点用着方便,在下次自己的设计中体现出来,算是一个模仿阶段吧。这也是一向的学习方法。

  总之要成为好的网站美工要有设计感、经验、技术。

麦田网微信
官方微信官方微信
第一时间了解最热门、最劲爆电商资讯,随时随地了解EC麦田网最新动态。
麦田网新浪微博
官方新浪微博新浪微博
关注电商业态新动向、分享电商趣闻乐趣!这里有名师、有专家、有草根,就缺一个你。

相关热词搜索:优秀美工

上一篇:简述网站美工职业要求
下一篇:如何使用Dreamweaver进行网页设计(一)

收藏