2021-08-19
3445
有一个网站和应用程序的设计趋势是如此微妙,你几乎看不到它。
软用户界面创建霜式或玻璃状模糊,其中元素下沉并从背景中突出,以创建不同级别的深度和维度。
将这种效果与更柔和、更柔和的调色板相结合,结果是一个光线“柔和”的界面,具有阴影深度和微妙的整体效果。
在这里,我们将通过例子来看看趋势。
什么是软UI?
软用户界面是对过去几年所有大胆的、面对面的设计的转变,这些设计以大胆的颜色、厚重的字体和强烈的对比度为特征。
软UI,也叫新形态,完全相反。这是一种不太戏剧化的风格,有更多柔和的颜色,更浅的排版风格,阴影和深度形成对比。结果是整体设计更加流畅。
除了视觉效果之外,软界面中的运动和动画也是平滑和无缝的。为了模仿视觉效果,动画往往更慢,也不那么戏剧化。
关键特征
在软UI设计中,你应该期待看到什么?主要特征包括:
单调调色板:基础调色板通常是灰色的,带有柔和的用户界面,但并不总是如此。
大而模糊的阴影表示具有点击/轻敲动作的元素或项目的分离。
边缘简单的圆角:在真正的软用户界面中没有尖锐的东西。
与设计的颜色和柔和度相匹配的统一图标集。
使用透明度、背景和高斯模糊去除元素的“边缘”。
较浅的字体。字体选项从坚固的石板转移到较轻的重量。
使用淡入淡出、渐变和带有细微变化的简单颜色模式。请注意,渐变和淡入淡出可以作为界面和背景的一部分出现,也可以出现在用户界面元素和图标中。
在亮暗模式之间切换的能力是软UI的一个关键元素。确保进行相应的设计。
屏幕和动画元素外观的真实感。用户界面应该有助于表示哪些项目是交互式的。
高分辨率设计元素让每个细节都很重要。软UI脱不了风格;高分辨率屏幕不会说谎。使这一趋势走到一起的是所有元素和风格的统一外观和感觉。
软用户界面并不适合所有人
软UI是一个有些争议的设计趋势。人们似乎喜欢它或讨厌它。
对一些平板用户界面纯粹主义者来说,对skeuomorphism的认同太多了。其他人指出对比和可及性的潜在问题。
对于一些用户来说,更单调的调色板也可能是难以承受的。从多种不同类型的颜色转变为单一颜色或少得多的颜色可能会在视觉上造成不和谐。(这可能是好事,也可能是坏事。)
新形态的微妙本质可能会带来一些关于可用性和转化率的问题。网站或应用程序访问者会知道如何处理该设计吗?(这在很大程度上取决于您的核心受众,因此这是设计过程中需要进行的相关对话。)
最后,软UI真的是个人喜好和品味的问题。如果一个设计对你或客户都不起作用,不要试图强迫它进入这个趋势。
如何利用软界面设计趋势
软用户界面似乎是目前最受欢迎的,有更多的应用风格的界面和仪表盘。这可能是真的,因为这些类型的项目中元素的性质。
软UI似乎最适合没有很多其他视觉元素的项目。这就是为什么它似乎最常见于应用程序和仪表板。
软UI实际上在设计和创建一致的界面方面相当复杂,尽管它看起来“很容易”这使得这项技术最适用于小型网站或应用程序,而不适用于有大量页面或移动部件的设计。
当试图找到使用软界面的方法和位置时,要考虑的最重要的事情是每个细节都很重要。最小的元素——阴影、微交互、图像——可以决定整个界面的成败。
软UI似乎最适合没有很多其他视觉元素的项目。这就是为什么它似乎最常见于应用程序和仪表板。当与非柔和风格的视频、图像或插图搭配时,界面会产生一种奇怪的感觉。
如果你正在寻找一个自己创造这种风格的入门书,UX星球有一个不错的向导了解如何使用不同的设计工具和CSS来实现它。
下一步是什么?
由于围绕软UI的争论,它很可能会继续演变和变化。所以,你可能还不想用这种设计技术去全力以赴做一个大项目。(目前坚持更小、更灵活的项目。)
期望看到对比的转变,主要是为了确保这种风格更容易理解,对更多的人更有效。
期望看到对比的转变,主要是为了确保这种风格更容易理解,对更多的人更有效。随着确保更普遍的网站可访问性的努力越来越多,软用户界面的一些固有问题是一个必须解决的真正问题。
决定因素将是大品牌的采用。像谷歌或苹果这样的公司是如何将新形态运用到他们的设计中的?如果你开始在那里看到它,根据这些公司如何部署它,预计趋势会向前发展。
另一方面,设计师可以继续向里倾斜。上面的例子是一个更加玻璃风格的软用户界面,有更多的透明度和柔软度。(而且很好玩。)
结论
软用户界面是那些有趣的设计趋势之一,一旦设计者意识到良好使用它的实用性,它就有很大的潜力。创造可能是一个挑战,但尝试起来很有趣。
虽然这种风格并不适合每一位设计师或每一个项目,但了解它背后的思维过程以及为什么这种趋势越来越有吸引力是很有价值的。
上一篇:2023年春节放假通知