如果你观看了前几周的苹果一年一度的全球开发者大会(WWDC),或者只是不经意地注意到苹果公司发布的一些公告,你可能会注意到一些新的东西——一些有点不和谐的东西。

全新发布的macOS版本,不再是X,而是新版本号:11。macOS 11(又名Big Sur)发布了大量的新功能,使其更接近于iphone和ipad上的iOS版本,但在图标和用户界面设计风格上似乎存在分歧。你可以将其归咎于一个叫做新拟态的风格,不管你喜不喜欢它,它都将成为UI设计的下一波浪潮。

新拟态在Design Twitter上已经流传了一小段时间,并且针对它的大多数反馈都是负面的。许多有根据的批评,主要来源于早期的新拟态设计实验关注设计的差异性,而不是实际的可用性。但如果你跳出我们当前看到的设计案例(这些通常是由专注于形式主义而非可用性的设计师创造的),而去看新拟态的基本概念,会发现新拟态中确实有一些概念相当令人兴奋并且是可持续的。这是一件还没有被完全意识到的事情。

新拟态实验的例子。Filip Legieski

归结起来,新拟态关注于光是如何在三维空间中移动的。

归结起来,新拟态关注于光是如何在三维空间中移动的。它的前身“拟物态”,通过模拟表面的纹理效果如扑克桌上的毛毡感或录音机的金属拉丝,在数字界面中创造真实感。这种设计风格的一个辅助方面是光(尽管尚不完善),光与所表示的材料发生了真实的相互作用。这就是为什么阴影和黑暗在这些早期界面中如此普遍的原因。

但是为拟物态设计时使用的光照和纹理模拟仍然相对简单:哪些对象表面光滑而哪些对象粗糙?哪些对象是透明的而哪些是不透明的?这些最终都是功利性地并且有些武断地选择。将新拟态风格与其前身-拟物态-的区别是新拟态聚焦在光本身、以及光是如何在一个纯净的数字空间中与各种物体交互的。新拟态中的光模拟更为复杂,主要关注来自一个物体的光如何影响另一个物体,或者物体本身的功能。

还记得这个小家伙么?Apple

早期引起非常多批评的设计案例通常是将白色的元素显示在白色的背景上,元素和背景的差异仅仅通过元素与光的相互作用而产生,来自顶部的光的反射和来自底部的阴影表明元素是在表面上升起的。在这种风格被广泛应用之前,还需要进行一些可用性改进,但这表明了拟物态风格无法实现的事情——一个超越单一对象的全局照明模式的概念,以及光对多个对象如何在一个世界中相互作用的说明。

Elena Zelova

向扁平化转变

在2010年代早期,为了支持扁平化设计而放弃了拟物化,这使得色彩和设计元素的工具更加广泛和富有表现力。不受物理世界的束缚,元素可以变成任何颜色,空间可以更好地利用。通过去除仅仅是为了表现物体的三维效果而存在的不必要的装饰,设计师可以自由地探索。

在扁平化设计为主流的近十年里,可用性和用户体验领域有了很多重大的发展。但随着时间的推移,基于物理的、二维的设计变得越来越不常见,人们总是会被物理性的重新引进而从而回归以及进一步研究三维设计。当你考虑将从扁平化设计中获得的经验带入更真实的环境时,对三维设计的重新研究就变得更加明智。于是时光开始倒转。

老旧的iOS 7系统?Apple

抛开批评不谈,新拟态有一个不可否认的特点,这也使得它如此吸引人。它看起来非常新颖。在过去的八年多的时间里,扁平化设计的核心“数字原生”外观及实现它的技术堆栈、页面和图层等概念已被人们所熟悉。新拟态与用户已经习惯的东西相距甚远,它确实感觉像是一种全新的语言。这种差异化非常有价值,特别是对于像Apple这样的公司而言,这次新发布是19年来首次尝试将其操作系统升级到新的编号版本。

iPhone于2007年发布,iOS 7的扁平化语言于2013年推出。它的基本外观和感觉比原始的拟物态的iPhone UI保留了更长的时间,并且仅做了微小地改动。新拟态提供了一种在不对设计语言进行重大修改的情况下,保持事物前进的方式(说实话,最基础的“落地版新拟物风格”就是添加阴影、表面发光和偶尔的3D元素;这很容易)。但是,当系统超越了简单的视觉效果时,当系统开始探索和利用光和物体组成的数字空间,从而使用户界面更易于理解、更平易近人和更美观时,新拟态风格才真正变得有趣。

慢慢地前进

