UI设计和网页美工的区别是什么？网页美工设计干什么的

本文目录

• UI设计和网页美工的区别是什么
• 网页美工设计干什么的
• 网页美工设计的基础要素有哪些
• 网页美工专项职业能力证书是什么
• 网站美工的工作步骤是什么
• 网页美工设计方法
• 网页美工是做什么的
• 网页美工设计的简介
• 做网页美工需要会那些技术呀！
• 自学网页美工需要学习哪些课程呢

UI设计和网页美工的区别是什么

UI设计只是网站美工的一部分，网站美工需要学习的内容有UI设计，PS，AI，html语言，javaScript语言等。

网页美工局限于美术设计和页面制作，UI注重交互，用户体验是第一目标。

UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。

网页美工需要学习网站概念知识、色彩构成、网页设计中的美学规律、FIREWORKS网页图形处理、FLASH二维动画、PHOTOSHOP平面设计软件在网站设计中的应用、作品设计及点评等内容。

***隐藏网址***

拓展知识

UI设计：UI即UserInterface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

网页美工：是精通美学，photoshop（PS），FLASH，dreamwaver（DW）等一网站制作软件的网络人员，必须具有良好的创意和一定程度的审美观。必要时需要一定的策划知识。为网站所有的页面画出来并用DW和css排版出来。页面必须清晰简洁，还要适宜后台调用。

网页美工设计干什么的

美工一般是指对平面，色彩，基调，创意等进行堆砌的技术人才，分为平面美工、网页美工和三维美工。一般需要精通Photoshop等设计软件。

美工设计就是美工涵盖内容相关的设计。

参考网页美工设计：

网页美工设计不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。

职业概述：

网页美工设计的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担得不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。如果没有这方面的测试研究，网页设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

工作内容：

1、负责网页界面的美术设计、创意工作和制作工作；

2、根据各种相关网站的用户群，提出构思新颖、有高度吸引力的创意设计；

3、对页面进行优化，使用户操作更趋于人性化；

4、收集和分析用户体验最新的需求。

网页美工设计的基础要素有哪些

1、网页美工设计的基础要素——确定站点的用途

在制作网站之前，我们必须对制作网站的目的有一个合理的了解，以满足行业和公众的需求，这将有助于网站建设的成功率。为了更好的凸显网站的高端性，也为了展示网站的功能美感，我们必须了解大众用户的浏览体验要求，网站制作要有很强的方向感。

2、网页美工设计的基础要素——确保美观和功能

在网站制作过程中，一定要有合理的设计风格，同时一定要注意保证更好的美观和功能。美学设计是为了让浏览更加舒适，同时也让页面的设计更加合理。该功能是为了方便大众用户浏览，具有更好的搜索内容针对性，快速检索用户的想法，获得有效的信息，从而带来更好的浏览体验。

3、网页美工设计的基础要素——关注用户的浏览体验

如果你在设计和建立网站时不关注用户体验，你就无法更好地了解公众的真实需求。因此,将会有偏差在这些网站的生产过程,这不仅会影响到专业和演示效果,而且直接影响到公众用户的浏览的视觉体验,导致穷人越来越流行的网站和缺乏更好的营销手段。因此，必须重视用户的浏览体验和生产。

这些网页美工设计的基础要素都会影响网站制作的成功率，并直接决定网站制作能否满足每个人的需求，所以我们应该了解。环球网校将会持续更新平面设计的相关资讯及技巧，可以点击本站的其他文章进行学习。

网页美工专项职业能力证书是什么

网页美工专项职业能力证书是网店美工从业者的必备证书。

《网店美工》专项能力证书，是由广东省职业技能鉴定指导中心授权，由汕头市职业技能鉴定指导中心和汕头市中训职业技能培训学校联合开发的专项能力标准，根据电子商务网店美工考核规范，结合电子商务领域实际操作规范及实战要求，推出适用于网商从业人员专项技能培训。

