PC客户端UI设计有哪些规范

对于刚入行的UI设计师，最容易犯的错就是在设计移动APP时，不懂什么尺寸或者用哪种屏幕的尺寸是最适当的？为了解决这个问题，今天我们就简单的为大家整理做UI时最基础的尺寸规范。

现象

首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800,480×854,540×960,720×1280,1080×1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640×960,640×1136,750×1334,1242×2208。

不要被这些尺寸吓倒。实际上大部分的app UI设计和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。

像素密度

要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480×800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone3gs的屏幕像素是320×480，iPhone4s的屏幕像素是640×960。刚好两倍，然而两款手机都是3.5英寸的。

所以，我们要引入最重要的一个概念：像素密度，也就是PPI（pixelsperinch）。这项指标是连接数字世界与物理世界的桥梁。

Pixelsperinch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固定长度，等于2.54厘米，大约是食指最末端那根指节的长度。像素密度越高，代表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻了一倍。

倍率与逻辑像素

再用iPhone3gs和4s来举例。假设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行，4s就能显示9-10行，而且每行会变得特别宽。但两款手机其实是一样大的。如果照这种方式显示，3gs上刚刚好的效果，在4s上就会小到根本看不清字。

在现实中，这两者效果却是一样的。这是因为Retina屏幕把2×2个像素当1个像素使用。比如原本44像素高的顶部导航栏，在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小，反而和3gs效果一样了。画质却更清晰。

在以前，iOS应用的资源图片中，同一张图通常有两个尺寸。你会看到文件名有的带@2x字样，有的不带。其中不带@2x的用在普通屏上，带@2x的用在Retina屏上。只要图片准备好，iOS会自己判断用哪张，Android道理也一样。

由此可以看出，苹果以普通屏为基准，给Retina屏定义了一个2倍的倍率（iPhone6plus除外，它达到了3倍）。实际像素除以倍率，就得到逻辑像素尺寸。只要两个屏幕逻辑像素相同，它们的显示效果就是相同的。

Android的解决方法类似，但更复杂一些。因为Android屏幕尺寸实在太多，分辨率高低跨度非常大，不像苹果只有那么几款固定设备、固定尺寸。所以Android把各种设备的像素密度划成了好几个范围区间，给不同范围的设备定义了不同的倍率，来保证显示效果相近。像素密度概念虽然重要，但用不着我们自己算，iOS与Android都帮我们算好了。

如图所示，像素密度在120左右的屏幕归为ldpi，160左右的归为mdpi，以此类推。这样，所有的Android屏幕都找到了自己的位置，并赋予了相应的倍率：

ldpi[0.75倍]

mdpi[1倍]

hdpi[1.5倍]

xhdpi[2倍]

xxhdpi[3倍]

xxxhdpi[4倍]

各型号iPhone的倍率比较简单，我们后面会讲到。那么Android手机那么多，具体怎么分？哪些手机是几倍的倍率呢？我们先看一张表，这是友盟2014年10月到2015年03月的数据：

就目前市场状况而言，各种手机的分辨率可以这样粗略判断。虽然不全面，但至少在1年内都还有一定的参考意义：

ldpi如今已绝迹，不用考虑

mdpi[320x480]（市场份额不足5%，新手机不会有这种倍率，屏幕通常都特别小）

hdpi[480x800、480x854、540x960]（早年的低端机，屏幕在3.5英寸档位；如今的低端机，屏幕在4.7-5.0英寸档位）

xhdpi[720x1280]（早年的中端机，屏幕在4.7-5.0英寸档位；如今的中低端机，屏幕在5.0-5.5英寸档位）

xxhdpi[1080x1920]（早年的高端机，如今的中高端机，屏幕通常都在5.0英寸以上）

xxxhdpi[1440x2560]（极少数2K屏手机，比如GoogleNexus6）

自然地，以1倍的mdpi作为基准。像素密度更高或者更低的设备，只需乘以相应的倍率，就能得到与基准倍率近似的显示效果。

不过需要注意的是，Android设备的逻辑像素尺寸并不统一。比如两种常见的屏幕480×800和1080×1920，它们分别属于hdpi和xxhdpi。除以各自倍率1.5倍和3倍，得到逻辑像素为320×533和360×640。很显然，后者更宽更高，能显示更多内容。所以，即使有倍率的存在，各种Android设备的显示效果仍然无法做到完全一致。

