首页

UI 弹窗设计总结篇

涛涛

弹窗在 APP 中无处不在,这段时间刚好在整理弹窗组件相关内容,所以想和大家分享一下弹窗的设计思路。

UI 设计死抠的细节

涛涛

作为一名专业的 UI 设计师,难免会有一点强迫症,时常因无法平均的像素而苦恼,恨不得所有的元素都达到完美统一。

页面的卡片式设计

涛涛

在扁平化设计兴起与最初的 Macintosh 图形界面问世之间的近 30 年,是拟物化设计从萌芽、发展、成熟到转型的阶段。上世纪 80 年代,几乎所有研究机构和 3D 制作公司都聚焦于提高 3D 图形的真实感。随着技术成熟,设计师们争相绘制愈发逼真复古的图标,到 2012 年左右,拟物化设计达到极致。然而,过度精细的肌理、装饰、光影让人们视觉疲劳,且用单一逼真设备作为图标,因设备更迭可能导致功能识别断代,比如年轻一代对指南针喻指地图、磁带喻指录音等设计可能陌生。

如何让UI设计更加统一规范

涛涛

本指南旨在帮助设计师快速且一致地布置 UI,对于设计有固定约束的移动应用程序 UI 尤其有用,同时在响应式网页设计中也能发挥作用。和许多设计指南一样,这些示例在实际设计过程中体会,会比单独阅读文字更有帮助。

Feed 流设计:这些知识你知道吗?

涛涛

Feed 流,简单来说,就是将用户感兴趣的内容以信息流的形式呈现出来。我们可以把 “Feed” 理解为 “按需供给”,即产品通过数据算法为不同用户推荐他们感兴趣的内容,吸引用户不断下拉浏览;而 “流” 则指信息有规律排版的呈现形式。

不懂如何设计小程序?来看这份超全面指南!

涛涛

最近正在参与小程序相关项目,因此尝试撰写一篇「相对全面且实战」的文章,希望能给越来越火热的小程序领域及设计师们提供帮助。本文阅读时间约 10 分钟,内容充实,建议耐心浏览。

B 端体验设计的 10 大好处

涛涛

现代管理学家彼得・德鲁克曾说:“如果你不能够测量,那么就没法很好的管理它。” 过去,B 端体验设计在我心中是难以测量的,总觉得它缥缈不定,只是一种因人而异的感受,很难评判好坏。但经过深入学习和研究后发现,其实它并非如此虚幻。本文将结合具体案例,探讨体验设计在 B 端设计中的应用,以及相关的思维模型和可量化的方法论。

新功能引导页设计思路

涛涛

在设计领域,不断总结与交流是提升自我的重要途径。在此,我将自己总结的一套新功能引导页设计思路分享出来,希望能与大家共同探讨,也期待大家提出问题和建议。另外,文章中使用到的 2.5D 轴测图辅助线,我会在文末附件中添加,大家可以下载打印用来画草图,也可以在软件上使用。

2026 年值得关注的顶级 UI/UX 趋势

清阳

1. AI优先设计

将显示缩放图像
展示 AI 应用设计的应用程序

多年来,我们一直在听说人工智能在设计领域的应用。2024 年,它生成的布局看起来像是醉酒实习生做的。2025 年,它的表现有所改善,但仍然感觉像是作弊。

现在已经2026年了?人工智能不再只是个助手。它基本上是你的设计伙伴,不会再抱怨反馈了。Galileo、Uizard 以及 Figma 上周刚刚收购的那些工具,生成的界面不仅可用,而且效果惊人。设计师现在花更多时间进行改进和制定策略,而不是无休止地摆弄自动布局框。

趋势:

  • 诸如“让这个流程对 alpha 版本更加友好 20%”之类的设计提示现在已经成为一种流行趋势。
  • UX文案由AI撰写一半稿子,然后由人类进行润色。
  • 评判设计师的标准是他们提示得有多好,而不是他们推动像素得有多好。

