前端应该关注的2021年UI设计趋势
UI设计趋势几乎每年都在发生变化,变化的原因是人们的审美在变导致的,还是设计越来越人性化。市场上是谁在主导设计趋势?其中原因不得而知,我们先看看究竟有哪些变化:
1. 3D插图(依然流行)
3D图像将在接下来这一年依然是趋势——尤其是当初级的UI设计人员越来越容易地以3D效果进行创作!(尝试使用名为Spline的3D工具-目前处于测试阶段,但已经非常的好上手并且好用!)。
3D还被广泛用于全屏动画中,作为主要的关键视觉效果—查看“超级列表”或查看Minh Pham撰写的令人惊叹的3D教程,内容涉及如何为您的网站创建令人惊叹的3D背景。
2. 毛玻璃效果
这是用户界面中的最新趋势,主要是基于一种称为背景模糊的效果,它基本上可以“通过玻璃”在元素上创造外观。
它是在Windows Vista中引入的,然后在iOS7中引入的,但是好像现在更多的用在表单刷新过度的效果了!如果您想进一步了解glassmorphism,请尝试使用此Glassmorphism Generator在线工具(https://glassmorphism.com/):
前端代码实现该效果:
background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
3. 展现真实的生活照
我强烈预测,很快每个人都会对产品设计中的插图和3D图形感到厌倦,因此现实生活中的照片将重新成为设计的热点。
正如我在前一篇文章中所写的那样,插图可能并不适合所有人。有时,真实的人和真实的物品可能会对用户产生更大的影响。Ekokubki的网站是基于真实照片拍摄的,看起来很棒!
4. 鲜艳的色彩
我看到很多网站和移动设计上的采用了这么鲜艳的颜色来表达。
看看Designcode.io, Sleepiest and Design Talks这三个网站!我喜欢色彩所创造出神奇,空灵的氛围。而且,当我们使用鲜艳的色彩时,我们可以更轻松地区分和记住产品。Instagram很早以前就知道了(这就是为什么他们的图标发生了令人难忘的变化)。
5. 模糊的彩色背景
与上面的类似,但是掺杂着毛玻璃效果,这种效果看起来更加精致。使用模糊背景的设计看起来给人一种难以置信的有机,温暖和热情的感觉。
可以参考下Stripe(部分地方采用了这种效果)和My Mind(一个很棒的简单的自组织工具)。
6. 极简的美学主义
可能是我个人最喜欢的设计趋势。没有比简洁清爽和易读的UI更美观的了。
像Revolut(简单的3D),Sketch和Qoals(模糊的背景)之类的网站就是一个很好的例子,您不需要精美的UI,也不需要“令人惊叹的特效”来使您的产品看起来令人震惊(可悲的是,用户却并不能懂这些 )。
7. 几何结构
我看到越来越多的设计具有非常整洁,保守的视觉结构。它使信息看起来真的很整齐!
界面的几何结构最美丽的例子之一是Rituals网站。使用和观看时非常有趣(也喜欢它简单但有趣的动画)。
8. 大而复杂的字体
有很多例子说明大型复杂的排版在产品设计中起主要作用。其中一些甚至完全基于排版实现而最终结果通常很有趣。字体的选择通常是非常奢侈的。看看Whirly Birdie,Dovetail+Afterpay和Synchronized。
9. 野蛮主义
这是我最担心的一种趋势(老实说,它可能不亚于同态)。它被称为野兽派,顾名思义,就是形成强烈的对比,经常给人非常不舒服的排版以及可访问性和可读性的许多问题。但是我得到了整体的感觉-它背后的主要思想基本上是对我们认为美丽而有用的事物的解构。
令人惊讶的是,我看到许多网站和应用程序实际上都在追赶这一趋势!(其中之一是名为Newonce的波兰广播电台)。虽然不喜欢,但允许它存在吧。
10. 简化UX / UI流程
这是区别于以上趋势的一种 ,不是视觉效果
我看到行业中越来越多的人意识到产品设计背后的许多过程变得极其复杂。在这里,对产品设计师,客户和大多数人而言,对数字产品本身来说都是不利的。
迫切需要进行更改。而且,我相信它正在慢慢开始改变。我坚信,现在应该退后一步,或者重新审视整个行业。现在是时候重新考虑令人困惑的概念和名称,重建困难且耗时的流程,并使有抱负的设计师更容易学习产品设计。
前端应该关注的2021年UI设计趋势相关推荐
- 2021年UI设计趋势
2021年UI设计趋势.2020年已过去四分之三,大家有留意本年度有哪些新的图形设计趋势出现吗?今天胡老师结合当下各种图形的案例,对图形设计领域的发展趋势进行了研究,从中提取了一些2021年可能的设计 ...
- 车载wince系统刷界面ui_2020年值得关注的10个UI设计趋势!
创意动画 1. 品牌加载 公众喜欢有趣,可塑的动画.Airbnb 和 Netfilx 将品牌logo动画应用到了启动页和加载页面.结合品牌特点.风格和符号,融合到产品设计中,从而提升视觉的一致性,创造 ...
- 2021年UI设计培训机构哪个好
想要学好UI设计,选择报一个专业的UI设计培训机构是非常明智的选择,为什么这么说呢?因为培训机构的课程都是根据当下的行业环境制作出来的,而且有专业老师,比自学要好很多,那么在2021年UI设计培训机构 ...
- java前台界面设计_前端程序员要懂的 UI 设计知识
前端程序员要懂的 UI 设计知识 疯狂的技术宅 前端先锋 翻译:疯狂的技术宅 作者:Per Harald Borgen 来源:freecodecamp 正文共:1401 字 预计阅读时间:5分钟 作为 ...
- 最新ui设计趋势_10个最新且有希望的UI设计趋势
最新ui设计趋势 重点 (Top highlight) Recently, I've spent some time observing the directions in which UI desi ...
- 优漫动游:潮流是个轮回,这些UI设计趋势你怎么看?
潮流是个轮回,不光我们看的衣服.化妆品.哪怕是那些短视频,同样的事情也发生在用户界面(UI)设计中.从模仿现实世界物体的界面到没有任何修饰的极简界面,不同的风格优缺点各异.只有学习并了解了历史上曾 ...
- 2018年这些UI设计趋势正在流行,跟上必拿高薪!
数字设计领域和时尚圈是一样的,总会有各种各样的趋势让人眼花缭乱.无论是用户界面的视觉元素,还是用户体验的细节,总有许多值得说道的新玩法和新方向.就目前来看,UI设计的大趋势是更加大胆新颖的视觉设计,通 ...
- 【设计】近期发现的 APP UI 设计趋势
翻译文章,作者:AppMaster.io https://appmaster.io/blog/top-10-mobile-app-ui-design-ideas-2022 -------------- ...
- 2019年,这5个UI设计趋势正在流行!
2019年,这5个UI设计趋势正在流行! 互联网更新迭代迅速,尤其是随着5G时代的到来,技术的变革给各行各业都带来了新的改变和挑战.作为和互联网息息相关的UI设计行业,在5G时代下也会出现一些新的改变 ...
最新文章
- 程序运行背后的那些事 ~ 【程序的编译(预处理操作)+链接】
- 【剑指offer-Java版】03二维数组中的查找
- 欧拉函数/欧拉函数打表 lightoj1370(java/c++ )
- 修改SDE中自动生成的web.xml文件
- python的特征提取实验一_Spark 2.1.0 入门:特征抽取 — TF-IDF(Python版)
- mysql命令行cmd_CMD命令行操作MySQL
- 同学孩子上985大学,每月生活费5000元,大家认为合适吗?
- Silverlight使用RSA加密socket tcp通讯数据
- 每个Python程序员都应该有它。
- 【ArcGIS|空间分析|网络分析】5 计算服务区和创建 OD 成本矩阵
- CAM350自动开短路检查教程
- 汽车之家口啤数据爬虫
- matlab——非线性规划
- A Cleaned, Hypernymed, Image Alt-text Dataset For Automatic Image CaptioningTransformer
- 【随笔记】做事要讲究轻重缓急,一定要把握主次轻重。
- java性能调优指南,就是这么简单
- 网络知识汇总(1)-朗文和牛津英语词典网址
- 英语写作——必备的200条句子【写作必备!!!】
- okhttputils使用(zhuan)
- 洛谷P2294 [HNOI2005]狡猾的商人