Apple 的设计哲学 · 交互篇

您所在的位置:网站首页 苹果交互设计软件叫什么软件 Apple 的设计哲学 · 交互篇

Apple 的设计哲学 · 交互篇

2024-07-09 10:02:08| 来源: 网络整理| 查看: 265

Apple 的设计哲学 · 交互篇 11月 15, 2019 发表于: 交互设计. 评论 Sponsor

苹果是一家为数不多以设计驱动的公司。

如今,当我们谈论起产品设计、谈论起用户体验,总是离不开苹果,它所坚持的设计哲学是对细节和质量的极致追求。下面,我就带大家看看 Apple 在交互方面做的努力。

Apple 的设计哲学 · 交互篇

01. 动态的触控区域

Apple 为了解决在移动设备上输入本文的问题,采用了一种流畅并且对用户友好的解决方案:基于预测输入系统,扩大虚拟键盘的有效触控区域。

Apple 的设计哲学 · 交互篇

红色块为点击区域

例如,the 和 this 这两个单词。当你按下“th”的时候,系统预测下一个字母可能是 e 或 i,从而动态增加这两个字母的点击范围,以此提高输入的命中率。

当然,视觉上你看不到按钮尺寸的变化。指尖之上,一切都在无形之中。

02. 音效触觉反馈

在现实世界中,音效、触感和视觉能很自然的保持协调,因为三者之间有着很自然的关系。苹果在数字世界也极力保持着这种体验。

Apple 的设计哲学 · 交互篇

Taptic Engine 线性震动马达

得益于 Taptic Engine 线性震动马达,让 iPhone 有了触觉上的反馈。

– 闪光灯

iPhone X 锁屏上的闪光灯是一个非常高级别的触觉体验例子。手电筒图标会根据手指触碰的压力而变化,让你知道系统正在响应操作,同时也告诉你需要再用力些。

当力度一旦达到,系统会有个短震动,告诉你可以松手了,松手后还有一个成功的震动反馈。这像不像现实世界的老式拉线灯动作?

Apple 的设计哲学 · 交互篇

iPhone X 锁屏状态闪光灯

– 闹钟

另外,在闹钟应用中,当你调节轮盘时,会有持续的机械震动反馈,且音效是自行车链条转动的齿轮声。快速拨动轮盘时,视觉上还会有一个物理的惯性力,直到力竭停止。

Apple 的设计哲学 · 交互篇

闹钟应用

至此,音效、触感、视觉三者浑然一体,达到了精准的协同表现。

03. 终点与手势意图

在 FaceTime 视频通话中,屏幕角落有一个小的播放窗口代表着自己。这个浮动的小窗口,它就可以被移到屏幕任意的4个角落,这些角落叫做手势的终点。

Apple 的设计哲学 · 交互篇

滑动与拖动

你可以拖动浮窗到角落,但这样需要跨过半个屏幕,非常麻烦。

因此,苹果基于预测动量这一概念,捕获滑动的动量和速度。用户只需轻量级的滑动投掷,即可将浮窗到达预测位置。苹果把这个叫做,终点和手势意图一致。

04. 利用行为线索

苹果是如果教你使用手势交互的?

在 Safari 浏览器中,每个标签页的左上角都有个X图标,当你点击图标时,标签页会向左滑出,表示它被关闭了。这就暗示,除了点击图标,还可以采用左滑操作来关闭标签页。

Apple 的设计哲学 · 交互篇

Safari 浏览器

这就是通过行为动画线索,用其中一个方式去教另一个操作方式。

Apple 的设计哲学 · 交互篇

向上滑动解锁

05. 物理曲线动画

为什么苹果系统的过渡动画看起来很舒服?

因为苹果大量采用了现实世界的物理特性:惯性、弹性、重力、阻力。和触控一样,苹果把交互动画放在了极高的位置。

Apple 的设计哲学 · 交互篇

Apple Music

Apple Music 模态弹窗的动画曲线设计非常严谨。在屏幕底栏有个迷你播放器,点击它,可以查看播放详情。由于点击这一操作没有任何动量,所以苹果用了100%阻尼来确保它不会过冲。

但你如果下拉关闭模态弹窗时,向下的方向就有了动量,因此苹果用了80%阻尼来获得一些弹性和挤压。可以看到上面这个动画,最后底栏会有微弹效果。