设计提示:开始像对待初级设计师一样对待 AI 工具。引导它们,纠正它们。不要让它们肆意妄为,否则它们会为计算器设计一套 6 步入门指南。

2.“零 UI”的兴起

将显示缩放图像
ChatGPT 界面

从零开始设计?那就2025年吧。我们正进入一个最好的界面就是没有界面,或者至少没有传统界面的时代。

想想语音、手势、存在检测、情境感知界面。设备和体验在你开口之前就能猜测你想要什么。

恐怖?是的,有点儿。
方便?绝对方便。

现实世界的例子:

  • 智能冰箱无需询问即可重新订购牛奶。
  • 汽车通过扫描你的脸部来调整你的座椅。
  • 只需思考布局就能设计界面的 VR 头显。(好吧,这个功能还在测试阶段。)

趋势:

  • 为“隐形”交互而设计。
  • 优先考虑音频、触觉或行为的反馈循环。
  • 彻底重新思考屏幕的作用,尤其是在消费技术领域。

设计提示:从体验开始设计原型,而不是屏幕。并在现实世界中测试它。

3. 高度个性化,但有界限

将显示缩放图像
健康追踪应用程序

到了2026年,用户不再需要千篇一律的体验。他们想要一款能够了解他们的睡眠模式、喜欢的颜色以及童年创伤的应用,但又不能让人觉得毛骨悚然。

个性化日益升级,但隐私问题也日益凸显。这意味着智能默认设置、基于行为的界面以及专为用户打造的仪表盘。

趋势:

  • 根据上下文进行调整的界面:夜间使用黑暗模式,大脑疲劳时使用简化的用户界面等。
  • 高度集中的入职流程根据您的氛围量身定制:为专业人士提供简约服务,为新手提供指导。
  • 为高级用户提供“选择您自己的 UX 冒险”设置。

设计提示:让用户自主决定个性化程度。让个性化变得有趣。不要将功能锁定在数据共享墙后面。

4. 滚动已死。滚动万岁。

多年来,我们一直热爱滚动。无限滚动、水平滚动、视差滚动。

现在?滚动正在进化。2026 年,一切都围绕着滚动叙事展开。流畅的过渡,智能的捕捉,以及微妙的交互,让用户不会感觉自己一直在喝红牛。

趋势:

  • 卷轴作为叙事手段
  • 配对的动画和微交互创造了一种旅程,而不仅仅是滚动到页脚的情况。
  • 基于滚动的 UI,根据速度或意图而变化。

设计提示:在所有设备上测试滚动行为。在 MacBook Pro 上看起来流畅的滚动效果,在售价 99 美元的 Android 平板电脑上可能感觉像做梦一样。

5.语音界面成为主流

将显示缩放图像
语音界面应用程序

过去,除非你像机器人一样说话,否则 Alexa 总是会误解一切。但到了 2026 年,语音界面终于成熟了。

得益于更先进的 NLP 模型,语音正在成为导航应用的标准方式,尤其是在可穿戴设备、汽车和智能家居领域。设计师面临的关键挑战是什么?超越视觉 UI 的思考。

趋势:

  • 语音和视觉反馈接口同步工作。
  • 适用于多任务场景(例如烹饪、驾驶、育儿)的纯语音用户流程。
  • 个性丰富的语音助手让生活变得轻松。

设计提示:不要让每个应用都显得吵闹。有意识地设计安静的语音交互。并且,务必为用户提供“关闭”按钮。

6. 设计要考虑神经多样性,而不仅仅是可及性

将显示缩放图像
患有神经多样性的儿童

无障碍功能不再只是一张清单。2026 年,我们将为认知包容性而设计,服务于患有多动症、自闭症、阅读障碍以及介于两者之间的各种疾病的用户。

这不再仅仅关乎颜色对比度或屏幕阅读器,而是关乎信息的结构、通知的工作方式以及如何减轻精神负担。

