作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
Kayode Osinusi
验证专家 在设计
10 的经验

Kayode是一位拥有丰富经验的设计师,带领创意团队,帮助初创公司在电子商务等行业建立和推出成功的数字产品, 金融, 和娱乐.

以前的角色

首席设计师

以前在

InVision
分享

新形态设计是一种视觉趋势,它已经获得了UI设计师的青睐,并成为当代软件的流行美学选择, 网站, 移动应用程序. 绘画方面的photorealism和3D设计, 新形态将模拟的物理属性——比如阴影和纹理——引入数字界面. 为了充分理解无形设计的影响,让我们来看看它的起源.

无形态设计的起源

当苹果公司在1984年发布麦金塔电脑时, 它是第一台带有图形用户界面的个人电脑. 当时, 苹果联合创始人史蒂夫·乔布斯认为熟悉的图标和符号, 比如垃圾桶或文件夹, 能帮助第一次使用电脑的用户更好地理解如何浏览麦金塔的界面吗. 乔布斯于1985年离开苹果,但1997年回归后,他将公司的UI美学转向 skeuomorphism一种风格,在这种风格中,接口组件精确到细节地反映了它们在现实世界中的对应部分. 到2001年Mac OS X发布的时候, 苹果公司已经开发了一套完整的拟物化系统,名为aqua——一种以水为主题的设计语言,带有闪闪发光的图标, 按钮, 下拉菜单.

随着2007年iPhone的推出,苹果的拟物化品牌变得更加逼真. 到2010年代初,拟物化设计成为数字界面的实际选择. 但随着世界越来越依赖移动设备, 拟物化的局限性变得清晰起来:创建拟物化的设计组件是时间密集的,并且需要高度的技术能力. 虽然拟物化组件在桌面和主屏幕上看起来很棒, 当缩放到小尺寸时,它们的精细细节往往会消失.

与拟物化的现实渐变和纹理形成鲜明对比, 2010年代中期,扁平化设计被广泛采用, 数字时代对60年代极简主义的重新诠释. 平面设计剥离了界面的所有元素,只保留了最基本的元素——线条, 形状, 颜色使其成为一种快速而高度灵活的风格,非常适合希望系统化设计语言的大公司.

几年来, 拟物化对设计师来说是一种诅咒, 但从它的灰烬中, 一种新的趋势日益突出. 2019年末, 新拟物化(“新拟物化”的简称)出现了,似乎提供了其前辈的最好的东西. 在超现实主义和极简主义之间取得平衡, 非纯态使用颜色, 纹理, 阴影在某种程度上感觉真实的生活,而不是过度的细节.

Neumorphism 101

无形设计有三个共同特点:单色配色方案, 低对比度, 和微妙的阴影. UI设计人员 是否能够将这些特征应用到广泛的设计组件中,表现出非对称的软美学. 让我们以一个计算器应用程序为例,看看无形设计是如何工作的:

(Justinmind)

在拟物化设计中, 计算器用渐变和高亮渲染, 它的调色板有助于区分前景和背景. 它的外观和功能就像你办公室里随处可见的计算器. 同样的计算器的平面设计版本放弃了拟形主义的具象渲染技术,并依靠形状和颜色块来区分其各个部分.

新形态设计借鉴了拟形体和平面设计,将单色调色板与微妙的阴影搭配在一起,使计算器的按钮看起来有触感. 前景和背景之间的对比度降低给计算器一个柔和的完成, 整体效果是一种简化的现实主义.

无形设计的例子

既然你已经知道了它的独特属性,你就会发现它无处不在. 事实上, 不同行业的UI设计师,比如汽车行业, 娱乐, 医疗保健, 金融界一直在重新构想具有非对称特征的界面组件:

(加夫里索夫·德米特里,特斯拉概念车)

(Alexander Plyuto, Radio Player Concept)

(Vadim Demenko, Kettle App Concept)

(philip Legierski, Bank App Concept)

无形设计的利弊

所有的设计趋势都有优点和缺点. 深思熟虑地使用, 趋势有能力为可预测的设计模式注入新的生命, 但是,当趋势被强行应用于不为用户服务的应用程序时,问题就出现了. 让我们来探讨气压设计的利弊,以更好地理解它的实用性.

优点

因为非对称的设计在视觉上很简单, 它是数码产品的理想选择, 它们通常由几十个组成, 如果不是几百个, 屏幕和设计组件. 在数字产品设计中, 简单有几个好处:它使设计师更容易创造出美学上有凝聚力的体验——不管产品有多少屏幕. 它加速了概念化、构建、测试和迭代新屏幕的过程. 它还可以帮助设计师在产品发展的过程中保持视觉上的一致性.

除了它的简单, neumorphism的UI组件看起来更有触感,可能有助于向用户表示交互性.

缺点

虽然新形态是一种流行和广泛使用的趋势,但它确实伴随着 可访问性 担忧. 如果设计师选择使用严格单色的非对称元素, 它们可能会给有色盲等视觉障碍的人带来问题. 另外, Neumorphism依赖于低对比度来实现其柔和的外观,这可能会妨碍可读性,并使用户难以识别按钮, 图标, 形式, 以及其他重要的界面特性.

无形态设计是永恒的

在实现时考虑到用户的需求(和可访问性), 新形态是应用程序和网站的一个视觉上引人注目的UI设计选项. 它低调的阴影和柔软的纹理给UI组件一种温暖,邀请互动. 在设计界, 风格来来去去, 但无形态的简单性和触感使它很适合经受时间的考验.

聘请Toptal这方面的专家.
现在雇佣
Kayode Osinusi

Kayode Osinusi

验证专家 在设计
10 的经验

拉各斯,尼日利亚

2019年12月24日成为会员

作者简介

Kayode是一位拥有丰富经验的设计师,带领创意团队,帮助初创公司在电子商务等行业建立和推出成功的数字产品, 金融, 和娱乐.

作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

以前的角色

首席设计师

以前在

InVision

世界级的文章,每周发一次.

输入您的电子邮件,即表示您同意我们的 隐私政策.

世界级的文章,每周发一次.

输入您的电子邮件,即表示您同意我们的 隐私政策.

Toptal设计师

加入总冠军® 社区.