单位

不难发现，真正决定显示效果的，是逻辑像素尺寸。为此，iOS和Android平台都定义了各自的逻辑像素单位。iOS的尺寸单位为pt，Android的尺寸单位为dp。说实话，两者其实是一回事。

单位之间的换算关系随倍率变化：

1倍：1pt=1dp=1px（mdpi、iPhone3gs）

1.5倍：1pt=1dp=1.5px（hdpi）

2倍：1pt=1dp=2px（xhdpi、iPhone4s/5/6）

3倍：1pt=1dp=3px（xxhdpi、iPhone6）

4倍：1pt=1dp=4px（xxxhdpi）

单位决定了我们的思考方式。在设计和开发过程中，应该尽量使用逻辑像素尺寸来思考界面。设计Android应用时，有的设计师喜欢把画布设为1080×1920，有的喜欢设成720×1280。给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。

无论画布设成多大，我们设计的是基准倍率的界面样式，而且开发人员需要的单位都是逻辑像素。所以为了保证准确高效的沟通，双方都需要以逻辑像素尺寸来描述和理解界面，无论是在标注图还是在日常沟通中。不要再说“底部标签栏的高度是96像素，我是按照xhdpi做的”这样的话了。

Web怎么办

移动端页面的绝对单位仍然是px，至少代码里这么写，但它的道理也和app一样。由于像素密度是设备本身的固有属性，它会影响到设备中的所有应用，包括浏览器。前端技术可以善加利用设备的像素密度，只需一行代码，浏览器便会使用app的显示方式来渲染页面。根据像素密度，按相应倍率缩放。

以iPhone5s为例，屏幕的分辨率是640×1136，倍率是2。浏览器会认为屏幕的分辨率是320×568，仍然是基准倍率的尺寸。所以在制作页面时，只需要按照基准倍率来就行了。无论什么样的屏幕，倍率是多少，都按逻辑像素尺寸来设计和开发页面。只不过在准备资源图的时候，需要准备2倍大小的图，通过代码把它缩成1倍大小显示，才能保证清晰。

实际应用

大家最关心的还是实际运用，画布该怎么设置。我们就iOS、Android、Web三个平台来分别梳理一下。不过在这之前，我要为使用PS进行设计的朋友介绍一个小技巧。

之前我说过，我们要以逻辑像素尺寸来思考界面。体现到设计过程中，就是要把单位设置成逻辑像素。打开PS的首选项——单位与标尺界面，把尺寸和文字单位都改成点（Point）。这里的点也就是pt，无论设计iOS、Android还是Web应用，单位都用它。当然，各平台单位名称还是要记住的。这里我们用的只是它的原理，不用在意名称。

要调节倍率，则通过图像大小里的DPI来控制。这个DPI，其实就是PPI，像素密度。有个常识大家都知道，屏幕上的设计DPI设成72，印刷品设计DPI设成300。为什么是这两个数字？

首先说300，这和人眼的分辨能力有关。由于1英寸是固定长度，每1英寸有多少个像素点决定了画质清晰程度。之前说过，这就是像素密度，也就是DPI。DPI达到300以上，其细腻程度就会给人真实感，像真实世界中的物件。相反，DPI只有10的话，在你一个食指指节大小的长度内只有10个像素，这明显就是马赛克了。所以印刷品要设成300，才能保证清晰。

再说72，这有一定的历史原因。最早的图形设计是在mac电脑上进行的，mac本身的显示器分辨率就是72。PS中把图像DPI也设成72，就能保证屏幕上显示的尺寸和打印尺寸相同，便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准，这套规则就这么沿用下来。

现在回到正题，我们怎么通过DPI来调节倍率？既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。

下面来看看3个平台各自的画布设置：

IPhone

iPhone的屏幕尺寸各不相同，我说的是逻辑像素尺寸，这确实是让人很头疼的事情。如果想用一套设计涵盖所有iPhone，就要选择逻辑像素折中的机型。

从市场占有率数据来看，目前最多的是iPhone5/5s的屏幕。倍率为2，逻辑像素320×568。上升势头最猛，未来有望登上第一的是iPhone6的屏幕。倍率为2，逻辑像素375×667。

按照这两种尺寸来设计，都是比较主流的做法。可以兼顾短一些的iPhone4s，大一点的6plus也不会过于空旷。