学员学习后，可获得OSTA图形图形证书+网店美工专项能力双证书，是国家对美工行业的从业人员考核证书，也是网店美工从业者的必备证书。

专业简介

网店美工是运用计算机信息高新技术、互联网知识及商品相关资料，在电商运营网内对产品图片进行修饰处理、网店整体布局、页面美化设计，使网店达到最佳视觉营销效果的能力。是从事平面设计、网页设计、网店美工行业的必备能力。

对全国高新技术应用人员的择业，流动提供一个应用水平与能力的标准证明。该资格证书可作为要求计算机操作能力并实行岗位准入控制的相应职业的上岗证。

网站美工的工作步骤是什么

一、所谓的网站美工其实很多种，可以分出很多类的工作，其实从本质上讲，网站美工只需要会PS就够了，网站美工也叫做网页制作师。美术工程师(Art Engineer)，目前特指网页美工，需要熟悉各种平面设计软件，如Photoshop、flash、fireworks 、Dreamweaver等软件，完成美术视觉上的设计排版等。

二、工作步骤：

1、掌握技术：

（1）基础美术：素描(石膏几何体、静物写生)；色彩(色彩构成、简单色彩静物写生)。

（2）三大构成：色彩构成、平面构成、立体构成

（3）Photoshop网页配色及排版设计；Illustrator网页设计；fireworks web应用、网页设计综合、经典网页解析。

2、内容步骤：

（1）图形设计，即传统意义上的“美工”。不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。

（2）交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

（3）用户测试/研究，这里所谓的“测试”，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。

三、技能解析：网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。先学 ps 然后 学 切图 在学 flash 这些都学会了 学习dreamweaver 否则 生成不了 网页的 学习完这个还要学习div 这是技术提升 现在美工都要求这个了 还要学习简单的html代码 可以与后台沟通 ，整个框架学会了 要学习ftp这样就可以把页面传到网站上面去了

网页美工设计方法

网页美工设计方法美工分为平面美工、网页美工和三维美工。下面整理了一些网页美工设计方法，希望对大家有所帮助！一、配色其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于美工设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。设计师对颜色的运用一般有这么几个阶段：初级阶段：用自己首映感觉最好的1~2种颜色，不考虑其他因素、他人感觉;过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象;成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段;终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。二、布局美工设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。其实做好布局设计也不是很难，无非就以下几步：布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。精细布局：整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的.布局做好了，其他网页、宣传册等平面布局应该都信手捏来。三、细节至理名言“细节决定成败”，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿 MJ跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。四、心态在累计阶段，心态平和、踏实耐心，切忌急躁，美工本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。五、技能有了良好的审美基础和创意，接下来就是制作了。相比较审美观的培养和创意的来临，Mars觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具：制图技能：Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具;页面编程技能：html、css、JavaScript等;优化技能：压缩图片、网页优化等。以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。六、用户体验用户体验一般出现在网页设计和系统界面设计里，是用户和人机界面的交互过程，界面操作的易用性，直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求，甚至有点儿超越美工的范畴，但只有美工了解这些才能更合理地设计界面布局，整体搭配等等。

网页美工是做什么的

美工一般要做以下工作：

1、主要负责网站美工及界面设计，包括网站的设计、改版、更新。

2、负责公司产品的界面进行设计、、美化等工作。

3、负责与开发人员配合完成所辖网站等前台页面设计和。

4、其他与美术设计相关的工作。

需要精通HTML+DIV+CSS布局,熟悉web2.0。

需要熟悉javascript。

要能熟练使用Dreamweaver、Photoshop、Flash、CorelDraw等各种设计工具。

