01 少量的渐变

今年在各网站上看到大面积的渐变色设计,相对前两年来说越来越少,设计上有所克制。大面积的渐变色虽然视觉冲击力强,但大部分停留在概念中。

从今年设计中我们可以看到设计更加理性与克制,将渐变色彩运用到关键功能上,突出强调重要信息。

机票选购界面,将渐变色运用到头部位置去强调功能。

运用在功能卡片上,突出重点信息。

如上图,设计上同样只将渐变色运用在背景上,其他卡片上基本没有渐变色。

02 包豪斯风格图形

几何图形设计是目前运用最多一个设计手法,今年发现一些比较抽象艺术化包豪斯风格几何图形,在UI设计中大量运用,且效果还不错。

这种图形带来好处就是记忆性强,应用广,它不仅可以拓展在品牌包装,品牌图形延展,还可以运用在UI设计中。

卡片设计采用一些具有意向符号的图形,来表达功能的设计,形成记忆点。

品牌设计上,也是重复这种极简包豪斯风格几何图形。将logo元素提取,进行包豪斯风格化,重复运用在设计中。

03 有深度的界面

今年这样的设计屡见不鲜,大量3D运用在界面设计中,二维的界面已经不再满足当前设计需要。设计师去探索更多维度学科与UI界面融合,形成一种全新的视觉感官。

uber的概念官网就通过3D来呈现,表达功能亮点。

将二维世界三维化,将是2021年重要的趋势。目前国内外线上有一些产品,开始在部分功能模块使用这样设计手法,如Naver,支付宝等。

04 毛玻璃效果

可以说是趋势轮回,毛玻璃的效果又回来了。这也是今年在各网站设计上出现频次多一些的设计。

新的毛玻璃效果更加去注重功能说明,用在视觉强调的地方。

如上图设计,毛玻璃运用在顶部关键信息上。这样设计即可减少其他色彩运用,还可以对功能信息进行强调。

毛玻璃效果运用在个人中心,人物头像位置,进行设计强调。

运用毛玻璃去包装UI界面,可以提升品质感与神秘感。

05 沉浸式界面

将功能与场景融合设计,用户在使用产品过程中,能产生更多情景体验感触。这也是最近今年喊的比较火的一种设计思路。在各网站上,这样设计出现次数越来越多,设计效果冲击力强,得到很多设计师的认可。

场景中关键人物元素与设计进行巧妙集合。

运用超现实设计手法,将人物与酒店场景进行排版布局。

将制作材料与产品集合。

拟真植物元素与土地进行巧妙集合,在视觉上传达逼真效果。

06 界面排版杂志化

杂志化设计风格鲜明,可以有助产品去打造强化记忆点。杂志化设计的优势可以不受到网格约束,排版使用大字体,同时设计排版上更加个性。我们在做产品概念探索前期,可以多去尝试这样的风格。

07 拟物化图标

拟物图标又回来了,apple新版本的Big Sur系统,就采用拟态图标,这也是一个新的尝试,当然也是一个开始。我们很有必要时刻关注这个趋势,未来将会在更多设计中看到拟物化图标的出现。

不过这种风格也不能大面积运用在界面中,我们可以运用在一些关键功能入口设计上。

在天气上的运用,相对之前扁平化设计,目前具有空间的拟物化设计,增加了真实感。

08 圆形的运用

圆形趋势,我想大家也许会忽略的点,最近几年设计中,圆形的设计无处不在。它的好处不言而喻,亲和力强、场景覆盖广,几乎任何设计都能去用圆形。因此我们有必要去注意圆形运用技巧。

星巴克的web UI概念设计,采用圆形与产品进行集合设计排版。

09 2021新拟态界面

新拟态趋势是2020年受到广泛关注的趋势之一,这种趋势大量使用了柔和的阴影和微弱渐变,使设计既具有未来感又具有现实感,并且为熟悉的界面带来了新的感觉。相对之前大面积浓厚阴影而言,目前新的简化拟态界面,会克制使用这些元素。

2021年拟态界面,更注重功能与体验。拟态效果会使用在关键功能上,如仪表、按钮,又或者需要重点强调的地方,避免了大面积使用这种设计手法。

写在最后

2021年的趋势相对来说,有继续延续2020年一些设计风格,这些风格将会在继续加强,同时我们也有发现,目前越来越多3D元素与二维界面进行集合设计,能更生动传达功能与将故事,2021年大家务必要注意这种趋势的延续。

作为设计师,我们对设计的思考不能只停留在表象层面,而更多的需要围绕信息传达这一设计的本质功能,以充满自省的精神深化和反思自己的设计意识,同时要时刻保持对趋势的敏感度。将新趋势合理的运用在产品设计中,以产生最大化收益。