不过在切图的时候要注意，由于iPhone6plus的3倍图是由2倍图放大而来，所以位图要注意保证清晰。

Android

都说Android碎片化严重，但它现在反而比iOS好处理。因为如今的Android屏幕逻辑像素已经趋于统一了：360×640，就看你设成几倍了。想以xhdpi为准，就把DPI设成72×2=144。想以xxhdpi为准，就把DPI设成72×3=216。

对于那些比较老的低端机，宽度是480px的那批，画面确实会小一些，显示内容会更少。稍微留意一下，重要内容尽量保持在界面中上部分。

当然，这些机型不出一年就会被边缘化，基本淘汰。现在能运转的也是当作功能机在用，软件多了必卡无疑，用户体验无从谈起。不作考虑也是OK的。

Web

手机端网页就没有统一标准了，比较流行的做法是按照iPhone5的尺寸来设计。倍率2，逻辑像素320×568。

这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。所以图片的尺寸可以保持在较小的水平，页面加载速度快。当然，缺点就是在倍率3的设备上看，图片不是特别清晰。

如果追求图片质量，愿意牺牲加载速度，那么可以按照最大的屏幕来设计。也就是iPhone6plus的尺寸，倍率3，逻辑像素414×736。

总结

移动端的尺寸比PC端复杂，关键就在倍率。但也正因为倍率的存在，把大大小小的屏幕拉回到同一水平线，得以保证一套设计适应各种屏幕。站在这条水平线的角度看，会发现它很好理解。

　一、轴

轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心。简单说来，轴是在设计的时候组织一系列元素的假象线，在下面的设计图中，轴以虚线的方式被标注出来。

1、对齐

轴最常见于对称元素的使用，当元素被布置成轴对称的布局的时候，会给人有序感。就像生活中绝大多数的事情一样，我们更倾向于享受有序的的东西，它们令人感觉平稳、舒适、平易近人。最简单的一个例子就是iTunes 程序中的专辑列表的设计，所有的专辑列表在界面的左侧保持对齐，围绕虚线轴轴对称。

2、强化

虽然轴是一条假想的线，但是如果周围的元素的边缘控制得足够整齐，这跳线会在视觉中变得更加“明显”的。最好的例子是城市中的路灯构成了道路两旁建筑物之间的轴，如果一边有建筑一边没有，那么这种轴线的感觉不会那么强烈。

从产品设计的角度上来看，Twitter 的时间线设计就是一个很好的案例，左侧的头像和右侧的推文共同塑造出缝隙中轴线的感觉。

3、运动

当我们碰到某先线条的时候，视觉会很自然地沿着这些方向运动，就如同我们站在街上，会自觉地沿着街道的两头走动。两个端点决定了线，界定了开始和结束的地方，线，或者说轴线的存在会引导和提示运动的方向。

SoundCloud中，音轨沿着一条既定的水平轴线运动，随着音乐的播放，音轨自然地自左向右匀速运动。

4、连续性

如果终点是不确定的，那么你通常会沿着轴线的方向浏览/运动，直到你找到感兴趣的东西，或者感到厌倦并关闭应用。在建筑学中，未清楚界定的终点非常少见，因为建筑的修建通常没法永远持续下去，但是UI设计则不一样，无限地滚动下去是无比受欢迎的设计手法。

Pinterest的APP中就是这样做的，持续不断的图片沿着中轴线的方向持续不断地滚动下去，只要你有兴趣一直观看下去。

二、对称

当元素被均匀地放置在轴线的两侧之时，他们构成了对称的关系。当元素被精准地在轴线两侧一一对应之时，它们就形成了完美对称。

1、平衡

对称令整个设计更加平衡。当元素与控件在轴线两侧处于相同位置之时，会给人以协调和谐的设计感。当我们在规划街道两侧的房屋建设的时候，如果左右两侧都是5间大小一致的房子，当你走在街上的时候这种平衡的设计会令人非常舒适，这是平衡给人的感受。

Rdio的APP设计就遵循着这样的设计规则，屏幕两侧的控件是相同的规格，这类布局很适宜阅读，用户会自觉地自上到下，从左向右查看。

2、不对称