所以为什么苹果的新设计看起来……有些糟糕?就如之前提到的,新拟态的概念框架现在还相对较新,并且在设计世界中有许多对它的抵制声音。长期以来,UI设计一直被那些喜欢创造不受实际可用性限制或不满足用户需求的设计假想方案的“创新设计师”所困扰,这导致了内部的争斗。一方面,概念设计的探索就是这样。另一方面,UI / UX设计在那些对成功和失败有非常具体的定义的设计领域中是独一无二的(有人会认为所有设计学科都需要严格的解释,这仅是Design™的本质,但这样认为的人是书呆子、是错误的)。

设计师可以“探索”是否应该将一个用户需要点击的按钮设置为不可见的,但是因为这样会导致用户不知如何操作,因此这个应用的设计会被认为是失败的。在界面设计领域中,样式上的实验很难和界面设计领域中的可用性相平衡,但这并不意味着它应该被完全抛弃。核心UX/UI设计师将几乎所有样式上的正式实验都贬为不必要的和投机的; 是几乎不可能存在于现实世界中的事情。

一些排斥新拟物态的原因来自于此,早期的深入探索集中于将新风格的最具辨识性的特点应用到用户界面的最显著的地方,导致的结果是一些地方打破了用户体验的必要设计原则。为了发展新拟态到达其应到的地方,我们需要将它一点点拆分并逐步地实现。从这个角度,苹果针对OS 11设计的全新设计系统似乎是这一解耦正在真实发生的第一个高调产物。苹果的新设计有新拟态风格的标志,特别是关注于所有图标上的非ui元素上使用的光的复杂交互。

与以往一样,第三方应用将比苹果更大胆、更快速地推动这一风格

在某些地方新拟态风格比其他地方执行的更加成功。在将受真正三维事物启发而设计的平面二维图标进行新拟态风格打造,效果会更加明显,因此这些新图标也更加成功。以信息图标为例,语音气泡的形象真实存在也深入人心,所以这个元素与光的交互是已知的。然而对于其他的一些更加抽象的元素,转换成三维的、与光相互作用的物体就不那么清晰了。这就是新拟物态风格开始崩溃的地方。

“照片”图标就是一个很好的例子。为了使它易于识别,仅对设计进行了少许改动,但为了使其与整体的拟态风格和谐相处,将一些阴影和外部发光效果应用到了另一种扁平化风格的图标样式上。这增加了图标的复杂性,但却没有将该图标转变为如同和套件中其他图标共生与在同一体系下的事物。苹果应用商店的图标比照片图标表现得好一些,但原理是一样的,即把一个为二维设计的线状艺术图标变成了真实的三维样式。为了让这样的设计变成值得设计人员演进的目标,就需要对新拟态风格进行更深刻的重新思考,哪些地方会造成用户的困惑。

显然,这些设计会随着时间的推移被逐渐修改,直到它们开始形成一个更有凝聚力的整体。当你回顾ios7的最初扁平化设计时,你会发现很多地方都很粗糙。新字体(The Helvetica Neue)太轻,整体的外观颜色由过于鲜亮。一点一点,ios的平面风格在不断演进并且变得更加精致。毫无疑问,苹果进军新拟态风格的尝试也将是如此。事实上,它想这一设计流派的转变为新拟态概念赋予了合理性,现在任何希望融入该设计风格的设计师都将充分利用苹果公司的新观念。

由于整个设计世界将不得不考虑新拟态风格,围绕该风格的可能性将会有爆炸性的发展,并且这种新的数字空间设计哲学如何能够合理地适用于用户界面设计和功能性将取得更大的突破。与以往一样,第三方应用将比苹果更大胆、更快速地推动这一风格——这也是我们将会真正开始解锁新拟态优势的时候。

此外,苹果可能会发布一个带有更好图标的更新版本。

作者Jack Koloskus是Input and The Outline的首席设计师。他喜欢植物、蘑菇(不属于植物的那种)、3D软件、以及设计网站。你可以在这里和他交流。

作者:Jack Koloskus翻译:二一同学审稿:afang原文链接:https://www.inputmag.com/design/apple-macos-big-sur-the-rise-of-neumorphism

欢迎关注我们的视频号

