项目一 UI设计思维的初建.pdfVIP

UI体验设计实战

教学PPT

上海交通大学出版社

项目一UI设计思维的初建

1.1任务一建立UI设计基础认知

用户研究UserStudy）

01•研究如何提高产品的可用性

•发掘用户的潜在需求，为技术创新提

供新思路。

交互设计Interaction

02Design）

什么是UI设计研究产品交流过程中用户的心理模

式和行为模式，设计出合理的交互方式。

UI，即UserInterface的简称

u泛指系统和用户之间交互的媒介。用户界面UserInterface）

03

u实现信息内部形式与用户接受形式转用户界面设计是负责界面外观的

换的关键。关键所在。

1.1任务一建立UI设计基础认知

最初的界面可不这么友好，那时的界面还是命令行界面，CLI（Commandlineinterface）。计算机只

是被政府或大型机构使用，在普通人眼中是完全不能理解的存在。

命令行界面

1.1任务一建立UI设计基础认知

01移动UI设计03游戏UI设计

02PC端UI设计04其它UI设计

1.1任务一建立UI设计基础认知

移动UI设计：针对移动设备（手机、平板电脑、智能手表等）的界面设计。

1.1任务一建立UI设计基础认知

PC端UI设计：是针对电脑的界面设计。相对于移动UI设计，PC端屏幕尺寸大，设计规范较少，因此

界面的视觉效果更为突出。

1.1任务一建立UI设计基础认知

游戏UI设计：是指游戏界面设计。按平台分类，常见的游戏类型包括手游、端游和掌机游戏等。入门

要求较高，要求设计师有较高的美术基础和审美能力。

1.1任务一建立UI设计基础认知

其他UI设计：载体通常是一些小众或目前正处于发展阶段的智能设备，如车载设备、VR（虚拟现实

技术）设备、AR（增强现实技术）设备等。

车载界面

1.1任务一建立UI设计基础认知

（1）拟物化设计风格

顾名思义，就是设计者借助于现实生活中的实体设计，通过实物真实的触感和纹理真实地反映，增

加一些情感元素。

新拟态轻拟物

1.1任务一建立UI设计基础认知

（2）扁平化的设计风格

与拟物化设计风格相比，扁平化设计虽然没有那么强烈的视觉冲击，但是简洁的设计语言，精准的感知

定位，可以使用户的深度操作变得有序而明确。