本文目录一览：
- 1、网页美工设计干什么的
- 2、网页美工设计的职责是什么呢
- 3、创意网页美工设计技巧
- 4、创意网页美工设计技巧
- 5、新手如何做好网页美工设计
- 6、如何学好网页美工设计
- 7、网页美工设计需要注意哪些细节
- 8、网页美工设计的简介
- 9、网店美工设计做什么
- 10、网页美工设计方法
网页美工设计干什么的
美工一般是指对平面，色彩，基调，创意等进行堆砌的技术人才，分为平面美工、网页美工和三维美工。一般需要精通Photoshop等设计软件。
美工设计就是美工涵盖内容相关的设计。
参考网页美工设计：
网页美工设计不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。
职业概述：
网页美工设计的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担得不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。如果没有这方面的测试研究，网页设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
工作内容：
1、负责网页界面的美术设计、创意工作和制作工作；
2、根据各种相关网站的用户群，提出构思新颖、有高度吸引力的创意设计；
3、对页面进行优化，使用户操作更趋于人性化；
4、收集和分析用户体验最新的需求。
网页美工设计的职责是什么呢
导语：随着淘宝的逐渐流行，网页美工设计的市场也是逐渐地宽广起来。如果你想要成为一名合格的网页美工设计，那么你就应该要从多方面地满足自己的要求。为自己负责，并且也应该要懂得去更好地进行淘宝网页的设计，让这样的网页设计出来的效果可以达到成为一幅值得欣赏的图画。而想要成为一名合格的网页美工设计，也是应该要知道自己所承担的职责的。那么合格的网页美工设计的职责是什么呢?
关于网页美工设计是负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。网页美工熟悉各种平面设计软件，如Photoshop、ai等软件，完成美术视觉上的设计排版等。
网页美工负责的图形设计，即传统意义上的“美工”。不过不是单纯意义上美术工人的工作，既然搭上了“网页”的头衔，因此他们负责的是软件产品的产品“外形”设计。交互设计主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。网页美工要负责这点，相信很多人都不知道，因为在大众的印象中，美工只要负责视觉效果就可以了，但仅仅是视觉设计，作为一名合格的网页美工，那是远远不够的。
而第三个网页美工的职责：用户测试/研究，其目标是测试交互设计的合理性及图形设计的.美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。另外，对于网页美工的职能，不少人还存在着一个误区，那就是认为网页美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局，其实这是不正确的，网页布局的工作应该是由前端开发工程师来完成的。
在网页美工切图设计要注意以下几点：定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。大多数做网站的公司都有一个比较合理的标准。作为网页背景、网页图标的要清晰，在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。有特效地方，有必要设计出特效样式，以便DIVCSS制作的时候切图使用。
创意网页美工设计技巧
绝大多数的艺术形式其实并没有固定的规则，但是有规律可以参考，设计也正是基于这些规律而不断进步，下面小编为大家带来了3个创意网页美工设计技巧，希望对大家有用。
创意网页美工设计技巧
一、小调整而非重设计
了解三分法的栅格的运用方式之后，你还需要明白更重要的一点：三分法带来的并非是一个无可挑剔的网页设计架构，而是一个用来微调现有设计的布局测试框架。
有太多的免费的栅格系统可以帮你设计网页，比如960GS之类的，但是三分法的九宫格栅格系统是一个帮你微调整个网页布局的，比如调整导航栏的高度，把Logo挪近一点或者远一点。
值得庆幸的是，这种测试方法很实用，并且很简单，也不挑软件。你可以截图之后在PS里面画虚线来分析，诸如GIMP这样的开源免费软件也可以轻松帮你搞定，再不济你还可以直接用记号笔在屏幕上画一个九宫格来分析嘛(话说当初打CS的时候盲狙也用过这等笨办法~)反正能帮你构建出九宫格分析的工具都能带你走向正确的设计方向。
完成初稿，用三分法测试，然后走向下一步。随着时间的推移，你会更加清楚如何将视觉元素置于对的地方。
二、处理对称性
有的时候，在页面中适当地使用对称性的元素还是颇为有用的`。不过如果在设计中哪哪儿都用对称式设计的话，这也未免太瞎了点。事实上，在艺术和摄影领域，非对称式布局的运用还是占据主流的，大小相对，远近相宜，更加令人赏心悦目，这也证明非平衡的视觉设计更能吸引我们的注意力。
其实在版式设计中，也有类似的原则和规范。比如，当你在页面顶部使用大Banner图的时候，它通常会占据页面大概2/3的高，类似的，标题和正文的字体大小也需要大小对比，读者会自然而然地注意到更大的Banner图、标题和副标题。大小对比是一方面，另外一方面还需要考虑页面上图片和文字的位置。简单的使用三分法并不能确保构图的饱满，将九宫格置于页面上，适当地调整页面的元素的位置和中心之后，会好不少。
三分法的优势在于它可以兼容非对称式布局，也可以用来优化对称式布局。两种布局灵活搭配，借助三分法来突出页面重点，也掌握页面平衡，如此才能调教出优秀的网页。
三、最后的思考
虽然说设计和艺术有着根本的区别，但是两者并非对立的关系。诚然依着规则可以设计出更符合大众口味的作品，但是打破规则，充满个性和艺术感的设计作品又何尝不会令人印象深刻呢
创意网页美工设计技巧
1、切勿随意添加栏目：作为美工，这一行为是要避免的，如果随意给界面添加表单、链接、“更多”等需要后台开发才能支持的功能，这样随意添加，就无形的更改了网站最初的需求，增加了项目的工作量，会影响网站的整体功能，同时也增加了后期测试的工作量，另一种可能就是不符合用户的需求，导致后期还需要重新修改。
2、切勿随意篡改设计：没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。
3、随意切图，不考虑页面动态扩展：这个一般是美工技术含量不够导致的。切出的图片只能用在一个界面尺寸里，换个页面，就需要重新切图，没有任何扩展性，要结合响应式网页设计的原理，进行合理切图。
4、图片好看，但是没有实在的意义：给一个美工一个新闻主题，让他给做一个Banner，但是做出来之后，和新闻主题没有任何的关系，仅仅是好看。还有一些美工，更加对工作不负责任，只是把一个图片做了一下PS，这样对网站的整体效果都是有害的。
5、整站界面风格：在后期维护网站的阶段，美工们在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。
新手如何做好网页美工设计
1.首先了解你要做的是什么东西，并且进行分析，选用主色调和基本设计思路
2.按照你所想的进行素材的收集
3.配合上面的进行初稿设计
4.再回过头看看有没有要修改的地方，然后确认完成
5.将设计稿发给客户，如果客户认同则进行网页制作，如果没认同则继续进行修改，知道客户满意为止！
6.切片前也要先观察好，哪些是自己需要的，哪些东西能重复使用，哪些是需要越小越好的，哪些文字是必须用图片的！考虑好这些就进行切片，记住精确精确再精确！如果有必要将类型相同的图片做成一张图片！
7.网页编码，按照切片时思路将网页进行编码，一般都是分为头部、主体内容、底部，主体内容有1栏的 2栏的，3栏的，现在软件中把DIV架构好框架，再进行样式的编写！
补充一点，设计的时候要考虑到以后编码的方便来设计！能用文字的地方尽量用文字，还有一般的行业网站和大一点的参照一下一栅格系统，无非是网页内容在950-960这个范围！
工作周期在7天以内 包括与客户沟通时间！ 当然一般只需要三天就好，快的一天也行！ 要看网站的大小程度和客户的刁钻程度！
如何学好网页美工设计
电子商务和网页的发展带动了一个新的行业的发展，那就是网络美工设计，因为我们看到了网页的蓬勃发展，也看到了网页美工设计这光明的前景，越来越多人学习网页美工设计，很多人刚开始接触网页美工设计感觉，这是一门很难的学科。以下是小编搜索整理如何学好网页美工设计，欢迎大家阅读!
大家都知道网页设计的职能是很多的，它本身包含的就业范围也很广。网页设计的课程学习分为前端和后台。我们今天要讲的网页美工，就是网页美工设计中前端的课程。
在网页发展前景十分光明的今天很多人都在问，怎么样才能把网页美工学好呢其实想要把一行学好，我们只需要了解这个行业，然后是这个行业的前景，最后是需要学习的课程。把这些都了解后，基本上就能学好了。
在了解课程之前，我先跟大家介绍一下网页设计的就业前景。2014年网页设计的就业前景到底如何呢如何抓住这一机遇随着国内互联网的快速发展，中国网民的数量大量的增加。所以很多人通过互联网去实现自己的要求。比如说现在很流行的网购、通过招聘网站进行求职等等，随着社会的发展，人们的生活会更加的依赖网络。因此每个人，每个公司都想去做网站，个人通过网站推广自己、公司通过网站推广公司的品牌与知名度、获得更大的利益化。
网页美工示例
做网页有两大很重要的要点:整体风格和色彩的搭配。对于整体风格来说要注意这几点:第一：将标志logo尽可能放在每个页面的最突出的位置。
页面颜色和内容字体颜色要有明显的区别，要将外链和内链做的与其他内容内有明显的区别。对于色彩的搭配来说:首先页面颜色不要丰富，这样不会使页面颜色没有一个主色调，颜色不太丰富可以让页面看起来色彩相对统一，有层次感。
页面用同一个色系。
简单的来说就是用同一个感觉的色彩比如说暖色调和冷色调。网页设计能够让你学会网页设计的一些设计技巧，
网页需要注意的事项其实也是我们网页美工所要注意的几点，将标志logo尽可能放在每个页面的最突出的位置和页面用同一个色系。对网页美工来说也是非常重要的。知道了这些就意味着可以学好网页美工了吗当时不是，了解了它的前景和需要注意的两个要点之后，我们还要来了解最重要的设计软件的学习及应用。网页美工需要学习哪些软件呢我们一起来看一看。
1.Dreamweaver：
讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧
2.Flash：
讲解FL在视频、声音、图形和动画方面的`应用，可以各种动画制作、导航界面、互动效果以及其他奇特的效果
3.Fireworks：
讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用
4.Photoshop：
熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合AI的应用掌握以上软件的学习在网页美工中是相当重要的，并且要成为网页美工高手的话，那需要在日常工作以及业余时间不断的学习和提高自己的能力和水平，网页美工是一个感性思考与理性分析相结合的过程，它的方向取决于设计的任务和网页的制作以及设计人员的灵感，并且网页美工人员还要学习网站运营和网站优化等相关的一些知识。
我们要学好网页美工设计，首先我们要知道网页美工设计相关软件Dreamweaver，Flash，Fireworks，Photoshop等软件的操作，还要学习颜色搭配基础，要学好logo制作等内容。
网页美工设计需要注意哪些细节
成为一名网页设计师你要学会
第一部份：(美术部分)
结构素描、光影素描、速写、设计素描、户外写生
色彩原理、色彩配色、设计色彩、色调小稿训练、色彩长期作业
第二部份（静态网页）
DreamweaverCS4：网页布局、制作；Html&Css简介；网站管理与维护、上传与下载；案例分析
Fireworks：美工设计、网页配色；CI、LOGO、Banner的制作；常见网页动画制作、网页布局
FlashCS4：经典网页动画、广告、片头、贺卡设计与分析；MTV制作、交互式网站简介
PhotoshopCS4：Photoshop操作基础、图像优化处理、经典实例分析与制作、gif动画、广告gif图片
IllustratorCS4：广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计
第三部分（动态网页）
Html语言详细解介、CSS样式、IIS、C#语言、Asp.net动态、SQLServer数据库、Aess数据(送)、JavaScript、Flash8.0高级编程、网站筹划、网站推广、电子购物车、ChatRoom、BBS制作。注：此部分基本上是程序员工作，并不是网页设计师所要学会的。
第四部份（网页美工）
三大构成：平面构成、色彩构成、立体构成
Photoshop美工及网页配色、排版设计、网站框架美工设计、网页logo网页设计、banner设计；
Illustrator网页设计、网页字体设计、网页规划设计
网页美工设计的简介
网页美工设计的简介
网页美工设计不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。
职业概述
网页美工设计网页美工设计的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担得不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。如果没有这方面的测试研究，网页设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
工作内容
负责网页界面的美术设计、创意工作和制作工作;根据各种相关网站的用户群，提出构思新颖、有高度吸引力的创意设计;对页面进行优化，使用户操作更趋于人性化;收集和分析用户体验最新的需求。
职业要求
教育培训： 在学历和专业要求方面，一般要求大专及以上学历，根据上文提到的网页美工设计的三大具体分类，图形设计、交互设计和用户测试/研究的工作职能，分别对应的是美术设计的专业知识，软件工程师背景和相应的编程能力，以及社会学心理学等人文学科储备。当然，实际工作中，这几重职能也不是截然分开的。而今，这一涵盖诸多领域的职位，也越来越要求从业人员同时具备跨学科、综合性的理论素养和实操能力。工作经验：一是要求从业人员精通Photoshop、Illustrator、Flash等图形软件，html、Dreamweaver等网页制作工具，能够独立完成静态网页设计工作;熟练操作常用办公软件，且具备其它软件应用能力;熟悉html，CSS，javascript，Ajax。二是对通用类软件或互联网应用产品的人机交互方面有自己的理解和认识。三是具备良好的审美能力、深厚的美术功底，有较强的平面设计和网页设计能力。四是具有敏锐的用户体验观察力，富有创新精神。此外，有人机交互设计的学习和工作经历者优先。
薪资行情
在各类设计人员中，网页美工设计的收入在中国处于中等水平，一般在月薪3000~5000元，中等设计师的`收入可上升至6000~7000元，而如果能晋升为设计总监，这一数据则可能达到10000元以上。
职业发展路径
由于目前网页美工设计在国内的发展尚处于起步阶段，整体上缺乏一个良好的学习与交流的资源环境，这一领域真正高水平的、能充分满足市场需要的网页美工设计为数甚少;而IT行业日新月异的发展速度和人们日益提升的生活标准，也对从业人员提出了越来越高的要求，因此，网页美工设计应该通过不断的学习实践，在诸多不同领域，尤其是在人才资源普遍缺乏的社会学、心理学等人文学科领域拓展视野，丰富自我，努力向高级、资深设计师乃至设计总监的方向发展。除此之外，具有较强协调、组织、管理能力和领导资质者，则可考虑晋升为IT项目经理。
;
网店美工设计做什么
导语：说起网店美工设计，相信很多的人都是比较熟悉的。对于很多的网店来说，都是需要一名优秀的网店美工设计。这样的网店美工设计可以为你更好地设计出你想要的网店。从而为你吸引着更多的客源。所以当你要开网店的时候，那么你就要应该要好好地去设计网店，让所设计出来的网店可以为你更好地赚钱的目的。那么网店美工设计的工作内容是什么?
网店美工设计是淘宝拍拍等网店页面编辑美化工作者的统称，需熟悉Photoshop，Dreamweaver，Cdr，Illustrator，熟悉html代码，了解产品的特徵，对用户群需要准确判断，设计出吸引眼球的海报等!平面美工是由美工用Illustrator 或者 Photoshop 设计出平面外观。三维美工是由美工用3DMAX等的三维角色模型设计，道具模型设计，环境场景模型设计,包装设计等.网页美工是使用Photoshop或Fireworks等设计软件，将网页的视觉效果、排版等工作呈现出来。
有人认为美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局，其实这是不正确的.，网页布局的工作应该是由前端开发工程师来完成的。彩灯制作美工是现代彩灯(花灯)市场化后诞生的专门行业美工，也应该叫“灯会美术工艺师”，主要肩负：灯组放样、施工图绘制、色彩搭配、消化效果图以形成最终制作工艺灯，对灯会最终艺术效果负责，有的也同时兼任灯会灯组设计美工。由于灯会美工所属行业特点，故而技能标准以及美工水平参差不齐，如果所属项目公司对美工管理松散、放任自流，加上美工职业道德和技能低下，将导致灯会艺术效果差强人意，作品粗制、质量低下。
一般情况下来说美工设计负责公司所需的各类三维设计、平面设计、POP设计、VIP应用设计等。负责各类活动的现场布置、背景布置和道具制作。负责商场各类模型、道具的制作和绘制POP等。协助美术师对商场店堂内、外广告的管理。协助美术师对商场环境的规划、形象的规划、美陈布置等。配合公司各类社会活动、促销活动的现场布置、道具的制作及美术陈列。
网页美工设计方法
网页美工设计方法
美工分为平面美工、网页美工和三维美工。下面整理了一些网页美工设计方法，希望对大家有所帮助！
一、配色
其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于美工设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。
设计师对颜色的运用一般有这么几个阶段：
初级阶段：用自己首映感觉最好的1~2种颜色，不考虑其他因素、他人感觉;
过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象;
成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段;
终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。
其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。
二、布局
美工设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。
其实做好布局设计也不是很难，无非就以下几步：
布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。
精细布局：整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。
Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的.布局做好了，其他网页、宣传册等平面布局应该都信手捏来。
三、细节
至理名言“细节决定成败”，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。
以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿 MJ跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。
四、心态
在累计阶段，心态平和、踏实耐心，切忌急躁，美工本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。
五、技能
有了良好的审美基础和创意，接下来就是制作了。相比较审美观的培养和创意的来临，Mars觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具：
制图技能：Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具;
页面编程技能：html、css、JavaScript等;
优化技能：压缩图片、网页优化等。
以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。
六、用户体验
用户体验一般出现在网页设计和系统界面设计里，是用户和人机界面的交互过程，界面操作的易用性，直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求，甚至有点儿超越美工的范畴，但只有美工了解这些才能更合理地设计界面布局，整体搭配等等。
;