2023年UI界面设计的9个趋势相关推荐

  1. 蓝牙聊天App设计1:Android Studio制作蓝牙聊天通讯软件(UI界面设计)

    前言:蓝牙聊天App设计全部有三篇文章(一.UI界面设计,二.蓝牙搜索配对连接实现,三.蓝牙连接聊天),这篇文章是一.UI界面设计 课程1:Android Studio小白安装教程,以及第一个Andr ...

  2. UI培训教程分享:APP启动页UI界面设计

    本期为大家分享的ui培训教程是关于APP启动页面的UI设计方面,作为一名合格的UI设计师,APP产品的启动页是需要会的,下面就来看看详细的教程吧. UI培训教程分享:APP启动页UI界面设计 启动页面 ...

  3. UI素材模板|App搜索页UI界面设计版式

    无论是在app还是在web端,搜索都是一个发现内容的重要方式.与web端不同,app上的搜 索功能在设计方面有自己独特的展现方式. 下面就看看这些App搜索页UI界面设计吧. 工作搜索App免费UI ...

  4. UI界面设计视觉设计参考模板,解剖分层看如何更好的运用排版法则

    排版在平面设计领域极为重要,它不只在海报.广告中使用,在制作UI的作品集.UI界面设计.网页设计.运营设计也要注重设计排版,下面分享一些版式设计法则,通过这些法则来规范移动UI设计,并提升作品的精品感 ...

  5. App引导页学习进阶临摹模板|UI界面设计步骤

    设计一个成功的App引导页可以说是我们APP界面设计师需要重点用心对待的事情,因为APP引导页的设计取决于用户对这个APP的第一印象,或是大概的了解. 像素精简版 - 免费引导4 UI套件​www.s ...

  6. App ui界面设计模板素材,分分钟激活灵感

    手机界面在人机交互的过程中,是进行信息输入和输出的重要媒介. 任何手机信息交换的大部分过程都是通过手机界面进行的, 不同种类的手机界面也将带给人不同的视觉感受. SooUI(搜优) 是为UI设计师.U ...

  7. android 按钮旋转等待,android高分段进阶攻略(3)旋转等待UI界面设计

    因为最近工作较忙的原因,可能更新较慢,而且内容越来越细,从一个完整的app到一个 简单的功能,甚至到UI设计,今天介绍的就是一个常见的UI设计,先上图: 别看只是个简单的UI,只有几行代码,当时我把这 ...

  8. 游戏UI界面设计视频教程全套

    库(UI插画漫画开发建模美术教程大全) 2014-11-28 16:54:21 1.全面系统(从基础到进阶,涵盖所有细节,特别是没有受过特别专业培训的亲们,更加需要) 2.有序排列(按照教程属性与绘画 ...

  9. 2018年Sketch UI界面设计套件前十了解下!

    Sketch近几年凭着大量的插件和免费教程迅速发展,而Sketch的忠实粉丝们也乐于将他们的免费模型分享出来.这也意味着你会在网上找到更多的免费Sketch素材,从完整的模型到内容详实的UI套件. 为 ...

最新文章

  1. OSPF-lsa-types
  2. const(常量)和#define(宏定义)区别
  3. Coursera吴恩达《卷积神经网络》课程笔记(2)-- 深度卷积模型:案例研究
  4. linux fedora下实现锐捷认证
  5. python3编码声明_python3编码问题汇总
  6. Java高级补充(Socket服务端、客户端)、Handler类、安卓Socket传数据、WebView
  7. Linux系统编程:使用mutex互斥锁和条件变量实现多个生成者和消费者模型
  8. .NET开发人员十大必备下载工具
  9. 没有富士康?外媒称苹果新款iPhone SE由和硕独家组装
  10. ajax一步调用,ajax异步调用
  11. Pandas 文本数据方法 repeat( )
  12. 电阻电导传输线的归一化转移矩阵[a](必背)
  13. C程序设计案例(牛顿迭代法求高次方程的根)
  14. 嵌入式linux 内核移植篇
  15. 倾斜摄影测量知识基础
  16. 简单理解三极管做开关管时的应用
  17. 简述计算机组装的具体流程,自己动手组装电脑详细步骤【图文】
  18. 显示网站统计量和访客地图
  19. “科林明伦杯”哈尔滨理工大学暑假训练赛 B吃雪糕 (异或思维题)(补题)
  20. 【课程设计】Java Web 学生成绩管理系统

热门文章

  1. 计算机毕业设计Java高校企业实训系统(源码+系统+mysql数据库+Lw文档)
  2. python 格式化Json数据
  3. 【正点原子FPGA连载】第四十六章SD卡读写测试实验 -摘自【正点原子】新起点之FPGA开发指南_V2.1
  4. 进程互斥软件算法(Lamport面包店算法和Eisenberg算法)
  5. 机器学习实验之糖尿病预测
  6. python抓取知乎热榜
  7. 《阿里巴巴大数据之路》记录--数据模型篇
  8. 二叉树的顺序存储结构C语言代码实现
  9. 米家扫地机器人重置网络_米家扫地机器人 怎么清理传感器
  10. 被上帝咬过一口的苹果