在掌阅看小说有时会看到有关内容，以上回答可做参考，谢谢网页美工就是对网页的美化网页美工要熟悉photoshopfireworksflash等制图软件，也要有一个非常好的视觉功底，创意能力，才能创造出非常美观的页面。网页美工也用css来进行美化，css可以控制html标签的元素如htmllinkcss:a:link,a:visited{display:block;width:100px;height:30px;border:1px#333solid;}a:hover{background:#efefef;color:#333;}上面串css代码对a进行了美化,页面上的超级链接显示是宽100，高30，显示灰色边框当我们鼠标放在超级链接上的时候背景变色您好，很高兴为您解答：

一般来说主要的就是负责网站的美化啊、设计啊、排版什么的。

美工还有以一定的平面设计基础，还有能制作出来几个小的FLASH短片，这些都是最基本的

网页美工设计的简介

网页美工设计的简介

　　网页美工设计不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。

　　职业概述

　　网页美工设计网页美工设计的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担得不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。如果没有这方面的测试研究，网页设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

　　工作内容

　　负责网页界面的美术设计、创意工作和制作工作;根据各种相关网站的用户群，提出构思新颖、有高度吸引力的创意设计;对页面进行优化，使用户操作更趋于人性化;收集和分析用户体验最新的需求。

　　职业要求

　　教育培训： 在学历和专业要求方面，一般要求大专及以上学历，根据上文提到的网页美工设计的三大具体分类，图形设计、交互设计和用户测试/研究的工作职能，分别对应的是美术设计的专业知识，软件工程师背景和相应的编程能力，以及社会学心理学等人文学科储备。当然，实际工作中，这几重职能也不是截然分开的。而今，这一涵盖诸多领域的职位，也越来越要求从业人员同时具备跨学科、综合性的理论素养和实操能力。工作经验：一是要求从业人员精通Photoshop、Illustrator、Flash等图形软件，html、Dreamweaver等网页制作工具，能够独立完成静态网页设计工作;熟练操作常用办公软件，且具备其它软件应用能力;熟悉html，CSS，javascript，Ajax。二是对通用类软件或互联网应用产品的人机交互方面有自己的理解和认识。三是具备良好的审美能力、深厚的美术功底，有较强的平面设计和网页设计能力。四是具有敏锐的用户体验观察力，富有创新精神。此外，有人机交互设计的学习和工作经历者优先。

　 　薪资行情

　　在各类设计人员中，网页美工设计的收入在中国处于中等水平，一般在月薪3000~5000元，中等设计师的`收入可上升至6000~7000元，而如果能晋升为设计总监，这一数据则可能达到10000元以上。

　　职业发展路径

　　由于目前网页美工设计在国内的发展尚处于起步阶段，整体上缺乏一个良好的学习与交流的资源环境，这一领域真正高水平的、能充分满足市场需要的网页美工设计为数甚少;而IT行业日新月异的发展速度和人们日益提升的生活标准，也对从业人员提出了越来越高的要求，因此，网页美工设计应该通过不断的学习实践，在诸多不同领域，尤其是在人才资源普遍缺乏的社会学、心理学等人文学科领域拓展视野，丰富自我，努力向高级、资深设计师乃至设计总监的方向发展。除此之外，具有较强协调、组织、管理能力和领导资质者，则可考虑晋升为IT项目经理。

做网页美工需要会那些技术呀！

（1） html + css。（2）JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力。（3）Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。（4）html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。（5）浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。（6）熟悉一门后台编程语言 asp、php、jsp等

自学网页美工需要学习哪些课程呢

网页美工课程主要包括了HTML，css，JavaScript这三方面的知识。

学习设计说难也不难，说容易也不容易，培养学习的兴趣很关键，最好在学习之前先来做一个小测试点击测试我适不适合学设计

HTML部分的知识，主要就是一个完整网页的必备元素和基础属性，主要是一些基础的标签。css部分主要是一个网页如何进行布局每个模块的排版定位，总而言之就是将一个网页分块布局，然后也可以实现一些简单的动画效果。JavaScript部分主要是一些稍复杂的动画特效，比如轮播，鼠标互动，一些信息的检索判别，这部分是比较接近编程的，主要实现一些复杂的功能。美工是一个单独的模块，比如一个网页的框架搭出来要往里面填东西，就需要美工，做一些能更好突出网页内容和吸引目光的设计，是给一个网页润色加分的一个工作。