苹果用户体验:几张动图带你直观设计背后的简单原则_第1页
苹果用户体验:几张动图带你直观设计背后的简单原则_第2页
苹果用户体验:几张动图带你直观设计背后的简单原则_第3页
苹果用户体验:几张动图带你直观设计背后的简单原则_第4页
苹果用户体验:几张动图带你直观设计背后的简单原则_第5页
已阅读5页,还剩11页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、苹果用户体验:几张动图带你直观设计背后的简单原则今天的苹果手机拥有十亿用户。苹果是这个世界上最有价值的企业,虽然有很多不同的原因使得它成为拥有 2 万亿市值的第一公司,设计始终是其中最强大的原因之一。Steve Jobs 对此有一个绝妙的形容:我们是一家设计公司,只是刚好做的是电脑产业。是什么使得苹果设计如此的简洁又令人赞叹?他们的设计来源于现实生活,我们和手机的交互正如我们在现实生活中所做的一样。就像是真实的世界中一样,当你通过数码产品导航的时候,人们需要知道自己现在在哪里,到目的地的路怎么走,以及选择什么样的交通工具。这就是为什么各部分之间应该有清晰的空间逻辑。一、流畅的操作感意味着它在隐

2、喻着物理世界打开 IOS 的文件夹就像是在现实世界打开了一个盒子。“扩展”的动画效果代指着打开文件夹的后续行为:就像是我们在现实生活中打开了一个文件夹并把它拿到眼前去查看里面的东西。在IOS上打开APP二、人们有时候也需要接触一些物理世界不存在的数字原生操作方式举个例子,IOS 用户经常打开列表来推入下一个页面或点击底部的按钮来查看另一个页面。操作这些按钮在物理世界中并没有对应的行为,但是在成百上千次重复中用户习惯了这个操作。作为设计师,我们应该尽量的使用同样的设计语言以方便用户认知。打开一个列表单元格点击TAP栏三、清晰的空间逻辑使用户更顺畅的使用产品这里对通过向下滑动页面以到达 IOS 通

3、知中心以及安卓控制中心进行了比较。在 IOS 系统里,通知中心页面和启动页面之间的空间逻辑关系是非常直接的。通知中心页面在启动页面的上方,在滑动的过程中,手势和屏幕的移动是同步的。因为这里含有物理世界的隐喻,因此我们可以非常直观的理解。在iOS上向下滑动以获得通知屏幕对比来看,类似的操作在安卓上就不是那么的清晰了。在屏幕上的任何地方向下拉,启动页会先进入一个白色的蒙层,物理世界中不会发生这样的事情。操作页面,黑色背景和白色蒙层之间的空间逻辑关系无法通过视觉表达清晰的说明。他们是在同一个层级?或者说黑色背景是放在下方的?对比而言,IOS 中通过对上方层级的模糊玻璃效果清晰的对这种空间层级关系进行

4、了说明。用户当然可以通过多次重复使用习惯这种操作,但是缺少空间逻辑容易造成认知失调。像这样的细微处的操作困难会使产品感觉不那么流畅,因此质量也较差。在安卓上向下滑动控制中心四、流畅的动效在建立空间逻辑和提升产品质量方面也发挥着巨大作用让我们看看在 IOS 里开启和关闭软件的动效。当打开一个软件,软件图标扩大并逐渐消失,软件界面则在用户面前渐出并逐渐占据整个屏幕。这个动效告诉用户这个软件在手机界面上的存在空间逻辑:这个软件存在于这个 icon 内部。关闭软件的动效就像是开启动效的镜像效果,就如同用户所期待的一般,软件界面缩回成了原本icon的样子。在IOS上打开和关闭APP在IOS上打开和关闭一个应用程序的速度变慢

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论