如果轴线两侧的控件布置不再是一一对应尺寸相近，那就是不对称的设计。不对称的设计会给人明显的失衡感，可能会令人不舒服，但是也能造就残缺美，当然这要看你具体怎么做。

虽然Pinteret 的APP设计在整体上是沿着中轴线对称的(宽度一致)，但是两边的界面控件并非是对称的，它们的高度并不一致，位置也是错落的。稍微一点的落差都会被眼睛捕捉到，而这样的差异让用户无法准确地左右顺序阅读。不对称设计打破了设计的平衡性和舒适性，但是也可以缓解了规律性设计带来的视觉疲劳。

三、层级

当某个元素出现在比其他元素更重要的位置的时候，层级就出现了。

1、尺寸

如果一个设计元素在尺寸上比其他的控件更大，就会区分出层级。毫无疑问，我们查看某个设计的时候，通常会被最大的元素吸引到。如果一个建筑物有5个出窗户，其中一个是其他四个的两倍大，我们的注意力自然而然会被吸引过去。

通过尺寸来区分文章列表层级的典型就是稍后读应用Pocket。顶部的轮播文章拥有更大的图片，它的位置和尺寸会令我们一眼注意到。

2、形状

如果一个控件在形状和形态上同其他的不一样，也可以让它独立出一个层级。不规则的设计同样会令人侧目。建筑物的正面拥有五个相同的窗户和一闪大门，你会立刻注意到门的独特之处。

在Instagram的个人信息页中，圆形的个人头像在方形的图片中别具一格，非常抓人眼球。它会让人意识到，这个独特的东西，更为重要。

3、位置

位置的存在同样能彰显层级的不一样。在圆圈之内，中心位置的东西比边缘部分的看起来更重要。位于轴线顶端的控件会显得比其他部分的优先级更高。

以设计应用Path的设计为例，时间轴顶点处的用户头像就明显比时间轴上的其他部分更重要，而这个地方正好展示的也是用户头像。

四、韵律

UI设计和建筑设计同样有着韵律之美，重复的模式会营造出独特的节奏之美。

1、模式

理解韵律最直接的方式就是听歌。音乐拥有节奏感，绝大多数的音乐遵循着相同的节拍，节拍就是音乐模式的一部分。

这方面最典型的APP是Airbnb，APP列表中每一间房子都占据一个模块，模块中有着大小相同的图片，价格、位置和房东信息和图片的相对位置一定，且排版匀称舒服，两个模块之间的间距也相同，当你浏览的时候，熟悉的节奏会让你清楚地知道上哪看关键信息。

2、间断

当节奏被间隔打断的时候，会形成不同的层级。听歌的时候，均匀的节奏被其他的音乐元素打断的时候，你会意识到这是比较特别的部分。

在Twitter的APP中，推文和推文保持着相同的样式，均匀的节奏，但是其中的“推荐用户”一项有着不同的样式，它插入到推文列表中，打破了整个信息流的节奏，凸显出不同的层级，会很快抓住你的注意力。

要设计好一款手机APP的UI，就必须遵守两个基本原则：

快捷便利的实用原则

UI是连接用户与手机的桥梁，图标或按钮则是进行更深入的人机互动的标志和人口，好的UI设计主要目的便于人机交流，让用户快捷地理解程序的用途及操作步骤。

优秀的UI首先强调的是功能性，即实用性。在设计领域衡量一个UI设计的成功与否，归根结底就是看用户使用的兴趣和使用的频率。以用户的需求为设计目标并引导用户的需求，是APPUI设计的逻辑起点和终点。

同样优秀的的APP用户界面应该时刻关注的是用户使用时的快捷和便利，易用性是其基本特征，必须站在用户的角度、了解用户的使用能力和兴趣偏好，交互细节和交互操作要符合用户的操作习惯，同时尽量简化操作步骤和信息层级，并在UI界面提供或显示简单的操作提示，让用户可以凭借已有的生活常识、使用经历和基本的逻辑推理来操纵软件。

UI作为用户使用软件的中介，必须时时刻刻处在用户的自由掌控之中，用户不仅能自由掌控

优秀的界面布局会个性鲜明、重点突出、准确明了，便于用户寻找信息操作程序。在设计时都要简约而不是简单，就是说在手机有限的屏幕里具有清晰的浏览次序，需要根据用户的视觉基本流程给界面进行合理的空间布局和定位，疏密搭配、相互呼应，科学合理的排列组合，设计出用户的视觉层次，使界面突出核心和重点。自己的浏览行为，还要确保他们能从某个地点跳出或毫无障碍地退出，这些在用户离开前弹出窗口的行为，也是用来判断UI易用性的标准。推荐阅读：解读！购物APP的页面布局