06. 如无必要, 勿增实体

2017年,苹果发布了 iPhone X,由 Face ID 取代了 Touch ID,确立了新的人机交互解锁方式。

但刘海的工业设计,被用户疯狂吐槽。有没有别的办法呢?前苹果首席设计官乔纳森·艾维曾评价oppo的升降式摄像头设计:“这是一个好的 idea,但我们永远不会这么做”。确实,如无必要,勿增实体。这并不符合苹果公司追求简洁和一体化的设计理念。

Apple 的设计哲学 · 交互篇

Face ID 解锁

虽说丑,但 Face ID 还是有黑科技的。在刘海中有一颗红外摄像头,业界一般用850nm波长的,但这个波段很容易受阳光影响。那苹果是怎么解决的呢?

它收购了一家相机传感器公司 InVisage,这家公司的量子薄膜技术,可以让动态范围增加3倍,一举将红外摄像头的波长提升到了 940nm,这才让 iPhone 在强烈的太阳光下能够正常面容识别。

07. 重新定向

在使用设备中,用户的操作是一直在改变的,所以交互的中间过程,同样需要重新定向。

Apple 的设计哲学 · 交互篇

上滑与多任务后台

比如,在点开App的过程中,突然意识到我实际上想要打开多任务后台,这时交互手势是可以并行的,不必等到App完全打开,就可以向上滑动,这个过程就是重新定向。

即使已经进行了操作,也可改变意图,轻松取消操作,始终让界面掌控在用户的控制之下。

总结

当你需要的时候,它永远能及时响应。当你滑动操作时候,它永远能理解你的意图,并且给你最自然的触觉反馈。为用户创造一系列的愉悦体验,这也许就是苹果的设计哲学。

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com 交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。 赞助商链接 与 UE、UI、UI设计、UX、用户体验 相关的文章 双钻模型:提升设计思维,指导设计师更好产出正确的设计 双钻模型:提升设计思维,指导设计师更好产出正确的设计 从虚无到宇宙,梁宁产品课程精讲课件(高清版) 从虚无到宇宙,梁宁产品课程精讲课件(高清版) 电商中控Saas管理系统设计分享 – Line9 电商中控Saas管理系统设计分享 – Line9 UI界面中优质的文案细节,学习文案的设计艺术 UI界面中优质的文案细节,学习文案的设计艺术 淘宝APP改版,是因为被拼多多逼的? 淘宝APP改版,是因为被拼多多逼的? 图标设计进化论,跨越语言与文化的沟通桥梁 图标设计进化论,跨越语言与文化的沟通桥梁 赞助商链接 设计达人微信交流社区:shejidaren888 喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。 版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。 « 视觉错觉:对称的UI并非看上去的那样 如何在作品集中体现交互思维 » { 发表评论 } 点击这里取消回复。 推荐书籍 艺术的故事艺术与审美入门之书 DON'T MAKE ME THINK设计师必看 《移动应用UI设计模式》手机APP设计 《设计心理学 全四册》高阶技能! JavaScript权威指南(第5版)只能说牛X 《见微知著》Web用户体验入门书籍 最新文章 AI轻松搞定环保活动海报设计+3D图标(附Midjourney咒语) 6个让Midjourney角色保持一致性的技巧 免费开源手绘宝库:CocoMaterial,3200+张插图任你选! 可控性极高的Stable Diffusion详尽入门指南 大环境下设计师如何提升? 设计外包是一条艰辛的路,但可以创造两倍的收益 大神推荐 设计接单 免费AI抠图 PS/C4D/版式教程 设计导航 无广告AI搜索 100本设计书籍PDF PS网页版 精品素材 “” 标签AIGC AI教程 AI绘画 banner CSS3 illustrator教程 jQuery logo Midjourney photoshop photoshop教程 UE UI UI KIT UI素材 UI设计 UX 中文字体 创意 创意设计 图标 字体 字体设计 工具 平面设计 排版 插画 摄影 海报 海报设计 海报设计教程 版式设计 用户体验 笔刷 纹理 网页素材 网页设计 色彩搭配 色彩理论 英文字体 设计师 设计理论 设计趋势 设计风格 配色 赞助商


【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