火星网校
扁平化设计终结?新趋势来了?
发布时间：2024-01-25 12:06:09 浏览量：192次
扁平化设计这一趋势已经流行了挺长时间，而现在，设计风向似乎要有所转变了，这或许可以从一些设计案例中透露出来。这篇文章里，作者就从案例出发，展示了设计趋势的演变，一起来看看吧。
设计趋势来来去去，但一个普遍的趋势已经流行了很长时间，那就是扁平化设计，现在也几乎是无处不在，UI中的按钮，Logo，图形设计等等。
最近感觉设计风向有点变啊，我碰到几个例子感觉挺有意思的，似乎是印证了这波转变。
在这篇文章里，我主要聚焦在UI设计领域，看看设计趋势在这方面都经历了哪些变化。
一、扁平化设计趋势是怎么兴起的？
2013 年苹果推出 iOS 7 后，扁平化设计火得一塌糊涂，界面设计方向一夜之间发生了转变。虽然苹果也是借鉴了其他制造商已经应用的元素，但其作为行业风向标的影响力依然无人能及。
从拟物到扁平，iOS 7 带来了革命性的设计语言飞跃，颠覆了之前 iOS 的视觉风格。蒂姆·库克将其称为 “iPhone 以来 iOS 最大的变革”。
看上图就一目了然（iOS 6 左，iOS 7 右），iOS 7 砍掉了许多元素的 3D 效果，整体扁平了很多。其实改成这样是有道理的，毕竟拟物设计当初是为了让用户更快上手新界面，现在大家都习惯了，设计语言也需要更新迭代了。
十年过去了，绝大部分现代界面设计依然在用这种设计语言。然而，随着设计逐渐追求更多复杂性和立体感（是的，又是3D，回到拟物设计），一些方面也开始出现变化。让我们来看看几个近期的例子。
值得说的是，尽管苹果公司在引领扁平化设计趋势方面发挥了重要作用，但其实灵感还是来自Windows Mobile 和 Android 等产品。Windows Mobile 才是先在主流制造商中第一个用扁平化设计的大厂。
对这段历史感兴趣的可以看看这篇10年前写的文章：
https://www.theverge.com/2013/6/11/4418188/apple-ios-7-design-influences
二、Reddit 品牌设计刷新
先一起看看最近的一个大厂设计改版案例，Reddit最近刷新了它的Logo。你能从上面的图中看到，相比于旧版，新的设计有了一些3D风格化。
一直以来，扁平化logo是主流，但随着像Pentagram这样的设计大厂都开始探索3D化设计风格，预示着扁平化的时代就快要过去了。
现代的品牌logo设计大多是扁平的，因为这样既清晰易读又方便调整大小。真想看看其他公司接下来会怎么玩品牌设计。
三、MacOS Big Sur 图标
回到2020年，在那年的11月，苹果刷新了它们的MacOS图标风格。我个人认为，这是在细节设计上搭配更多3D效果这股趋势的源头，我在网上看到了很多这样的讨论。
从 Big Sur 开始，苹果就在图标上下功夫，给原生应用图标加料，让它们看起来不那么乏味。你看上面那些，阴影也深了，渐变也多了，整个图标更有立体感。
一看苹果都整 3D 了，不少第三方应用开发商也坐不住了，纷纷改起了自家图标，看起来更立体了。
苹果在界面设计上向来引领潮流，这次的新趋势，又不知道多少公司和个人会跟着玩。
四、Airbnb 新版本设计
Airbnb在最近的夏冬主题设计更新里，玩了不少 3D 和复杂设计。就拿它们新出的“游客护照”来说吧，图标就跟真“书”似的，点开交互还有翻书动画，贼逼真。
游客护照打开后，顶部卡片加了阴影，看着更有立体感，一点都不扁了。
Airbnb 在其他地方也玩儿 3D 了，比如“最受欢迎”那个地方，评分都立体起来了，还有那个改版后的“选月份”的按钮，做得跟真表盘似的。
最后，他们冬天的新版本里，插画也搞起了等角投影风格，给你们看下面他们那个新版本宣传片就知道了。
五、Shopify更新了设计系统
Shopify 对深受好评的设计系统 Polaris 进行了重大更新，换了套新花样！以前那些扁平的按钮，现在缩小了，还更带感了，按着贼舒服。
这次重设计也不是瞎改，当初设计团队说扁平化做能让界面干净，理解简单，用着还效率高。可时间一长，商家们就不乐意了，说这界面整得“没劲”、“乏味”还“单调”。
改设计主要是为了把软件界面打造成 “专业工具”，更加高大上。改动之后，按钮在点击时更爽了一些，就像商家们平时在用的物理按键一般。
探索的2种不同设计风格
总结
上面这些案例展示了现代设计趋势的演变，从扁平化设计向更加注重细节的方向过渡。
扁平化设计固然拥有清晰高效等优点，但现代设计更倾向于展现层次和深度。设计师和开发者应当密切关注这一趋势，并做好准备将相关元素融入自身系统，尤其是在大型品牌和产品中逐渐成为趋势的情况下。
设计趋势真是一个轮回。
原文作者：Chan Karunaratne（本文翻译已获得作者的正式授权）
原文：
https://uxdesign.cc/is-the-flat-design-trend-finally-over-1e531ceb0ffa
译者：彩云Sky，公众号：彩云译设计；人人都是产品经理专栏作家，腾讯高级视觉设计师。
本文由@彩云sky 翻译发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
大家今天走运了,我就把自己总结出来的学习UI设计的一些经验与大家一起分享吧。想做一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的...
