加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

Apple 的设计哲学:UI 篇

发布时间:2019-12-17 08:23:21 所属栏目:创业 来源:做站长
导读:在上篇文章《Apple 的计划哲学 · 交互篇》中,我们谈到了 Apple 在交互层面缔造的一系列愉悦体验。此刻,我将继承分享苹果计划哲学的第二个部门「UI篇」。 凡是,硬件的外面仅仅是作为一种体验的容器存在,而软件用户界面(User Interface)的体验,则决

Apple 的计划哲学:UI 篇

转动内容& 多页内容

好比:左边有一列转动内容,你可以在底部裁剪掉半个笔墨,让人实行着去发明下面尚有更多的内容。假若有好几页内容,那就可以用页面指示物,来引导尚有其他几页内容。

Apple 的计划哲学:UI 篇

滑动窗口

对付滑动窗口内容,你可以用像这样的一个把手来体现它是可以被抓取并滑动的。

四、隐喻

好的计划是有雷同力的,隐喻 (Metaphors) 就是一种很好的方法,它同时也是 iOS 六大计划原则之一。

1. 时刻隐喻

许多人认为 UI,不就是颜色、间距那些对象吗,仿佛没什么可计划的。那我们且看,iOS 短信界面是怎么处理赏罚的:

  • 短信气泡的配景颜色是有深浅变革的,信息越早,颜色越淡。
  • 连发两条信息,它们上下的间矩是很小的,而且只有下面的信息气泡有角标。
  • 假如发送的隔断时刻长一点,短信的上下间距会变大。

Apple 的计划哲学:UI 篇

短信界面

苹果就这样通过颜色渐变、间距,完成了对时刻的隐喻。

2. 速率隐喻

苹果体系有一项“朗读屏幕”的成果,双指从屏幕顶部向下轻扫,即可呼出。将 iPhone 或 iPad 上的文档、网页或微信里的笔墨读出来,辅佐你将阅读变为朗读。

虽然,你也可以节制体系朗读的语速,Apple 很形象的将龟兔竞走的图标,隐喻在速率之上。当一个应用措施的假造界面是植根于认识的真实天下时,那么用户会进修的更快。

Apple 的计划哲学:UI 篇

龟兔竞走

五、装备同步

苹果的音频产物线有许多,诸如 Airpods、Airpods Pro、Beats Solo、HomePod、Powerbeats3,每一个都有各自的图标。不管你毗连哪个,城市同步表现详细装备。

好比,当你手机毗连了 AirPods Pro ,电话界面的音频喇叭 icon 会酿成 AirPods Pro 的 icon。其它,AirPlay 成果可以毗连多个扬声器,乃至新旧款的 iPhone 图标都有区分。

Apple 的计划哲学:UI 篇

AirPods Pro 图标& 全面屏iPhone图标

同样,假如你有 Powerbeats3 耳机,而且体系是最新的iOS 13。当你调理音量的时辰,喇叭 icon 同样会酿成 Powerbeats3 耳机图标。

Apple 的计划哲学:UI 篇

Powerbeats3 图标

六、San Francisco 字体的奥秘

旧金山字表此刻是 Apple 平台同一的尺度字体:被应用在 Apple Watch,iPhone,iPad和Mac上,代替了早年的 Helvetica Neue。

Apple 的计划哲学:UI 篇

冒号的居中对齐优化

新字体有些玄妙的变革,最让我印象深刻的是冒号「 : 」的表现方法。正常环境下,冒号是在基线上,视觉感知会偏下。但假如冒号是放在数字中间,体系会将它垂直居中对齐。

Apple 的计划哲学:UI 篇

标记的优化

除此之外,「#」标记中间的启齿是个非平行切口,这是特意被增大处理赏罚的。由于 # 的字号在缩小到必然水平的时辰,切口会难以辨认。以是视觉上必要更多的空缺,进步可读性。

七、非线性动画

用户体验有一个重要机能指标是:相应速率(Speed Index)。跟着硬件装备的不绝晋升,不行否定的是,此刻的 Android 启动速率比 iOS 更快,可是,苹果插手了许多非线性动画,以及不变的帧率示意,在流通度方面 iOS 更胜一筹。

Apple 的计划哲学:UI 篇

iOS 13暗中模式切换动画

表明下非线性动画,就是一开始很快,最后逐步慢下来。好比:打开恣意一个 App 的进程动画、键盘拉起时的刹时,以及 iOS 13 节制中心暗中模式快捷切换,这个icon 动画同样用了非线性。

Apple 的计划哲学:UI 篇

iOS 13静音开关动画

尚有一向被诟病的音量和静音调理,终于获得办理。原先的大 Toast 提醒会盖住当前内容,此刻改到居顶表现,并插手物理衰减铃铛动画,极为真实。

总结

在Apple 的界面视觉中,我们看到了各类隐喻和体现,我们看到了非线性动画带来的流通体验,我们看到了镌刻细节的进程。它是计划师不绝追求的对象,最终给用户泛起的是特殊礼遇般的的产物体验。

 

作者:阿洋;公家号:洋爷(ID:yangye365)网易资深视觉计划师,每周分享关于交互、产物、视觉上的思索,接待存眷交换。

本文素材来自互联网

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读