软件设计与开发(国外专业机构出品！2022年你需要抓住的 8 个UI-UX设计趋势)_中超_体育_资讯

软件设计与开发(国外专业机构出品！2022年你需要抓住的 8 个UI-UX设计趋势)

头条快讯编辑关注加好友

2026-02-06 05:050评论

Hi，我是彩云。
当设计师被迫待在家里时，终于能有时间去反思现有的设计并重新创造。无聊是艺术家最大的敌人，他们会尽可能地打破困局。
在本文中，我们将发现：
3D 视觉设计师的内卷将会越来越严重。
数据可视化的工作将变得越来越重要。
服务的移动化还需要做出更多努力。
scrollytelling 技术会越来越流行。
旧的滚动是无聊的。如果你想吸引注意力，你就需要实现滚动叙事（scrollytelling）。（彩云注：这个技术的核心在于边滚动页面边讲故事）
nerror="javascript:errorimg.call(this);">
它是一种叙事形式，可以在网页和 APP 上呈现。想象一下，在一个网站中每个插图、文本和其他元素都开始变得生动起来。自然地，你会想看到这个故事的结局。它就像一个游戏，带你穿越迷宫。虽然你不能影响它的进程，但却让你感觉自己能参与其中。
另一方面，scrolllytelling 让用户真正去阅读内容。你可以用动态文本让他们产生兴趣，比如谷歌的网站（https://www.google.com/search/howsearchworks/）。他们的团队知道如何让信息看起来更好：
nerror="javascript:errorimg.call(this);">
所以，最好的网站不可能在 2 天内建成，需要更多的时间去打磨。
nerror="javascript:errorimg.call(this);">
滚动叙事的项目通常需要大量的时间和精力。不过，这样做的结果是值得的。页面变成“活的”，每一秒都有新的事情发生，所以在阅读时很难感到无聊。
Scrollytelling 是为用户而创建的，用户很喜欢它，不需要到其他页面去阅读整个故事。相反，网页设计的整个故事都是事先考虑好的，并尽可能以最有趣的方式设计出来。
如何在 2022 年做出一个还不错的企业网站？你不会想告诉用户你是“XX 领域公认的领导者，该领域最好的之一”。这种标准的广告表达并不传达任何有价值的信息。
数据可视化有助于以一种吸引人的方式传达正确的信息。它也可以与滚动叙事（Scrollytelling）紧密结合。以下是 IAmBinadam 展示数据的方式：
nerror="javascript:errorimg.call(this);">
不同级别的数据具有不同的大小，这样用户知道应该先从哪里查看。
有些图表乍一看甚至不像图表，这使得它们更加能被注意到。
人们压力太大，卷的太辛苦，以至于不愿去看复杂的数据。
Illustration by Mona Chalabi
Illustration by Ink Factory
一个好的图表，或者任何其他形式的数据可视化，都应该具有在 Edward Tufte 的“定量信息的可视化显示”中描述的特征。在他的书中，Tufte 通过图表解释了好图表的 3 个原则：
Graph by Hootsuite
Graph by Hootsuite
三、2022 年还有必要做 APP 吗？
过去一年，社交媒体用户的数量增长了 13%以上。到 2021 年初，社交网络上已有近 5 亿新用户注册。根据 App Annie 的数据，Android 用户每天花在手机上的时间超过 4 小时。2020 年，安卓用户上网时长超过 3.5 万亿小时。
（1）用户主要通过移动设备访问你的网站
（2）帮助内部业务流程更加有效
如今，像这样的手机应用使企业能够执行越来越复杂和多样化的任务，加快日常重复操作和文档管理。
如果你认为 APP 能为用户打开新的触点，并让用户体验更加友好，那么它就值得考虑开发。问问自己的 APP 能提供什么新的商业机会？例如，随着疫情的蔓延，许多人开始用上健身 APP 在家里锻炼。
要了解竞争对手在做什么，他们是否有 APP，能做什么，以及他们是否真的对用户有用。
（5）复购率
在正确的时间提供的报价越有吸引力，人们购买的可能性就越大。
nerror="javascript:errorimg.call(this);">
（6）促销工具
1. 做原生 APP 还是移动端网站？
这部分是由于响应式设计的出现，它允许你根据打开网站的设备屏幕来调整网站。至于 APP，它们必须为许多移动平台单独编写:Android、iOS、Windows 等。
四、3D 设计具备更强竞争力
Cardi B rhymes with 3D
在过去的几年里，3D 艺术和动画已经出现在各种 UI 设计趋势评论中。这意味着越来越多的设计师将它们整合到页面中。
“从技术上讲，通过 3D 更容易传达更多内容，因为它比平面图片更接近我们的感知。3D 插图更有深度，信息量更大，也更具互动性。”
乌克兰政府网站用 3D 手模拟了黑客帝国
五、元宇宙风潮
meta logo 的变化
六、混合动画
动画是 2022 年重要的网页设计趋势。2022 年，如果没有它，你的产品很可能会看起来就像个半成品。混合风格的动画越来越受欢迎:定格动画和 3D 动画的结合，2D 动画和 3D 动画的结合。设计师这样做是为了获得不同寻常的风格解决方案，以及提高最终产品的质量。
1. 2022 年如何使用网页动画？
动画可以通过在界面和用户之间建立情感联系来传达信息。
nerror="javascript:errorimg.call(this);">
（2）更有趣的加载
（3）光标效果
（4）动态排版
（5）添加角色的动画插图
（6）宝马历史动画
动画解说的趋势出现在几年前，解说视频清楚地显示点击的位置或公司的项目是关于什么的。
七、微交互，大影响
图片来源 awwards
重要的是要达到元素的和谐，而不是把注意力分散到界面的各个方面。微交互作用的一个重要部分是颜色，它们为界面元素增强价值。
nerror="javascript:errorimg.call(this);">
微交互有助于页面导航，解释它们的功能。最重要的方面之一是加快和简化以前冗长的功能，以实现特定的行为。
2022 年，在线品牌面临着新的挑战，需寻求新的解决方案，其中之一就是动画 logo 设计。
nerror="javascript:errorimg.call(this);">
动画 logo 主要有以下几点营销优势：
吸引注意力。这意味着它们有助于提高品牌知名度。
有助于提高 SEO。谷歌更倾向于动态内容，带有动态图形的页面更容易吸引用户。
在移动端看起来更好。丝滑的动画看起来比静态的 logo 更有趣。
最重要的是展示了历史。静态 logo 背后的想法正在动画中发展。由于这一点，在几秒钟内，你可以展示品牌的使命，甚至它的价值！
nerror="javascript:errorimg.call(this);">
现在有很多设计模板，可以很容易地用字体制作一个动画 logo：
nerror="javascript:errorimg.call(this);">nerror="javascript:errorimg.call(this);">
九、最后的话
#专栏作家#
本文原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于CC0协议

顶一下() 踩一下()