作为一名新手UI设计师,你是否有在工作学习时被对方的一句专业术语说得一脸茫然的经历?Pixso今天内助化身科普小达人,为大家收集了一些UI设计以及和它相关的交互设计、用户体验等领域的专业术语。希望能帮助新入门的UI设计师们更快捋清UI设计的工作内容,朝着专业UI设计师的方向前进!

UI技术术语

UI技术术语UI

User Interface,用户界面,其设计主要包括视觉设计、交互设计和用户体验三个部分。用户界面设计包括产品的外观和感觉、呈现方式和交互性。用户界面是用户与数字设备或产品之间的交互点——例如智能手机上的触摸屏,或用于从咖啡机中选择所需咖啡种类的触摸板。UI设计师会考虑图标和按钮、排版和配色方案、间距、图像和响应式设计。

UX

User Experience,用户体验,顾名思义是指以用户体验为中心的设计。UX设计的最终目的是为用户创造简单、高效、相关、全方位的愉悦体验。提供出色用户体验的产品在设计时不仅要考虑产品的消费或使用,还要考虑获取、拥有甚至故障排除的整个过程。(戳此参阅:每个设计师都需要知道的5个UX术语)

交互

交互设计是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。

用户流

用户流是用户所遵循的软件或网页执行路径可以视作是用户在浏览软件或网页所经历的一个个迷你旅程。用户流不一定是线性的,还可以有分支。

响应式设计

就是页面布局可以响应不同尺寸屏幕的设计方法,响应式设计往往用于网页设计中。

自适应设计

在自适应设计中,为每个设备的屏幕创建不同的网站布局。(戳此参阅:响应式设计与自适应网页设计)

A/B 测试

一种比较产品或服务的A、B两个版本,用以评估哪个版本更成功的方法。

可访问性

服务或产品是否可以被所有人使用,无论用户身处的情况如何。

卡片分类

参与者将信息组织成逻辑组以帮助确定信息架构的会话。

最终用户

购买完成后,使用成品或服务的人。

人机交互

研究计算机技术设计和人机交互的领域。

信息架构

信息的结构设计,使其更易于理解。

样机

最终网页或应用程序外观的真实视觉模型。

角色

理想客户的虚构代表,可帮助你了解他们的需求、目标和行为。

原型

用于测试和收集反馈的最终产品的样本或模拟样式。原型是最终产品的轮廓,用于产品发布前的测试。原型分为低保真原型和高保真原型,保真原型展示了设计外观的基本草图。另一方面,高级原型向草图添加了更多的细节,高保真原型是一种以计算机为基础并且与产品的最终样式极其相似的高交互设计展示。(戳此参阅:不是你学不会原型制作,而是你没有找到好用的工具!)

用户流程

描绘用户在使用产品或服务时所采取的每个步骤的图表。

线框图

线框图是产品、应用程序或网站设计的框架。线框图的目的是布局页面的功能和内容,显示设计元素在屏幕上的位置。线框图是在原型创建之前的早期开发阶段制作的,目的是在添加任何设计元素之前建立页面的基本结构。(戳此参阅:什么是线框图,五步搞定线框原稿)

数据可视化

数据可视化是将信息或数据转换为视觉上下文的概念,使数据更容易、更快速地被大脑理解。这涉及以人脑可以从中提取见解的方式呈现信息或数据,从而更容易识别大型数据集中的模式和趋势。(戳此参阅:最常用的数据可视化形式,都在这里了) 

设计冲刺

设计冲刺是一个为期五天的流程,通过设计、原型和用户测试来解决关键业务问题。设计冲刺讲究快速且高效地验证某一个想法/功能并寻找最佳解决方案。它时间周期短、目的性强,适用于产品开发的任何时期。(戳此参阅:产品设计中如何有效利用设计冲刺) 

UI技能术语

UI技能术语设计布局

通过对视觉元素进行排列组合来创造一个层次分明的整体呈现。(戳此参阅:排版宝典!4个设计技巧教你轻松搞定UI文字排版)

网络布局

栅格是由一组组横竖相交的线将屏幕分割为若干的行和列,这些行和列支撑起了页面的主体结构,并确保元素间的距离有规律可循。

负空间

留白,设计元素周围的空白区域。

信息层级

信息的重要程度分级。

设计心理学

阐述人脑对于整体与部分的认知关系。(戳此参阅:设计师不得不知道的3个设计心理学原理)

亲密

两个视觉元素之间的物理距离相互靠近。

复用

在一个页面布局多次使用某一个视觉元素。

对比

强化不同视觉元素之间的差异感来建立鲜明的视觉层级,从而有效地突出目标信息。

对齐

将视觉元素按照某一条参考线进行排列。

CMYK

彩色印刷色彩模式。

RGB

显示器时的色彩模式。

混合模式

调整RGB数值,让顶部图层与底部图层进行颜色混合。

色相

颜色的不同种类。

明度

在颜色中添加白色使其变淡。

阴影

添加黑色使颜色变深。(戳此参阅:利用阴影和模糊效果打造层次感,让你的设计更逼真) 

饱和度

颜色中的灰色含量

衬线字体

衬线指在文字主体的起止位置有不同粗细的边角装饰,衬线又被称为字脚。

等宽字体

指拥有固定宽度的字符集。

比例字体

每个字母宽度按一定比例自动调整。

以上就是新手UI设计师必须要知道的38个专业术语,除了了解概念之外,使用一款能快速上手的设计工具进行练习也非常重要!现在支持UI设计的软件有很多但很多设计工具软件功能全面却复杂,想要快速上手并不容易

强烈推荐你使用Pixso,这是一款专为国内产研设团队量身打造的在线协同工具。无论你是作为UI设计的新手还是老手,从旧软件转移到Pixso来,真的零成本!Pixso对比传统设计软件,具备在线设计、实时协作、一键交付、原生中文与设计资源丰富等优势。(戳此参阅:如何评估团队协作的设计工具,教你用一套标准流程选择合适的设计工具。)

UI设计工具Pixso