ui设计图标类型有哪些

按功能分类可以分为

应用图标，如搜狐，新浪，网易等网站的logo；

功能图标，如各类音乐播放器的“开始”“暂停”“快进”图标等；

按设计风格分类可分为

剪影图标；

轻拟物图标：在原来拟物图标基础上，减轻厚重质感，去除投影、渐变、纹理转化成扁平化的图标；

轻质感图标：渐变/投影/不透明度等图标，具有唯一性，细节更加丰富；

拟物化图标：有形有色有样式有质感的图标；

叠加图标；

以文字为主体的图标，如支付宝，淘宝的图标；

插画图标，通常是游戏应用，直接使用游戏中的角色、道具或画面作为图标。

UI设计从工作内容上来说分为3个方向。图 它主要是由UI 研究的3个因素决定的， 其分别是研究工具，研究人与界面的关系，研究人。 研究界面----图形设计师Graphic UI designer 国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。 这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。 蓝色代表工具，红色代表关系，绿色代表人研究人与界面的关系---交互设计师，interaction designer 在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。 交互设计师一般都是软件工程师背景居多。 研究人----用户测试/研究工程师User experience engineer 任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。 用户研究工程师一般是心理学人文学背景比较合适。 综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程师。

如果是移动端APP设计，以750x1334为模板设计，只要出一套图，然后去切图适配iOS和Android，iOS需要切@2x和@3x两套图，安卓需要切720和1080两套图，通常由于@2x和720很接近，所以很多公司在安卓切图时都只要切1080的图。

切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的。切图是指将设计稿切成便于制作成页面的，并完成html+css布局的静态页面。

通俗来讲，把一张设计图 利用到切片工具 把自己所需的切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局。

切图大家都有个误区，觉得切图就是把切出来，其实并不完全是这样，把切出来这个过程是叫切片。

切图的目的：第一个是让网页稿有了交互性，实现你平时看到的各种各样的功能。第二个是体积，所以切图时候一定注意少用工具：主流是dreamweaver，也有公司自己开发平台进行制作的。采用div+css布局更能减小网页体积 是表现与内容分离。

能把所有设计稿里出现的图形元素按照基础要求切出来交给前端工程师。

对所有切图进行优化，有针对输出体积的优化、有利用 CSS Sprite 减少请求的优化、也有针对减少自己后期网站改版升级时候工作量的优化。这部分已经需要很多前段方面的知识了。要让切图也「语义化」必须得和前段配合得很好。

从超出「」的角度思考并且实现更高阶的效果，比如现在做网页经常需要考虑桌面和移动平台的不同分辨率，使用 Responsive 的布局的话切图应该怎么切，是不是需要切两套；遇到 iPad 或者 rMBP 的高清屏怎么处理网页中的以及背景；是否可以应用一些新的技术比如 Web Font、Font Icon、CSS 3 里的新特性来减少网页里的等等

UI （User Interface，亦称用户界面）与 UX （User Experience，亦称用户体验）有什么不同？由 UI 与 UX 产业专家们所成立的组织Conversion Lab ，整理了网路上常见的 UI 与 UX 差异图，一图胜千言，让我们用这些图，来看一下 UI 与 UX 不同之处吧！已经了解差异的读者也可以数数看，自己曾经看过的图有几张。

1 以番茄酱瓶来比喻UI ， UX 是考虑到番茄酱快用完时，很难倒出的使用情境，因此倒过来的番茄酱瓶设计。

UI针对产品做设计，UX则是针对使用者经验进行设计。 （Copyright©Techtic）

2 从定义来解释 UI 与 UX 之间的差异，两者定义有很大的不同。 UI 考虑的是“产品如何呈现”，UX考虑的是“产品如何被使用”。

UI 考虑产品呈现方式，UX考虑产品与使用者之间的互动。（Copyright©Deptofmarketing）

3 从专业分工的角度来说明差别，可以看出负责的部分哪些相同、哪些不同。而两者最大的重叠处在互动设计（Interaction Design）。

UI 负责前端设计、互动设计以及视觉设计； UX负责资讯设计、互动设计以及研究。 （Copyright©Asinthecity）

