第七章外传 用户界面设计.ppt

用户界面交互设计 1 确定应用运行的平台 分辨率，尺寸 操作方式 2 交互设计 用户操作习惯 目标人群 用户心理学 3 界面设计 布局 示意图 效果图 配色方案 应用引导 4 简约之美 5 UI设计几个原则 界面设计-效果图 界面设计-效果图 效果图：未开发完成之前对系统有个大致的了解 对示意图的具体化 考虑到画面的布局，切片，每一个图形元素的大小 用户界面交互设计 1 确定应用运行的平台 分辨率，尺寸 操作方式 2 交互设计 用户操作习惯 目标人群 用户心理学 3 界面设计 布局 示意图 效果图 配色方案 应用引导 4 简约之美 5 UI设计几个原则 界面设计-配色方案 根据目标人群的特性选择配色方案，不恰当会得到适得其反的效果 轻快 自然 现代 清爽 古典 华丽 动感 优雅 用户界面交互设计 1 确定应用运行的平台 分辨率，尺寸 操作方式 2 交互设计 用户操作习惯 目标人群 用户心理学 3 界面设计 布局 示意图 效果图 配色方案 应用引导 4 简约之美 5 UI设计几个原则 界面设计-应用引导 应用引导 简约之美 简约之美 人们希望一切都很简单，这样可以节约时间 简约之美 没有人喜欢去读厚厚的说明书 简约之美 但是目前外界环境的复杂多样，使得我们使用的产品功能日益复杂 简约之美 如何将一个应用设计得简约而不简单是每个设计师的梦想 简约之美 简约设计的4个原则 拿掉永远不会用到的功能 将不常用的功能隐藏起来 将功能分组管理起来 将一些功能放置到其他地方去体现 简约之美 简约之美 拿掉永远不会用到的功能 简约之美 将不常用的功能隐藏起来 简约之美 将功能分组管理起来 将最重要的功能放置在容易找到地方 将不同的功能按照逻辑分类管理起来 简约之美 将一些功能放置到其他地方去体现 简约之美 拿掉不必要的功能是一个很纠结的过程，因为结果可能和我们希望的不一样 一个每层都停的电梯会让用户觉得过程不可控 一个拿掉一些功能的遥控器让用户觉得陌生 简约之美 将不常用的功能隐藏起来，但是要让用户能找到它 简约之美 将功能分组管理起来 使用颜色，按钮大小，分栏等将不同突出出来 简约之美 将一些功能放置到其他地方去体现，体验可能会更好 简约之美 简约设计的4个原则 拿掉永远不会用到的功能 将不常用的功能隐藏起来 将功能分组管理起来 将一些功能放置到其他地方去体现 简约之美 简约设计的4大原则 拿掉永远不会用到的功能 将不常用的功能隐藏起来 将功能分组管理起来 将一些功能放置到其他地方去体现 简约之美 简约设计的4大原则 拿掉永远不会用到的功能 将不常用的功能隐藏起来 将功能分组管理起来 将一些功能放置到其他地方去体现 简约之美 简约设计的4大原则 拿掉永远不会用到的功能 将不常用的功能隐藏起来 将功能分组管理起来 将一些功能放置到其他地方去体现 简约之美 即使你化简或转移了系统的复杂性，但它仍然是复杂的 所谓简约是站在用户的角度上看的，他们的生活经验决定了他们认为这个系统是否够简单 不要花过多的心思去化简你的系统，要相信你的用户 UI设计的几个原则 了解你的用户 重用已有的UI 保持一致性 提供反馈 对用户宽容 提供更多的操作方式 对每个词语多考虑 保持简洁 导言 记得第一次打开PS的时候 打开windows Media Player的时候 看见这种遥控器的时候 我们不一定能设计出好的UI 但我们有一双识别美的眼睛 用户界面交互设计 1 确定应用运行的平台 分辨率，尺寸 操作方式 2 交互设计 用户操作习惯 目标人群 用户心理学 3 界面设计 布局 示意图 效果图 配色方案 应用引导 4 简约之美 5 UI设计几个原则 确定应用运行的平台 Apple iPhone- iPad 确定应用运行的平台 Android Android2.x-Android 3.x 用户界面交互设计 1 确定应用运行的平台 分辨率，尺寸 操作方式 2 交互设计 用户操作习惯 目标人群 用户心理学 3 界面设计 布局 示意图 效果图 配色方案 应用引导 4 简约之美 5 UI设计几个原则 确定应用运行的平台 为什么要开发不同的UI？ 方向（横屏，竖屏） 操作（单手，双手，左手，右手） 按键（食指，拇指） 控件（靠近下端，靠近两端） 确定应用运行的平台 确定应用运行的平台 试想一下将windows的Word搬到手机上来 选不中文字啊…… 太小，点不到啊……. 快捷键呢…… 操作方式 触摸 电阻 电容 键盘 鼠标 用户界面交互设计 1 确定应用运行的平台 分辨率，尺寸 操作方式 2 交互设计 用户操作习惯 目标人群 用户心理学 3 界面设计 布局 示意图 效果