2024 年已经到来，对于 UX UI 设计界来说，这可能是UI UX 是过去几年中最统一的趋势。
首先，最确定的年份。 在下面的文章中，我将对各种设计趋势进行评论，分析这种现象背后的原因，并为新设计师的成长给出一些建议。 UI（用户界面设计）设计是UX（用户体验设计）的一个子集，前者更关注数字界面的视觉表现，后者更关注用户在实现目标时在整个过程中的感受。 综上所述：UI注重产品的外观和交互细节，注重界面的美观性和易用性。
UX关注用户使用产品时的整体体验，关注用户的需求、目标和情感。
虽然 UI 和 UX 是两个设计领域，但在实践中有很多重叠。 从国内的实际情况来看，新设计师不需要担心两者的差异，最重要的是提高他们的“设计技能”和“专业知识”。 1）便当布局2024年初，便当的概念莫名其妙又开始爆火，成为全网广受推崇的风格。 这种布局的布局与日式便当盒非常相似，因此使用了便当（bento）的谐音。 
简洁的文案和高质量的文案**是实现Bento的关键。便当风格通常由许多大小不一的矩形组成，内容借助简洁的文案和高清插图呈现。 这种类似瓷砖的设计在早期的 Windows 手机上无处不在，但当时的屏幕尺寸太小，Bento 无法很好地渲染。 近年来，苹果不厌其烦地在发布会上表演了《Bento Yitu Flow》，终于将这种风格发挥得淋漓尽致。 Bento的普及离不开硬件的发展：数字屏幕的尺寸和分辨率急剧增加，这为Bento的落地带来了土壤用户接受多种信息的能力提高，对更高密度信息的渴望，也是Bento持续受欢迎的重要原因。再加上规则的视觉变化感、高效的信息传递能力、响应友好等优点，便当不受欢迎实在是太奇怪了。 2） 网页视差滚动苹果孜孜不倦地执行并最终传播开来的另一种设计风格是“页面视差滚动”。 它的特点是，当用户滚动时，内容将以与滚动相同的频率呈现动态效果。
视差一词源自希腊语“视差”，意思是变化，视差本质上是一种错觉。 在网页、应用程序和动画的设计中，这种效果通常是通过故意改变前景和背景之间的移动速率来实现的，从而为产品带来流畅和创造性的用户体验。 网页视差滚动效果需要设计师和前端工程师的密切合作，也需要设计师和前端工程师有相关的效果实现经验，才能达到良好的最终效果。 有了如此高的要求，视差滚动效果自然就成为凸显产品实力的必要方式。 如果你是一个致力于打造高端产品体验的设计师，建议仔细研究一下这项技术，并将其应用到你自己的项目中。 ai视觉设计AI是一个在2023年科技圈热了一整年的概念，2024年能再红一年应该是无可争辩的。 对于设计人员来说，在这个阶段了解AI设计能力的边界是很重要的。 一般来说，现阶段AI在产品端的帮助基本是阅读理解，而在视觉端，则是产生高度的随机性**，如何将这两种能力结合起来，其实是一个比较高级的知识。 
Geker AI 是一种 AI 设计工具，可智能生成原型图纸。正是因为AI的能力比较难以控制，所以笔者还是建议新设计师使用智能体型AI产品。 例如，Gekke AI（结合了大模型的阅读理解能力和行业微调后的创意发挥能力，可以一键生成可编辑的产品原型图，大大提高了产品经理的工作效率。 4）操场练习区越来越多的工具产品会在登陆页面或官方案例中加入游乐场（练习区），让用户在阅读文案的同时加深理解。 游乐场的概念最初来自开发领域，最初是指引入语法概念，让学习者立即有一个可以书写的区域来增强学习。
每个介绍区域都可以自己操作，以增强互动性。这几年，大部分功能介绍都会选择配上一段**来提升交互性，但被动观看绝对不如让用户主动“玩”。 因此，我们看到，从2023年下半年开始，越来越多的产品将游乐场的概念融入到产品介绍页面，进一步提升用户接受新事物时的乐趣和效率。 关键视觉对象三维主视觉特效3D在国内已经流行了很多年，在早期各种云服务平台相互渗透的时候，相信大家都看过下面这些等距3D风格的插图。
用 C4D 渲染的等距 3D 元素已成为 B 面视觉效果的灵丹妙药。近10年来，移动互联网的快速发展已经完全完成了智能设备和高速网络的普及。 在这个过程中，用户对数字界面的接受度已经变得非常高，这让设计师有信心增加视觉细节和信息量。苹果产品在iOS 7（2013年）开始使用纯粹的扁平化风格，近年来也朝着轻拟物化的视觉风格迈进，这极大地影响了整个行业对设计趋势的判断。 对于新设计师来说，3D设计可以作为另一种职业道路，但不要急于求成。 3D设计是一门非常注重实践的学科，学习曲线还是比较陡峭的，如果没有足够的时间去练习和持续学习，很容易半途而废。当然，如果最终能达到一定水平，对于设计师来说，收益还是很大的。 arvr元宇宙在苹果Vision Pro正式上市之前，大家大概都觉得AR VR技术已经“酷”了。 直到 Vision Pro 在 2 月份售罄，设计师们才开始意识到，这里不乏新技术和美好体验，人们只是在等待合适的产品出现。
苹果的Vision Pro可能会改写VR类别的命运。可想而知，在Vision Pro的加持下，整个AR VR技术的命运或许被彻底改写，相关需求也将迎来井喷。 未来，如果VISION产品能够回落到普通人可以接受的水平，虚拟空间设计、3D、元宇宙等相关设计理念必将再次引领潮流，对各种数字产品体验的设计产生影响。 7） 固体材料变化正是因为近年来3D风格的流行，元素才开始被赋予新的视觉素材。 相较于早期喜欢使用具有平面特性的重复纹理（如建筑表面）的网页设计师，近年来各种透明材料如透明玻璃、磨砂玻璃、亚克力等变得特别流行。
半透明玻璃成为近年来最热门的视觉效果。当今各大的图形设计软件可以很容易地模拟玻璃的效果（背景中的高斯模糊），这使得玻璃成为一种比其他材料更难实现的材料。 如果要使用设计软件进行绘画，则需要特别注意高光的呈现，以增强材料的真实感。 8）深色模式深色模式已经流行了大约 3 年+，但我认为这种风格会继续流行：越来越多的用户开始有意识地尝试在深色和浅色之间切换，并逐渐修复他们的习惯。 两种模式之间的视觉差异如此之大，以至于用户一旦习惯了一种模式，就很难适应另一种模式，这是不可避免的。
一旦你适应了一种色调模式，就很难适应另一种。在设计产品的色彩模式时，建议参考谷歌的MD规范或苹果的色彩规范。 此外，如果将玻璃材质合理地添加到暗模式中，会更容易突出明感，呈现出非常细腻逼真的视觉体验。 最后，不同的开发人员可能有不同的技术方案来实现深色和浅色图案，设计人员必须与开发人员沟通和合作，以实现准确的色彩再现。 9） 霓虹灯和灯光效果黑暗模式的流行也带来了衍生的视觉效果：霓虹灯和灯光效果。 在灯光模式最普遍的时代，很难实现灯光效果（因为背景是白色的），而深色模式为这些灯光的使用提供了很好的舞台。
光可以作为视觉主体，同时也可以不断引导眼睛的流动。在深色模式下，光线往往会形成聚光灯效果，从而更好地突出主体，也使页面或产品更具身临其境的感觉。 考虑到仍有大量数码产品尚未完成暗模式的转型，光效作为暗模式的绝佳搭配仍有广阔的空间。 10） 采用HMI设计的智能设备随着人们接受度的提高，手机和电脑以外的移动智能设备已经开始进入千家万户。 近年来，新能源智能汽车和各种可穿戴智能终端越来越受欢迎。 随着这些产品与人交互的场景更加复杂，设计中需要使用更多的新技术，人机交互的方式也扩展到了多模态（语音、身体、视觉等）的新时代。
国产新车势力在车内体验方面具有较强的竞争力。智能汽车是国内制造的重要力量，座舱和车机的体验是各车厂产品实力的重中之重。 2024年，我们一定会看到各种新颖的HMI设计解决方案，引领整个行业的设计水平不断向前迈进。 对于新设计师来说，以汽车HMI为主要设计方向也是一个非常好的选择。 以上就是笔者为大家总结点评的2024年UX UI设计趋势。 整体2024年的UX UI设计趋势是过去2到3年设计趋势的延续，但年内发布的大量新硬件产品让趋势变化充满想象。如果你是新设计师，建议至少选择文中提到的趋势之一作为你这一年的重点学习或研究方向，这样可以更快地为自己积累与未来市场相匹配的设计能力。