4 从UI 设计师与UX设计师来看差别。这张图比较复杂，但基本上还是看得出差异。 UI设计师主要依据客户要求做设计，UX设计师会研究使用者需要来做设计。相同之处很明显， 都是留着大胡子的胖子。

UI设计师以视觉设计为原则，UX设计师以人为核心进行设计。 （Copyright©Abdevlabs）

5 从工作内容来解释差异，UI工作项目可能集中在互动设计、平面设计、图像主题表现、视觉设计，UX 的工作内容范围却可能包含田野调查（了解使用者需求），甚至与研发团队合作。虽然 UX 的范围很广，但很少人可以精通全部，几乎没有。

UI与UX负责的工作内容，可看出UX的工作范畴比较广。 （Copyright©Uxinterface）

6 用两者基本的工作项目来区分，UX 设计师负责易用性测试（Usabilty Testing）、使用者故事（User Story）、使用者研究（User Research）、用户体验（Personas）；UI 设计师负责呈现（Lay Out）、视觉设计（Visua Design）、品牌化（Branding）。但 UI 有没有专职的品牌设计， 就看每家公司对职位的安排了。

除了各别工作项目外， UI 与UX 设计师共同的工作是绘制线框稿。 （Copyright©Thecdm）

7 从产品的角度看 UI 与 UX，UI 是产品的一部份，UX 是使用产品的体验。

以脚踏车比喻UI，则UX就是使用者骑乘脚踏车的体验。 （Copyright©Userexperiencerocks）

8 UI 设计着重“功能”，易用性设计（Usability design）着重“行为”，UX设计着重“情感”。

UX设计不只提供功能，更重视“情感”。 （Copyright©Strategyanddesign）

9 UI 是用来取用内容（Content）的工具。以谷片比喻内容，汤匙比喻UI，使用 UI 吃完内容的体验是 UX。

UI 是取用内容的工具，UX是享用内容的体验。 （Copyright©Icarehealth）

10 Conversion Lab 也画了一张图来说明 UI 与 UX 的差异。

UI 在使用者的眼前，UX 在使用者的大脑里。 （Copyright©Conversion Lab）

UI 在使用者的眼前，UX 在使用者的大脑里。 UX 设计师不仅关注介面设计，更关心所有会影响使用体验的一切，例如资讯架构、互动设计、内容（Content）、使用者的认知、经验、需求、价值观。

当UI 设计师设计完介面之后，对UX 设计师来说，工作还没完成，UX 设计师最终的工作是在使用者的大脑里完成的，所以UX 设计师永远看不到自己的工作成果，只能透过使用者访谈或定性定量UX 研究方法，去检视使用者脑袋里的体验是否正确。

UI 是产品设计的一部份，而UX不完全只受产品影响。 （Copyright©Conversion Lab）

当UI 设计师设计完介面之后，对UX 设计师来说，工作还没完成，UX 设计师最终的工作是在使用者的大脑里完成的，所以UX 设计师永远看不到自己的工作成果，只能透过使用者访谈或定性定量UX 研究方法，去检视使用者脑袋里的体验是否正确。

有人会说设计 UI 不就是在设计 UX 吗？如果 User 的体验只被 UI 影响，那或许可以说设计 UI 就等于设计 UX，但使用者手上拿的不是 UI，而是产品，UI 是产品设计的一部份。体验也不完全只受产品影响，还会受到使用产品时当下的使用情境以及使用者对品牌的印象等等其他与体验相关的事影响。以上就是 Conversion Lab 整理的 UI＆UX 的差别图。

Conversion Lab

Conversion Lab 是由一群对用户体验设计抱有热忱的产业专家创立，希望藉由优化用户体验，进而提升转换率，为事业与网站带来巨大成效。

Hans Shih

主要工作为用户体验研究与设计、网站易用性与数据分析。期盼自己能成为一位优秀的 Designer & Researcher，就像互动设计提倡者 Alan Cooper 强调的一样，设计师必须成为 UX Researcher，才能有效地将从使用者身上得到的见解，落实在设计里面。

UI的本意是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。

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