趋势:

  • 可选的极简模式,可消除噪音。
  • 带有“运动灵敏度”切换的动画。
  • 尊重焦点的界面;是的,我们正在谈论您的 7 个弹出窗口。

设计提示:开始用真正的神经多样性用户测试你的设计。不要只是“添加一个模式”。要将包容性设计融入核心用户体验。

7.反设计2.0

来看看反设计 2.0 吧。它丑陋、混乱、怪异得令人难以接受。它无处不在,尤其是在那些努力避免看起来像 Webflow 模板的作品集网站上。

这种趋势的核心在于打破常规,但又不失其有意为之。想想那些刺眼的色彩、夸张的元素、重叠的文字,但不知何故,它却奏效了。

趋势:

  • 设计师将不完美视为一种风格。
  • 用户界面接近“糟糕”,但在千篇一律的界面中却脱颖而出。
  • 更注重真实性而非完美性。

设计提示:谨慎使用此趋势。如果你正在设计银行应用程序,最好不要使用 Comic Sans 字体和摇摆按钮。

8. 具有幽默感

将显示缩放图像
企鹅在雪地里看着 404 标志

2026年,就连你的信用卡应用也开始尝试搞笑了。你知道吗?它真的有效。

人性化的界面,巧妙的微文案、精妙的动画和令人惊喜的瞬间,让产品更令人难忘。用户不再仅仅追求“直观”,他们更追求乐趣

趋势:

  • 用个性化的祝酒词。“哎呀。这招不行。不过,嘿,你上一段感情也没用。”
  • 错误屏幕会让你笑,而不是哭。

喜悦与无聊的东西(比如空状态和确认消息)融合在一起。

设计提示:不要过度。并非所有内容都需要单口相声。只需营造一种让你的产品感觉不那么机械、更具亲和力的氛围即可。

9. VR之外的3D和空间设计

得益于 Apple Vision Pro、Meta Quest 以及三星的各项研发成果,空间设计已不再是小众领域。但你无需VR 头显进行设计即可拥抱 3D 空间。

2026 年,扁平化的 UI 将会变得更加立体。不再是虚假的阴影,而是真实的、可交互的深度。

趋势:

  • 响应光标移动的 3D 卡。
  • 电子商务和设计工具中的 AR 预览。
  • 界面感觉更像是物理空间而不是平面布局。

设计提示:像建筑师一样思考。关注用户如何在空间中移动,而不仅仅是屏幕。但不要让性能受到影响。流畅的 2D 流程总比混乱不堪的 3D 流程好。

10. 设计时考虑地球

将显示缩放图像
UI 中的 Eco 模式

可持续设计终于不再只是你产品宣传单上的一张幻灯片了。到了2026年,用户开始关心你的应用有多“环保”,没错,这已经是千真万确的事情了。

你的应用消耗的资源越少越好。轻量级 UI、低带宽模式和智能缓存不仅仅是技术性的功能,更是用心良苦的功能。

趋势:

  • 应用程序中的生态模式设置可降低数据/功耗。
  • 碳中和设计实践。
  • 应用程序加载速度快、操作轻便,并且不会在三次滑动中耗尽电池电量。

设计提示:别粉饰太平。务必打造高效的 UI。额外福利:用户本来就喜欢快速的应用,所以这是双赢的。

最后的想法:2026 年的设计不再注重炫酷,而更注重感觉

设计不再仅仅关乎“好看”。它关乎智能、同理心和真正实用。2026 年最好的界面不仅要美观,还要个性化、包容性、趣味性,甚至可能是隐形的。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

桌面端界面设计 | 设计仪表盘时应避免的 6 个 UX 设计错误

清阳

来源网址 — https://dribbble.com/shots/24659454-Customer-Journey-CRM-Dashboard

仪表板在企业应用程序中扮演着至关重要的角色,它为用户提供重要数据的结构化视图。然而,设计不佳的仪表板可能会导致混乱、效率低下和用户失望。精心设计的仪表板不应仅仅显示数据,而应提供有意义的信息,帮助用户快速做出决策。