UI的设计既要实用，也要好用要达到这两点，还必须强调设计的一致性，其中包括结构设计的一致性、导航设计的一致性和操作设计的一致性。界面的一致性就是界面的统一性，就是要把一样的功能放在在同样的位置。页面由基本模块组成，每一种基本模块在UI设计的时候，都应把字型、字号、颜色、行距以及按钮的颜色、形状等元素排列一致。

极简主义的审美原则

UI设计是对用户软件使用环境的设计。由于APPUI设计必须遵从易用性的特点，尤其是手机界面尺寸有限。因此，简洁大方的交互界面设计才能更容易的吸引用户、引导用户。

用户可以通过布局和定位形状、尺寸、颜色对比等做出选择，在最短的时间内快速清晰地识别出信息，操作功能。

APPUI设计中各种色彩构成的面积、形状、位置以及色相、明度、纯度之间要有对比和变化，使页面布局结构与配色之间的分组与整合、对称与平衡、对比与统一、强调与突出、虚实与留白、节奏与韵律等方面的协调互补。

UI设计中图标的组合元素和图标的配色设计要简单，图标和背景明暗距离以及图标的明暗反差都要精心调整，突出主次。可以说，出色的色彩设计不但能够让图标脱颖而出，对用户产生强烈的视觉冲击，而且也会感染用户的情绪，为用户带来鲜活生动的视觉体验，使用户对软件产生信任、亲切、舒服的感觉，对产品产生依赖感。推荐：UI素材包第30季

UI设计现在很火，UI设计的从业要求是要有基础绘画能力，熟练基础软件以及web网页设计基础规范，以及移动端基础规范，这都是最基本都条件，至于补充内容则是根据各大公司的需求自行规定的。

UI设计简单来说就是用户界面。最常见的UI设计就是你手机里面各大APP的界面图标设计，当然它本身还有包括很多内容。UI设计这几年在我国大火，薪资也是在食物链顶端的。

UI设计师薪资高，自然实力也得强才行。各大公司，需要的是能够帮助公司软件变好的，让人使用舒适并难忘的设计师。因此，这项工作的从业要求也很高，可不是随随便便谁都能当的。

第一，基础绘画能力。这个点是UI设计师必须要有的，如果你不会画画那么根本就无法进入这个行业。要只要UI设计里面美术功底是最基础的东西。这是为了更好的视觉表达。就那APP图标来说，个人对于有自己特色的图标都是会忍不住好奇，然后再看简介。这就跟一见钟情的道理差不多，好的图标会更加吸引客户的。但如果没有好的绘画功底，再好的想法都无法兑现，只是绣花枕头。

第二，熟练基础软件。这个技能是用来支撑你绘制出UI的作品以及项目。  如果说第一点是idea，那么第二点就是框架。图纸画出来后，就得开始实践上手做出大概了。

第三，web网页设计基础规范，以及移动端基础规范。这一点属于锦上添花的美化步骤，是为了更好地优化你自己的作品。给用户更好的体验感。

个人感觉这3点从业规则看起来很简单，但做起来其实很难，需要有非常大的毅力才可以坚持下去。UI设计这个行业现在很吃香，但也很辛苦，竞争压力非常大。只有实力强的才能胜任。

一、移动端ui设计

移动端ui设计主要包括手机和平电脑上的app设计和主题设计，这是目前主流的ui设计。由于移动互联网的快速发展，许多公司主要关注手机app的开发，所以学习主要从移动端开始。

二、PC端ui设计

PC端ui设计师的工作内容主要是电脑软件界面设计，如电脑上的软件和网页按钮设计等。与移动端相比，PC端的设计没有太多的限制。

三、游戏ui设计

游戏端的ui设计主要是指网络游戏和手游的界面设计，这部分学习目前比较难。因为目前中国游戏市场被腾讯和网易垄断，而且对游戏ui设计师的要求特别高，比如教育背景、经验和技术背景都有严格的要求。当然，相应的回报也会更高，游戏ui设计师可以算是收入最高的ui设计师。

