专栏名称: 彩云译设计
彩云,一个涉猎广泛,爱学习和思考,还很能坚持的人。10年以上技术+设计师,前鹅厂高级设计师,目前专注在XR设计领域。
目录
相关文章推荐
全网快资讯  ·  元宵节的20句祝福语,句句暖心! ·  昨天  
响水零距离公司  ·  响水年后新岗热招!月薪5000+交五险 ... ·  3 天前  
51好读  ›  专栏  ›  彩云译设计

苹果全新的设计语言

彩云译设计  · 公众号  ·  · 2024-07-15 08:06

正文

戳蓝字“彩云译设计”关注我哦!


近期vision pro在国内上市,销售冷淡,预期悲观,大家似乎都不大看好这个领域,觉得连苹果都玩不动XR,这个领域似乎也就到头了。但其实苹果对这个凝聚人类顶尖技术的佩戴设备寄予厚望,也以实际行动在逐步推进它所勾画的未来。在设计上,通过不断迭代完善,并与其他终端的设计统一配合。
多年来,苹果一次又一次地彻底改变了行业。在用户界面方面,他们多次做到了这一点,如Lisa(个人计算)、iPhone(移动计算)、最近的Vison Pro(空间计算)以及其中的许多其他迭代。我想我们应该有共识,iOS 7的引入为过去十年的图形用户界面奠定了方向,但转变的时机就要到了。
用户界面应该让事情变得更好,同时看起来更漂亮。
我喜欢乔布斯的一句名言:
设计不仅仅是它的外观和感觉,设计是它的使用方式。 Design is not just what it looks like and feels like. Design is how it works.
我认为很多设计师可能忽略了一点,即最终目标实际上是解决问题。虽然美学在体验中扮演了重要角色,但它们绝不是全部。所以问题在于,要利用包括全新的空间计算时代在内的新机遇,下一个视觉语言的关键是什么?
串联设计细节。
如果你仔细观察,就会发现苹果在整个UI设计上一直在进行着细微的调整。虽然每个平台都有其局限性和优势,但新的设计原则应该能够在苹果的生态系统中无缝运行。受新平台Vision Pro的启发,iOS也发生了一些有趣的变化,我认为这就是它的发展方向。
iOS 17 系统中 iMessage 的发送选项。用到了圆形和胶囊造型的图标,也和vision pro中的图标造型进行了统一。
iOS 17健康应用中的心理健康功能,在其中增加了空间感和质感设计,通过造型和颜色的变化,反映人的情绪。冷色+尖锐的造型代表不愉快,暖色+圆润的造型代表了愉快。质感上也和vision pro进行了统一,通过层叠的动态设计营造出了一定的空间感。
iOS 17的来电屏幕,能展示联系人海报,这和vision pro上想打造的临场感进行了关联。
沉浸感,真实感与动画的结合。
我可以将其分解为这三个主要原则。随着空间计算机的兴起,需要进行一些关键性的改变。多年来,我们受到屏幕的限制,所有内容都呈现在2D环境中。因此,作为设计师,我们实际上并不需要担心空间、深度、物理等因素,然而这些因素在我们生活的3D世界中起着巨大的作用。它们只是增加了新体验的层次。有了空间计算机,用户界面就有无数的可能性来解锁新的体验。
1)沉浸
以这个为例。在一个天气应用中,之前你需要直视一个二维界面,现在你却能真正站在雪地里查看天气。雪花可以落在你的手中。我的意思是,仅仅是想象一下就让我激动不已。
这个想法很可能不是由苹果来做,但苹果提供了这样的技术能力,给了第三方开发者足够的想象空间。
除了上面这个例子外,我还根据新的原则重新设计了设置,以便让你更清楚地了解我认为它将如何转变。

iOS 17 设置页面

iOS 18 设置页面

iOS 18 主页面概念设计
2)真实感
就像我们生活的世界一样,Vision OS中的一切都有物理特性。它有深度,阴影,反射和更多的拥抱现实。我认为我们的2D UI也是如此。事实上,我认为这是我们看到一种新的拟物化形式回归并变得流行的原因之一。同样的原则也适用。我认为iPhone 15 Pro的快捷按钮设置就是一个很好的例子。

iPhone 15 Pro的快捷设置按钮
3)全新复杂的动画层次
灵动岛是一个深刻的想法,它很好地将硬件挑战转化为软件优势。我认为我们只有在苹果身上才能看到这样的想法。除此之外,动画非常流畅,并且以“神奇”的方式具有准确的物理效果。我们在iOS 17上看到了很多这种模式。灵动岛中的美丽Shazam动画、AirDrop等等。
只有当趋势开启了巨大的新可能性,真正解决了问题,让人感觉更人性化时,它们才会成为标准。
我们正处于一个新时代的边缘,设计师应该开始更多地学习3D图形知识和环境设计,真正地思考“跳出框框”和运动交互,同时始终保持解决问题的方法为核心。






请到「今天看啥」查看全文