为了确保有效的仪表板体验,请避免这六个常见的 UX 设计错误。

1.导航结构不佳

导航是任何仪表板的支柱。许多设计师犯了一个错误,将所有导航选项塞进一个菜单中,导致用户难以找到必要的功能。

最佳实践:

  • 使用顶部的全局导航来执行配置文件、设置和注销等关键操作。
  • 仪表板特定的导航放在左侧以组织视图、数据类型和工具。
  • 利用面包屑为用户提供深入浏览内容的清晰路径。

例子:

将显示缩放图像
来源网址 — https://dribbble.com/shots/24191273-Sales-Analytics-Dashboard

2. 忽视用户的心智模型

用户在与仪表板交互时,期望其结构合乎逻辑且熟悉。如果菜单类别和标签不符合他们的预期,仪表板就会变得缺乏直观性。

最佳实践:

  • 进行用户研究以了解用户期望如何查找信息。
  • 使用卡片分类等技术根据用户行为来组织菜单项。
  • 确保命名约定和菜单结构符合用户的期望。

例子:

将显示缩放图像
来源网址 — https://dribbble.com/shots/24481340-Syncrowave-CRM-Dashboard

3. 使用错误的数据可视化

选择错误的图表类型会使数据更难解读。有些可视化更适合比较,而有些则更适合趋势图或单个数据点。

最佳实践:

  • 在选择可视化之前,了解数据背后的信息。
  • 使用条形图为了进行比较,折线图了解趋势,以及饼图比例。
  • 保持可视化简单,避免不必要的复杂性,避免让用户感到困惑。

例子:

将显示缩放图像
来源网址 — https://dribbble.com/shots/24061999--Exploration-Finance-Data-Charts

4.依赖静态内容

仪表盘应该提供实时、可操作的洞察。如果内容每天都一样,用户就没有理由重新访问仪表盘。

最佳实践:

  • 关注根据实时数据定期更新的动态内容。
  • 突出显示需要用户注意的关键更新,例如警报或性能变化。
  • 使用交互式小部件,让用户深入了解特定数据。

例子:

将显示缩放图像
来源网址 — https://dribbble.com/shots/24571531-DisputeFox-Credit-Score-Dashboard

5.过多的空白和填充

许多设计师将网页设计原则应用于仪表盘,导致过多的空白,迫使用户进行不必要的滚动。对于仪表盘而言,效率才是关键。

最佳实践:

  • 保持设计紧凑,同时保持可读性。
  • 确保只需最少的滚动即可访问重要数据。
  • 使排序、搜索和过滤等全局交互易于访问。

例子:

将显示缩放图像
来源网址 — https://dribbble.com/shots/22543517-Crypto-Web-Dashboard

6. 没有针对不同的用户角色进行设计

企业仪表板服务于具有不同需求的多种用户类型。千篇一律的通用仪表板通常会导致效率低下。

最佳实践:

  • 识别不同的用户角色及其特定需求。
  • 提供基于角色的视图,以根据工作职能定制信息。
  • 进行用户测试以验证每个角色是否可以轻松访问相关数据。

例子:

将显示缩放图像
来源网址 — https://dribbble.com/shots/25007872-SportX-UI-Kit-Charts-Sources

现实世界中精心设计的仪表盘示例

以下是一些遵循良好用户体验原则的实时仪表板示例:

  1. Google Analytics——提供清晰的数据可视化和可自定义的视图。
  2. Salesforce 仪表板——为销售和营销团队提供基于角色的数据。
  3. Tableau 仪表板— 支持使用动态内容进行交互式数据探索。

精心设计的仪表板不仅仅是数据的展示,它更是一个帮助用户高效做出明智决策的工具。通过避免这些常见的用户体验错误,您可以创建一个既用户友好又功能齐全的仪表板。优先考虑导航,满足用户期望,选择合适的可视化效果,并专注于基于角色的动态内容,以确保无缝的体验。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档