四、其他端ui设计

主要包括AR、VR、银行取款机界面、自助取票机、智能手表的界面等。目前，这样的ui设计还没有完全流行，在你开始进入ui行业后，你可以慢慢地学习其他方面的ui设计技巧。

UI即User Interface（用户界面）的简称。泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。UI还有其它的意义，如Unit Interval，Univ of Iowa，Unlock Instruction，Urgent Interrupt。

UI按用户和界面来分类，可以分为移动端UI设计，PC端UI设计，游戏UI设计，以及其他UI设计。

方法/步骤2:

一、移动端UI设计

所谓移动端UI设计，也就是手机用户，界面也就指的是手机界面，简而言之手机上的所有界面都称为移动端UI设计。

例如我们常用的微信聊天界面，QQ聊天界面以及手机桌面，手机上看到的所有图标界面点了以后有反应，都可以理解为移动端UI设计。

方法/步骤3:

二、PC端UI设计

PC端UI设计，也就是电脑用户端的UI设计，界面指的是电脑操作界面。像电脑版的QQ,微信，360电脑管家，腾讯电脑管家，杀毒软件和网页的一些按钮图标等，统统都属于PC端UI设计。

方法/步骤4:

三、游戏UI设计

游戏UI设计，用户自然也就是游戏UI用户了，界面指的是游戏中的界面，游戏中的场景人物等等，这些都是UI！

像目前大火的手游王者农药，端游英雄联盟撸啊撸和一些其它游戏中的界面，登录界面以及个人装备属性界面也都是属于游戏UI设计。

方法/步骤5:

四、其他UI设计

像VR界面、AR界面、ATM界面、一些智能设备的界面，比如智能电视、车载系统等等，目前用户较少，但又有需求，未来有可能会大火成为热门！

希望能帮助你还请及时采纳谢谢

UI设计培训课程是哪些

UI设计培训课程是：图形设计、交互设计、用户测试/研究。

具体内容如下：

1、研究界面

图形设计师Graphic UI designer

国内大部分UI工作者都是从事这个行业，是了解软件产品、致力于提高软件用户体验的产品外形设计师。

这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

2、人与界面

交互设计师interaction designer

在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。

交互设计师一般都是软件工程师背景居多，也有视觉设计师转行进入的。

3、研究人

用户测试/研究工程师User experience engineer

任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。

测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。

(1)ui设计课程扩展阅读：

UI设计原则：

1、简易性

界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。

2、用户语言

界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。

3、记忆负担最小化

人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

4、一致性

它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。

5、清楚

在视觉效果上便于理解和使用。

6、用户的熟悉程度

用户可通过已掌握的知识来使用界面，但不应超出一般常识。

7、从用户习惯考虑

想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。

通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。

8、排列

一个有序的界面能让用户轻松的使用。

9、安全性

用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

10、灵活性

简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。

11、人性化

高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。

UI设计都学什么课程，学习多久

随着“互联网+”时代带来的大发展，企业更加意识到用户界面的重要性，注重用设计思维来规划产品形态，对于UI设计师的需求也在不断加大。

招聘UI人才的企业不仅仅局限于互联网企业，越来越多的企业开始注重交互设计相关的人才投入，如金融、交通、零售等行业都在热招该类型的设计人才。而且随着工作经验的增加，薪资涨幅空间大，互联网岗位中低门槛、高晋升的岗位UI设计行业正在快速发展，未来的价值不断升高!

ui的学习主要分为以下几个阶段

第一阶段：软件基础

主要学习Photoshop、illustrator、CorelDRAW、InDesign、AfterEffects、Flash等软件应用，培养学员的工具技能，学习期间需要大师练习软件使用，熟能生巧才能学有所得，约2个月时间。学完此阶段可独立完成各类精品案例的模仿制作及初级创作水平，可从事设计助理相关工作岗位。

第二阶段：设计理论

主要学习广告原理、色彩构成原理、创意思维方法等理论基础，及常见的平面宣传品、品牌设计-CIS、书籍装帧、产品包装等商业案例手绘实战，培养学员设计理念及设计创意的养成，约1个月学习时间。学完此阶段可可独立完成从需求分析、创意构思、构图设计、方案解析的整套流程；可担任平面设计师、视觉设计师、淘宝美工等岗位。

第三阶段：全案实战