升级bigsur_苹果,Big Sur,新拟物化的兴起相关推荐

  1. 「新拟物化」过时了!此刻你最应该拥抱的是「玻璃拟物化」

    转自:优设(ID:uisdcer) 还记得今年年初大家追捧的 新拟物化(Neumorphism)风格嘛?这种风格最初在社交媒体上风靡,很大程度上,来源于资深设计师 Michal Malewicz 的文 ...

  2. Android 安卓实现Neumorphism(新拟物化)UI控件

    文章目录 效果图 第三方库支持 代码示例 引入第三方库 黑暗模式布局 明亮风格 文档说明(案例) 效果图 第三方库支持 Github:https://github.com/fornewid/neumo ...

  3. UI设计趋势中的新拟物化图标设计素材模板

    什么是拟物化呢? 就是光影关系几乎完全模仿实物,图标与实物几近相似. 拟物化图标优点,是容易识别,缺点是设计耗时. 拟物化图标分为设计拟物和交互拟物. 设计拟物就是设计与实物贴近的图标,交互拟物如在手 ...

  4. 升级bigsur_苹果最新的Big Sur更新导致大部分MacBook黑屏变砖!

    近期,在苹果官网,有不少用户反应在更新Mac Big Sur过程中,笔记本黑屏现象,导致更新失败,无法启动至桌面 在网上有很多投诉,有用户说通过重置nvram.重置SMC等方法,但是并不会解决问题. ...

  5. Neumorphism新拟物化控件设计灵感

    最近关于新拟物化的风太大,基本上设计圈的人是无人不知.尽管观点如此,我还是想为新拟物化这位诞生在不平凡 2020 年的新生儿稍稍正个身,它并非空穴来风,也并非完全在设计里面无法落地使用,相反如果合理加 ...

  6. 鸿蒙系统操作界面跟苹果很像,鸿蒙手机UI界面曝出!图标拟物化、操作逻辑近似苹果iOS13...

    原标题:鸿蒙手机UI界面曝出!图标拟物化.操作逻辑近似苹果iOS13 ​[IT爆料王-原创文章-具备版权效力]就在近日,笔者收到了网友的匿名私信,提供给笔者华为鸿蒙系统的UI界面截图,以及搭载鸿蒙系统 ...

  7. 从拟物化到扁平,再到Material Design

    Google I/O 2014提出Material Design,这段时间听到不少关于Material Design的解读,至此Google已经定位了自己的设计语言,我个人看来就是Android和iO ...

  8. macos big sur新体验:越来越像 iOS,17 个功能亮点非常实用

    macOS Big Sur已经更新到Beta8了,预计macos big sur正式版也即将个大家见面了,在使用macos big sur系统中,macOS Big Sur 都有哪些新变化,一起跟随小 ...

  9. macOS Big Sur怎么样?值得升级吗?Big Sur与Catalina的对比

    经过数月的微调,苹果终于在2020年11月发布了macOS 11.0 Big Sur.主要功能(如新的Safari)早就宣布了,粉丝以及反对者都有发言权.尽管如此,许多用户仍在问自己,macOS Bi ...

  10. 腾讯、抖音回应被判侵害用户信息;美团禁用支付宝;苹果称今年新iPhone将推迟数周发布 | EA周报...

    EA周报 2020年7月31日 每个星期7分钟,元宝带你喝一杯IT人的浓缩咖啡,了解天下事.掌握IT核心技术. 周报看点 1.北京互联网法院一审认定抖音侵害用户个人信息,抖音:会上诉 2.腾讯回应微信 ...

最新文章

  1. 《数据结构与算法分析:C语言描述》复习——第六章“排序”——基数排序
  2. mplus 软件_Mplus 8.3 Combo Version 多元统计分析软件(Win)
  3. 用maven搭建 testNG+PowerMock+Mockito测试框架
  4. SoundStream VS Lyra: 谷歌今年新推出的两款AI音频编解码器有何不同?
  5. 【Go API 开发实战 2】RESTful API 介绍
  6. 程序员找工作那点事儿
  7. 安装 Nexus——war版本
  8. Linux(3)--防火墙
  9. C#技术点--修改系统时间
  10. Equal-size partition problem
  11. android viewflipper 动画,Android ViewFlipper动画
  12. 声纹识别应用:除了人脸识别,声纹识别技术也能帮警察抓逃犯!
  13. 求最大公约数的MATLAB,matlab求最大公约数和最小公倍数
  14. 人工智能技术应用的领域主要有哪些?
  15. shell 脚本之 Function 功能的使用
  16. 【Auto Proxy】自研Go语言自动代理工具软件
  17. 【计算机毕业设计】251毕业论文管理系统设计与实现
  18. 半次元cos图片爬虫
  19. 孙溟㠭篆刻《无有中无尽藏》
  20. JVM 学习(2)—简单理解Java 四大引用(强、软、弱、虚)

热门文章

  1. Chrome 的小恐龙游戏,被我破解了
  2. 【分享360域名批量查询工具】
  3. js动态添加多个元素
  4. Python中迭代函数chain
  5. php的替换快捷键是什么,wps替换快捷键是什么
  6. java中文转英文_中文转换为英文
  7. js 异步 回调函数
  8. 虚拟机ubuntu与真实机实现实现复制粘贴、传输文件
  9. 将汉语转换成拼音,实现拼音和中文双重登录
  10. Hbase 过滤器详解