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

Kayode Osinusi

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

专业知识

以前的角色

首席设计师

工作经验

10

以前在

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

位于 拉各斯,尼日利亚

成员自 2019年12月24日

作者简介

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

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

专业知识

以前的角色

首席设计师

工作经验

10

以前在

InVision

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

订阅意味着同意我们的 隐私政策

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

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.