主要学习互联网产品的各生命周期用户需求分析、原型设计、交互说明、团队协调等阶段设计方案的策划、输出及管理，约2个月学习时间。学完此阶段能独立完成web前端网站设计制作、活动专题设计、APP原型及交互设计等方案制作，可从事网页设计师、交互设计师、UI设计师等岗位。

通过软件、理论和商业案例的实战，即可成功转型成为UI设计师，这是针对零基础学员的大致学习规划；如果有一定基础亦可选择性学习某一阶段课程，时间也会相应减少，大家根据自身现状合理安排学习计划即可。

UI设计有哪些课程内容

基础应用：ps ai xd ae 产品原型软件

基础技能：绘画，美术

行业了解，关于互联网，还有UI的一些历史，和变化

分析产品，学习交互

最后，做一个模拟项目。

做什么工作，都是和设计有关的，可以从事，美工、平面设计、品牌设计、插画师、UI设计、ue设计师

UI设计都学习哪些课程

UI课程设计，主要根据课程目的设置。我们的课程属于UI设计及产品经理高端课程体系。主要有：移动端的特殊视觉美化设计、逻辑设计 带来创造和挑战，动态交互 特效表现多面手、让设计完美落地、把握设计灵魂 站稳高端层。

UI设计有几个课程

你好，目前UI设计行业整体发展非常不错，许多企业都急需设计方面人才，相应设计岗位专需求也在属不断增强，正是学习的好时机。想要学好UI设计，需要掌握相应的技能。

如果你想要学UI设计，需要考虑自己是否有基础，市面上一般学习费用在2W左右，时间在4-6个月不等。如果你不知道到底怎么选择，千锋的很不错，你可以实际去看一看，听一听，让自己做出合适的决定。

UI设计的基础课程有哪些

UI设计的基础课程主要包括基础软件的部分。然后的话还需要学习一些关于原画的一些软件，还有一些交互方面的学习包括网页的app等等。

专业的UI设计课程 应该是哪些

这是ui设计主要课程，要是感兴趣的话可以了解一下：

第一阶段

1、广告文案书制作

2、计算机组装与维护

3、美术基础：素描

4、美术基础：水粉

第二阶段

1、矢量图形设计（CorelDRAW）

2、广告摄影

3、矢量插图设计（Illustrator）

4、图像处理设计基础（Photoshop）

5、应用文写作

6、构成基础：平面构成

7、色彩构成、立体构成

第三阶段

1、图像处理高级技法

2、平面设计典型实例

3、InDesign图文设计

4、广告材料及工艺

5、包装设计

6、招贴设计

7、商业广告视频剪辑

第四阶段

1、Dreamweaver网页设计

2、Flas *** 设计与制作

3、HTML5+CSS3

4、网页美工设计典型商业案例

5、商城网站广告美化

6、网店装修

7、产品可视化包装

ui设计主要学习什么课程

ui设计主要学习： Photoshop，Illustrator，After Effects，Axure RP 8。

简称，PS，AI，AE，ARP 软件。

PS 主要用于制作 UI 设计中界面和图标设计，也可以对 UI 中的一些广告页进行设计。

AI 主要用于制作 UI 设计中的图标设计，也可以对 UI 中的一些引导页的插画图进行设计。

AE 主要用于制作 UI 设计中的交互动效，在现今的 UI 产品中很多都是需要用动效的。

ARP 主要用于制作 UI 设计中的原型图，线框图，流程图的设计。

新媒体UI设计主要学习哪些课程

主要学习illustrator图形设计，cdr图形设计，Photoshop图像处理，UI手绘图标，UI标志设计，UI InDesign图文设计等。

UI设计课程有哪些

产品研发流程和规范产品经理初入门--策划应用美术，tt技术的实现方式与流程Axure初级应用，Axure高级应用，互联网营销，商业实战，移动端设计规范，PC端设计规范

产品策划，功能设计，交互设计，Axure(快速原型设计工具)原型

Fireworks制图,MUGEDA（可视化新闻交互与跨媒体）,HTML+CSS

微信、微博运营，产品、用户分析，活动策划，文案策划，自媒体运营、社会化媒体推广

就这些吧，基本都包含了

说到这个界面设计，其实非常好理解，因为我们每天都在使用。我们手机里面的APP软件，QQ和微信的界面图标设计都属于UI设计师的工作内容

