火星网校
解读最新UI设计趋势，探讨新拟态风格的特征和优缺点
发布时间：2024-08-12 09:29:25 浏览量：268次
相信最近很多小伙伴在逛Dribbble时候，发现最近流行一波新的设计风格，和以往不同的是，这次趋势又回到之前拟物化了，但它与纯拟物化还是有区别的，现在它有一个流行词语叫“新拟态”，今天就和大家分享下国外一位设计师对这个趋势的看法！
一、拟态化是什么？
虽然UI以各种拟态化的形式存在（例如，您的桌面OS垃圾桶），现在这种风格的趋势更加明显。正如卡米尔·法拉纳（Kamil Falana）指出的那样，从无生命的“表达”到现实主义的过渡开始出现。
不久前，我们还观察到，这种变化开始在我们身边发生，苹果（iOS13系统）就是一个很好的例子。向最小化设计和轻拟物化发展，最终带来了无纹理3D视觉感官。受到了大家的喜欢，来看一张高清图。
Apple Pencil
...
二、拟物化风格的回归，会更好吗？
如下图设计风格，在dribbble上获得认可度比较高！
Dribbble用户alexplyuto的作品获得了四千多次赞，并带动了这一趋势。
...
三、新风格的特征点
由于按钮的视觉表现看着变化不大（因为小了一些，不直观），因此我们将重点放在实际的卡片概念上，以使这种视觉表现更能直观感受出来。
拟态化卡片（左图）、现代材料卡片（右图）
...
四、优缺点
这种风格的主要好处是“新鲜”（至少持续很长时间）。它为界面带来了“新感觉”，并使其脱颖而出。它也可以与其他样式混合使用，这样就避免很呆板整个画面变成这种柔软凸起的效果。
...
1. 可见性
...
...
2. 易用性
...
...
五、仅仅是卡片吗？
...
...
六、开发
开发实现其实它比我们认为的在CSS中实现“软阴影”外观要容易。我们尚未研究Swift和Kotlin，但我认为这不应该成为问题。
...
七、其他影响
刚才说的形状只是一方面。这种设计新样式还带有更多的按钮和图标。通常情况下，我们只需要回到“过去的美好时光”并使用位图。这似乎是一种回归，不必担心-这是没有必要的。
...
八、我们真的需要这些吗？
尽管这一新趋势影响了许多设计师，但对比以前使用的卡片组件可访问性问题相比，它的问题并不那么严重。
...
九、个人感悟
本篇文章，作者通过对新拟态设计趋势分析，在文中提及“新拟态”和以前材料卡片的区别，同时证实了新拟态风格优势！但也存在一定的弊端！如何去权衡与设计的把控，需要设计师们多去研究探索！
就我个人而言，我认为目前新拟态设计风格，其实更适合像车机那种偏实体硬件的HMI设计又或者智能硬件平台，智能橱窗，智能镜等，但是如果在移动端去使用，那么需要去适当做简化。如何去简化以适应新趋势，这需要不断去尝试。
最后作者也说了新拟态设计风格，需要注意的是对比度问题，需要将该效果应用到合适的位置，如果是操作组件上，那么它的反馈态和常态都需要有明显的对比。
这一趋势如果要盛行起来，需要大厂来引领，比如今年苹果会出现的IOS14或者Google材料3.0到来。扁平化是苹果带来的，材料设计师google带来的。
如今新拟态才初出茅庐，还未被广泛使用，需要有先驱者引领。毕竟国内的环境大家都不敢冒险去尝试运用到线上！
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
