搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > RaDesign > 设计师可以从iOS 14和MacOS Big Sur中学到什么?

设计师可以从iOS 14和MacOS Big Sur中学到什么?

RaDesign 2020-06-29

随着iOS 14和MacOS Big Sur的推出,我们见证了UI Design的下一个重要事件。虽然这次改变并不像7年前的iOS那样的具有革命性的升级,但毫无疑问是,这次改变呈现了UI设计未来的趋势…


设计师可以从iOS 14和MacOS Big Sur中学到什么?


扁平设计不再是趋势

首先我们要弄清楚 - 简约并不意味着扁平。有些人倾向于将这些术语理解为简单的和平面的。新的Apple操作系统依旧保持极简主义,但是它们的外观增加了更多的阴影、纹理和3D形状。


与苹果公司人机界面副总裁Alan Dye说的一样:“深度、阴影和半透明用于创建层次结构。这种新的形势丰富而且充满活力……”


Apple降低了视觉复杂性,并使设计更加简约。有些元素看似比较扁平,但感觉却相反。iOS和macOS都为用户体验带来了更多的3D效果。


👋 提示,对于设计师:想想看,简约同样可以让你的设计获得更好的空间感,简约并不是简单。观察它们简单的效果(阴影,半透明)是如何建立视觉层次的。


设计师可以从iOS 14和MacOS Big Sur中学到什么?


新的微妙功能

人脑通常都需要一个提示来识别物体。我们倾向于将3d对象视为可交互的对象。这就是为什么许多按钮仍带有阴影的原因。


与此同时,动效是另外一条线索。苹果的设计师知道,MacOS工具栏图标去除了外围的形状。以此消除视觉的复杂性。但是,当用户在周围拖动光标时,他们的背景仍然会突出显示并鼓励他们按下操作。


最后一个明显的负担是颜色。苹果希望设计师使用颜色来使活动元素更加可见。此色调应反映品牌或产品的颜色。这样才能让用户立即在公司和应用程序之间建立关联性。


👋 提示,对于设计师:不要担心没有去强调所有选项。不是每个按钮都需要具有某些形状。当用户将鼠标悬停在其表面上时,它能够出现就行。或者尝试使用色彩,尽可能消除视觉上的复杂性。

设计师可以从iOS 14和MacOS Big Sur中学到什么?


设计师可以从iOS 14和MacOS Big Sur中学到什么?


制作数字材料

从Google的Material Design开始,向我们展示了数字纸的愿景,然后Microsoft引入了Fluent Design,它具有多种数字纹理的概念。苹果公司紧随其后,而且他们将其提升到了一个新的高度!


这是一个很好的决定,因为数字材料比原始像素正方形更令人愉悦。它们使用户界面更加人性化。


👋 提示,对于设计师:玩数字材料的概念。使用深度,阴影和半透明来创建视觉层次。如果您还不熟悉Material Design或Fluent Design System,请阅读他们的指南以了解概念。

设计师可以从iOS 14和MacOS Big Sur中学到什么?


设计师可以从iOS 14和MacOS Big Sur中学到什么?


微妙的效果营造出品质感

有些微小的细节会传达一些感受。您无法从模型或屏幕截图中看到它们的所有内容,因为其中的一些可能是微动画或声音(Big Sure引入了数十种新的、高品质的UI声音)。


设计师最主要看到的应该是下一代模糊效果 - 渐进式模糊。这是关于使用模糊不同的级别进行渐变而产生的效果,而不是将其隐藏在不透明度或阴影下。


👋 提示,对于设计师:看看新的操作系统中哪里以及它们是如何使用渐进模糊的。考虑一下如何将其应用到您的设计中。哪些设计工具现在可以达到这种效果?


“深度,阴影和半透明性用于创建层次结构。” – 艾伦·戴(Alan Dye)



设计师可以从iOS 14和MacOS Big Sur中学到什么?


图标中的新拟态

在过去的几年中,MacOS风格使应用程序图标扁平化,并以圆形为主要符号。这已经改变了。现在,大多数图标都具有“类似于iOS的形状”,但并非扁平。它是拟态的!


我个人认为,macOS中的许多新图标看起来都很漂亮。(新的图标继承了一部分新拟态的设计风格,虽然这种风格刚出来的时候并没有得到绝大部分设计师的认同,认为这是不可取的)


👋 提示,对于设计师:探索的新图标的奥秘。了解其他应用将要如何改变来迎合Big Sur 图标风格的感觉。考虑对某些元素使用3D形状。

设计师可以从iOS 14和MacOS Big Sur中学到什么?

设计师可以从iOS 14和MacOS Big Sur中学到什么?


使用小部件显示即时信息

iOS 14为小部件带来了全新的方法。它们将直接显示在主屏幕中。这些小部件在iPad OS上看起来几乎相同,并且与MacOS Big Sur上的新部件非常相似。


Apple建议我们将小部件集中在一个屏幕上。仅显示密切相关的信息,仅此而已。显示随时间变化的动态信息也是很重要的,这样你可以动态观察你需要获取的信息,小部件不应该仅仅是鼓励用户打开应用程序。


👋 提示,对于设计师:想让您的应用程序传达给用户的最重要的信息,这是小部件使用的基础。尝试了解在主屏幕中显示的小部件的尺寸(小,中和大)。记住,还有黑暗模式!

设计师可以从iOS 14和MacOS Big Sur中学到什么?


设计师可以从iOS 14和MacOS Big Sur中学到什么?


整体的生态系统方法

所有Apple Systems iOS,iPadOS,MacOS甚至WatchOS都可作为单个生态系统工作。他们具有相同的字体,图标和几乎相同的视觉样式。


一致性给用户以熟悉和自信的感觉。它建立了更多的信任并与品牌建立了更好的联系。


👋 提示,对于设计师:如果您正在创建一个全方位渠道的解决方案,适用于所有类型的设备,观察苹果应用程式如何通过平台的变化。在哪里保持一致性?在哪里进行更改?哪些功能已添加到不同的平台?


官方的《人机界面指南》始终是深入分析新样式和功能的最佳来源。随时在这里阅读它们:

  • macOS Big Sure准则(https://developer.apple.com/design/human-interface-guidelines/macos/overview/whats-new-in-macos/)

  • iOS 14-新增功能指南(https://developer.apple.com/design/whats-new/)


设计师可以从iOS 14和MacOS Big Sur中学到什么?

苹果推出了许多具有新的启发性的东西。尽管iOS 14中的小部件、渐进式模糊等为移动操作系统带来了很多新鲜体验,但是Big Sure彻底改变了我们使用Mac的方式。我们需要不仅要善于发现这些新的东西,更要熟悉并掌握它们,将它们更好的应用到我们自己的设计当中,慢慢消化并吸收。




感谢通读,希望文章对你有用。
本文已授权转载,原文作 者:Thalion
原文链接:https://uxdesign.cc/what-can-designers-learn-from-ios-14-and-macos-big-sur-bab6e188ba4e




历史文章推荐




  RaDesign  

_

加群 / 交流 / 合作

扫一扫添加哦


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《设计师可以从iOS 14和MacOS Big Sur中学到什么?》的版权归原作者「RaDesign」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注RaDesign微信公众号

RaDesign微信公众号:rddstudio

RaDesign

手机扫描上方二维码即可关注RaDesign微信公众号

RaDesign最新文章

精品公众号随机推荐

上一篇 >>

浅谈秒杀系统