移动端互联网时代，每位同学都有一部智能手机，手机里面看APP界面图标，我们可以称为用户界面，也就是我说的UI设计。简单的来说，UI设计师就是负责设计这些在电子屏幕上显示的产品，（包括游戏UI，网页端，手机，以及目前比较火的VR,AR，其他设备端等）

比如微信界面、里面的图标 文字 图片整个操作点击 都属于UI设计师要设计的范畴。所以UI设计一直存在于我们的生活！

UI设计起源于美国硅谷，UI设计是2012年由硅谷传入中国，UI设计随着互联网行业的兴起和智能手机的普及而火的一发不可收拾。

UI设计是最近几年在国内火起来的，目前UI设计师的平均薪资是国内设计界薪资最高的行业，在北上广深杭这些一线城市UI设计师的平均薪资1万以上。从薪资不难看出UI设计这个行业目前在国内真的很火。

UI设计师需要做的工作有，APP界面图标设计，视觉设计，运营插画设计，交互动效设计，原型图设计，平面设计，小程序设计等。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

UI设计按行业一般分为4种行业

分别是移动端UI设计，PC端UI设计，游戏端UI设计，以及其它端UI设计。

第一种：移动端UI设计

那么什么叫移动端UI设计呢，移动端UI设计就是手机平板上的APP设计，比如微信聊天界面，QQ聊天界面，手机桌面，手机上看到的所有图标界面点了后会有反应的我们都可以理解成移动端UI设计。

那么我们来讲解一下移动端UI设计师的工作内容有哪些？移动端UI设计师的工作就是我们的APP界面图标文字按钮等，这一块就是我们移动端UI设计师要做的工作，要做好这份工作的话我们需要学习的东西有很多，比如说要懂理论，要懂用什么颜色，要用什么字体，要用什么版试这些都是需要学习的，看似简单的一个设计往往来说难度性都挺高的，并没有看上去那么简单。不然现在的UI设计师的工资也不会这么高了。

第二种：PC端UI设计

PC端UI设计就是我们电脑上的软件和网页按钮，比如电脑版的QQ，微信，电脑管家和网页的一些按钮图标等都属于PC端UI设计。

其实移动端UI设计和PC端UI设计是差不多的，只不过平台不一样。PC端的载休是电脑，移动端的载体是手机。

第三种游戏UI设计

那么什么是游戏端UI设计咧？比如王者荣耀，英雄联盟和一些其它游戏中的登录界面、都是属于游戏端UI设计。

目前游戏端UI设计在近几年发展并以前没有那么好了，主要是因为现在腾讯网易这些大公司已经把游戏的市场站领了，其它的都是一些小公司，所以这个行业发展没有之前那么好了。而且游戏UI对美术基础要求也比较高。

这就是类似游戏的界面，这里面的按钮就是游戏UI设计师用手绘板画出来的，做这个工作的话必需要有美术基础，大公司还要求科班出身，所以这个工作也是比较累的，所以我建议大家做UI工作的话可以选择移动端UI设计，因为目前移动端UI设计比较火。

第四种：其它UI设计

最后一种就是其它端UI设计，像VR界面、AR界面、银行取款机界面、这些都属于其它端UI设计，其它端UI设计用户较少，但又需要，未来有可能很火，有可能保持现状。

UI设计是什么？当年轻人谈到高薪职业时，UI设计可谓是近几年年行业的领军人物。引起许多年轻人的拥戴，甚至跃跃欲试要加入。可以说UI设计应用的领域非常广泛，发展空间有目共睹的。尽管很多人听说过但是学习UI需要学习哪些软件?UI设计主要做什么?下面AAA教育胡老师就给大家来介绍一下UI设计是什么要学习哪些软件?

1.什么是UI设计?

1.1 在《百度百科》中是这样解释的。UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

1.2 我就给大家介绍一下UI设计是什么?UI一词是User Interface(用户界面)的简称，是指对软件的人机交互、用户体验、操作逻辑、界面美观的整体设计。简单来说就是产品和用户之间的一座桥梁通过设计给用户很强的视觉引导用户。UI设计的前身就是平面设计、网页设计。在原来专业的基础之上加入了一些人机交互的逻辑、控件的应用、组件的状态设计等内容。随着互联网发展的精细化延伸出来的新专业。