ui设计是什么UI的基本含义，你知道吗？我会简单跟大家科普

这是我的第02篇文章，全文2424字

每当介绍自己是Ui设计师的时候，很多人会问我什么是UI？

面试的时候，也经常会被问到你觉得UI是什么？

今天这篇文章我会简单跟大家科普一下到底什么是UI设计。

"UI的基本含义”

UI是User Interface的缩写，简称人机交互界面，我们常说的UI设计通常是指Graphic UI Design，简称GUI。

GUI是指对手机、电脑、平板、手表、音箱、车载系统等智能屏幕的界面设计。

另外我们还会经常听到以下一些词：

界面设计本身不是单独存在的，它有三个方面的内容：人、界面、人与界面的交互行为，他们的基本含义是：

在大公司里，以上三个方向是三个岗位：用户研究员、交互设计师、ui设计师，而在中小型公司，一般只有产品经理和ui设计师。

综上，简单总结来说，UI即界面。

"UI的分类”

对于UI的分类，网上有各种介绍的文章，以下是我的整理总结。

系统UI。

系统UI即操作系统的界面，它是伴随着计算机发展起来的。

如我们熟知的pc端的windows 98、windows xp、win 7、win10的界面，以及苹果的mac系统现在依然在不断的更新和迭代，这些界面设计由UI设计师来完成。

移动端的系统则有苹果手机的iOS系统、安卓系统、以前诺基亚的塞班系统、微软的wp系统等。

其中安卓系统因为是开源的，所以又是山头林立，如华为的emui、小米的miui、锤子手机的smartisan os、oppo和vivo的ColorOS、Funtouch 、一加手机的氢os。

他们的不同点从界面上来说就是图标、配色、样式的不同，以及交互、动效的差异，当然也有其他内核的差异，这里就不深入了。

应用UI。

应用UI可以理解成在各个系统上运行的软件界面，包括但不限于手机上的各种app、电脑上下载的各种软件。

招聘网站上常见的ui岗位，大多数就是做应用ui设计的。

比如设计开发一款像微信的即时聊天软件，一款视频播放器如爱奇艺、一款外卖软件如饿了么。

或者是为某些企业特殊定制的内部软件，如OA系统软件、物流管理、工程管理软件等。

他们同时会开发苹果版和安卓版，有些还要在苹果电脑、Windows等电脑上运行。

由于系统的差异，软件界面、视觉效果也有会有略微差异。

如上图，上面的是苹果版的微信，下面的是安卓版的微信，你发现有什么不一样的吗？

不过现在的设计语言在不断的融合，很多时候不需要做这么定制化的ui界面，可以一稿兼容。

以后的文章我会深入探讨这些。

移动端UI。

手机上的ui设计有以下几个方向：

PC端UI

电脑端的ui设计：

游戏UI

包括PC端大小型游戏，单机网游，各类手游，各种游戏的登录界面、操作界面、技能按钮、物品宝箱等的设计也属于ui的范畴。

其他智能终端

如火车站取票机、电影院购票机、车载系统等界面设计。

FUI

FUI又叫科幻界面(Fictional User Interfaces)，或者叫电影界面 (FilmUser Interfaces)，是科幻电影里我们见到的酷炫的未来科技界面，具备可操作的视角，如复联里钢铁侠的战甲视角。

"UI设计的基本内容是什么？”

上面从平台、功能上介绍了UI的分类，那么UI设计本身需要涉及的内容有哪些？

图形/图标设计

软件界面里的各种图标，如微信底部切换栏的四个图标，顶部的搜索图标、返回图标，朋友圈的点赞评论图标。

如淘宝京东首页酷炫的的功能入口图标。

每个应用里所有的图标，都需要ui设计师精心的绘制。

图标有拟物和扁平的分类ui设计是什么，有线性、面性、多色、渐变、等各种风格。

页面排版设计

应用里每一个我们看到的页面，都需要经过设计。

如微信好友列表页、朋友圈页面、消息聊天页。

购物时候的订单详情页，物流详情页等。后台管理系统的表单、表格页面，输入框等。

这些页面由图标、文字、及各种组件排版组合而成，涉及到色彩、平面、系统组件等内容。

每个页面的样式都需要设计出来，这样程序才能开发，最终给用户使用。

交互/动效设计

如果你仔细观察，页面之间的跳转是有动画效果的。

如微信从发现点击进入朋友圈，整个页面是从右往左切入的，这就是简单的交互动效。

比如淘宝的有些弹窗是从上面掉下来，关闭会从底部滑出去，有些则是从中间从小到大缓入，关闭则是从大到小缓出。

另一部分动效是元素动效，比如qq底部切换时，图标的微动效。

比如淘宝、京东首页的动态图标，比如抖音点赞的动画等等。

这些动画的效果、动画时间都需要设计师精细化的设计。

运营活动设计

运营可以简单理解成促销活动，如每年的双十一、刚过去的618等活动。

每年这个时候你会发现，淘宝京东等各种电商app页面风格的改版，见到各种活动详情页、海报等。

这些活动页面在有些公司由专门的运营设计师负责，有些则会由ui设计师制作。

与产品ui不同，运营ui需要更多的视觉冲击力。

插画设计

App的引导页，弹窗、banner、缺省页是插画使用频率最高的地方。

比如社交软件soul里的活动、头像，如知乎的很多海报、封面使用了插画。

当然和运营一样ui设计是什么，部分公司有专门的插画师，但很多公司则由ui设计师兼顾。

品牌ui设计

这里说的品牌ui不是说vi，而是在做设计时需要加入品牌的元素。

如颜色、logo、各种功能页面在设计时要加强品牌感。

比如问你微信的颜色、qq音乐的颜色、淘宝的颜色，你能很快就答上来。

这是因为在产品页面中，大量应用了品牌元素，如微信的按钮都是绿色，知乎的主色都是蓝色。

"总结”

简单总结一下今天的内容：

下期预告：UI设计需要掌握的基本技能有哪些？