站在2026年的节点回望,数字设计领域正经历一场历史性的转折。过去十年以“移动端优先”、扁平化设计与静态设计系统为核心的范式,正被一股更具动态性、智能性与沉浸感的新浪潮全面取代。
2026年的设计趋势,已不再停留于界面美学的修饰,而是深入至交互的底层逻辑重构。人工智能的角色,正从单纯的效率工具,进化为“联合设计师”乃至“实时的UI生成者”,驱动着“生成式UI”的兴起。与此同时,硬件形态的突破——如空间计算设备的普及、车载显示系统的革新——正迫使二维界面加速向三维空间拓展,催生了以“液态玻璃”为代表的新拟物美学与空间化叙事。
从技术与社会两个维度来看,2025年是设计行业最为动荡的一年。
技术层面,大型语言模型(LLM)与端侧算力的深度融合,使“智能”不再依赖云端高延迟请求,而是内嵌于每一台终端设备,为实时、个性化的界面生成提供了底层基础。
社会层面,用户对数字成瘾的警惕达到顶峰,对隐私与心理健康的关注,迫使设计必须从“争夺注意力”转向“尊重注意力”。
这些深刻变化,正以不同形态融入2026年的设计趋势与方法策略之中。
基于对这一转型期的持续观察,兰亭妙微UI设计公司梳理出2026年真正值得关注的7大UI/UX趋势。在后续内容中,我们将逐一拆解“是什么”“为什么”以及“如何应对”,为数字产品团队提供可落地的方向参考。
2026 年,用户界面正在经历自 1976 年以来最深刻的变革。传统 UI 设计依赖于设计师预先定义每一个界面、状态与跳转逻辑;而生成式 UI 的核心在于,界面不再是预先画好的固定图像,而是由 AI 根据用户实时意图、上下文环境与设备状态,在毫秒级动态重组而成。这意味着,两位用户使用同一应用完成同一任务时,看到的界面可能完全不同。设计的对象正从「页面」转向「组件关系」与「生成规则」。
这一趋势成熟的关键在于端侧智能与组件化系统的深度融合。本地设备算力足以支撑复杂实时推理模型,解决了云端生成带来的延迟与隐私问题。用户操作——如语音指令、模糊搜索或点击行为——被端侧小模型解析为结构化意图,AI 从设计系统中检索符合品牌规范的原子组件,并根据屏幕尺寸、用户偏好与任务优先级实时排布,生成一个「用完即焚」的临时界面。
Figma Make、Google Stitch、妙多等产品,已是生成式 UI 的早期实践,未来将逐步深入一线应用。传统的 A/B 测试也将进化为「A/N 测试」,每个界面都成为对用户当前需求的最佳猜测。从用户体验角度看,这标志着「学习成本」的终结。
在生成式 UI 时代,设计师的角色发生根本性转变,工作重心聚焦于四个方向:
定义约束:设定品牌风格、交互原则与安全边界,确保 AI 生成的 UI 不偏离品牌调性;
提示词设计:编写与优化用于指导 AI 界面生成的提示词;
系统架构:维护庞大而灵活的设计组件库,保障组件在任何组合下均能正常工作;
设计兜底:处理例外情况,由设计师亲手解决具体设计问题,为 AI 提供保障。
设计师的价值正转向设计逻辑的健壮性与智慧程度,这或许是一个更「抽象」但必然到来的结果。
如果说 2010 年代的扁平化设计是为了适应低分辨率屏幕与性能受限的移动处理器,那么 2026 年的「液态玻璃」美学,则是硬件性能过剩与屏幕显示技术飞跃的自然产物。这一趋势由 Apple 在 2025 年 WWDC 上发布的系统更新(iOS 26、macOS Tahoe、visionOS 26)引爆,迅速蔓延至整个数字设计领域。
「液态玻璃」并非简单的拟物化回归,也不是「毛玻璃」效果的重复。它是一种高度动态、具有物理属性的数字材质:与静态半透明背景不同,液态玻璃界面是「活」的——背景元素在透过上层界面时,会根据距离、角度与运动速度产生实时光学扭曲与模糊。
这一趋势的核心在于「深度感」与「响应性」。在 2026 年的界面中,光影不再是装饰,而是信息层级的指示器:
动态模糊:用户滚动列表时,底层内容不仅模糊,还会产生类似流体流过玻璃表面的拖影效果;
镜面高光:按钮与卡片边缘根据设备陀螺仪感知的倾斜角度,呈现流动光泽;
层级重构:通过精确光学模糊与深度分层,在不遮挡背景内容的前提下,清晰呈现前景操作区。
实现「液态玻璃」效果高度依赖先进图形渲染技术——在 iOS 生态中依托 Metal 图形 API 的深度优化,在 Web 端则因 WebGPU 的普及,使浏览器能以 60fps 甚至 120fps 流畅渲染复杂实时光照与模糊效果。
对品牌而言,「液态玻璃」提供了扁平化时代一度缺失的差异化手段。通过调整「玻璃」的折射率、厚度感、色散程度与「液体」的粘滞系数,不同品牌可打造出截然不同的质感。「数字材质学」正成为 UI 设计师的新必修课。
2026 年的交互设计,正式告别以「点击」与「滑动」为绝对核心的时代,进入多模态共生阶段。随着传感器成本降低与 AI 语义理解的质变,语音、手势、眼动追踪乃至面部微表情,均成为标准的一级输入方式。
这种转变的标志是「输入方式的流动性」。用户无需显式切换模式——在撰写文档时,可一边打字,一边用语音补充描述,同时用眼神注视角落唤起参考资料,系统流畅融合三种输入,理解综合意图。
更进一步,「感知界面」成为最具未来感的趋势。设备不再是被动工具,而成为具备情感计算能力的伙伴。通过分析用户打字速度、语音语调变化,甚至通过摄像头捕捉面部肌肉紧张度,界面可实时推断情绪状态(如焦虑、愤怒、困惑或专注)。如 Hume AI 等公司开发的语音接口,能表达与响应细微情感线索,使人机对话不再冰冷。
在汽车领域,多模态交互已成为部分车型标配。宝马 Panoramic Vision、现代摩比斯全风挡全息 HUD 等设计,将整个挡风玻璃下沿变为显示区域,结合增强现实(AR),将导航信息直接投射于路面。
传统的「无限瀑布流」因易导致成瘾与信息迷失而受到批判,取而代之的是「滚动叙事」。在这种模式下,滚动操作不再仅是移动视窗,而是驱动时间轴与叙事逻辑的引擎。用户向下滚动时,界面元素并非简单上移,而是根据预设叙事脚本进行复杂变换:
场景转换:背景随内容深入从清晨渐变为黄昏;
拆解展示:3D 产品模型旋转、拆解以展示内部结构;
节奏控制:滚动速度决定故事流速,利用「智能吸附」技术让用户在关键叙事节点自然停顿,避免信息遗漏。
受 Apple Vision Pro、Meta Quest 等空间计算设备影响,即便在普通手机与电脑屏幕上,UI 也开始追求「空间感」。2026 年的设计广泛采用「伪 3D」与「2.5D」技术:
视差效应:通过陀螺仪与光标位置,平面卡片与图像产生视差移动,仿佛悬浮于屏幕后方不同深度;
光影互动:3D 卡片根据光标移动改变阴影投射方向,呈现近乎真实的物体存在感;
打破网格:空间化设计打破传统网格布局,允许元素在 Z 轴堆叠与穿插。
借助 AI 的力量,2026 年的 UI 终于实现真正的超个性化。这超越了「猜你喜欢」的内容推荐,深入 UI 布局与功能逻辑层面。应用可根据用户使用习惯、当前情境与生物节律,动态重组界面。例如,财务经理看到的是报表导出与审核功能,数据分析师则突出可视化图表与 SQL 查询窗口。
这种自适应布局依赖高度灵活的动态设计系统。UI 元素不再固定位置,而是根据权重算法实时排布,这对品牌一致性提出挑战。设计师必须定义强大的「品牌基因算法」,确保无论 UI 如何变形,用户仍能一眼识别品牌。这通常通过以下方式实现:
动态令牌:定义语义化颜色、间距与排版规则,而非硬编码数值;
微交互签名:无论布局如何变化,按钮点击反馈动画、页面加载的独特「呼吸感」保持不变,成为品牌的指纹。
「最好的界面就是没有界面」(Zero UI)的理念在 2026 年得到广泛关注。在智能家居、HMI 与可穿戴设备领域,屏幕不再是交互中心,而退居二线成为辅助信息展示板。交互主要通过传感器自动触发:
接近感应:走近汽车时,通过蓝牙与步态识别自动解锁并调节座椅;
行为预测:从冰箱拿出牛奶时,手势与重量传感器自动记录消耗量,在耗尽前加入购物清单。
Zero UI 的另一面是 AI Agent 的兴起。用户不再亲自操作复杂软件菜单,而是向 AI Agent 下达模糊目标,由 Agent 在后台自动跨应用完成任务。
UI 设计的重点从「操作流」转向「确认流」与「状态流」。设计师需要设计清晰的卡片,展示 AI 的思考过程、决策依据与最终结果,让用户快速扫视并「批准」或「微调」,而非亲自执行每一步。信任感设计成为核心——用户需要知道 AI Agent 做了什么,以及为什么这么做。
在没有屏幕的场景下,反馈需通过其他感官传达。空间音频利用声音方向感引导用户,触觉反馈则通过不同频率震动传递「成功」「错误」或「提醒」等信息。设计师不仅要「画图」,还要学会「编曲」与「编排震动」,这大大拓展了 UX 设计师的技能边界。
2026 年,文字不再仅是承载信息的静态符号,而成为具有生命力的视觉元素。动态排版成为主流趋势:标题不再只是静态字体,它们会根据鼠标悬停、页面滚动或语音输入产生变形、变色、拉伸甚至破碎重组的效果。
这一趋势深受短视频文化和高刷新率屏幕普及的影响。静态文字被认为通过率低且乏味。设计师利用变量字体技术,让字体的粗细、宽窄、倾斜与衬线形状可无级调节,并与用户交互行为绑定。
与此同时,微交互也被赋予叙事功能。一个简单的「点赞」按钮不再只是变红,它可能爆发出彩色粒子,或像果冻般弹跳,甚至根据点赞次数展现不同等级的华丽动画。
这些微小的瞬间不仅仅是反馈,它们共同构成产品的性格。通过精心设计的微交互,设计师在不增加额外内容的情况下,向用户传递品牌的趣味、严谨或关怀——也就是情绪价值。
综上所述,2026 年的 UI/UX 设计趋势呈现出一种深刻的辩证关系:技术越是先进(AI 生成、空间计算),设计越是追求回归人性(情感感知、神经包容、物理质感)。
对于企业与设计团队而言,应对这些趋势需进行战略层面的调整:
技能升级:设计师必须从「画图员」转变为「逻辑架构师」与「提示词工程师」。掌握 AI 工具不再是加分项,而是生存技能。
伦理优先:在 AI Agent 与情感计算日益强大的背景下,设计伦理(隐私、包容性、防成瘾)必须成为产品开发的第一性原理,而非事后补救。
系统思维:建立能够适应生成式 UI 与多模态交互的动态设计系统,是企业在 2026 年保持竞争力的基础设施。
2026 年的设计,不再是关于如何让界面「好看」,而是关于如何让技术以最自然、最尊重、最可持续的方式融入人类生活。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

表单验证不仅是技术实现,更是一场微妙的人机心理博弈。特别是实时验证,改变了传统的“填完再说”模式,实现了“边走边评”,信息反馈更及时,用户的情绪也随之起伏。
兰亭妙微UI设计公司,将围绕三大核心原则,深入探讨如何通过精细的验证设计,提升用户体验,引导用户顺利完成表单填写。
实时反馈对用户心理有显著影响。正向反馈,特别是“正反馈 + 小情绪颗粒”的组合,能瞬间建立用户信心、降低焦虑、激发行动欲。从心理学看,这是一种“即时奖励”——即使不依赖物质,单纯的认可也能产生强烈的动机。
案例:Instagram 注册时的“鼓励策略”
当用户在 Instagram 输入用户名时,系统不仅提示“可用”,还会附上趣味性文案,例如:
“✓ 太棒了,这个名字没人用过哦!”
“✓ 这个用户名看起来不错”
这就像有人在你耳边轻声夸一句“选得妙!”,让用户在轻松愉快的情绪中继续填写。
负向反馈如果处理不当,极易浇灭用户热情。尤其是在用户尚未完成输入时,就弹出模糊、生硬、充满否定意味的提示,会让用户感到被“攻击”。心理学中,这被称为“认知威胁感知”——即便系统不带情绪,用户也容易将其“脑补”为批评。
案例:某银行 App 的“劝退式”体验
某银行 App 在设置交易密码时,用户刚输入“123456”,系统立刻弹出:
“不符合要求!”
“不能为连续数字!”
“请重新输入复杂密码”
但用户根本不清楚规则是什么。尝试输入“abcDEF123@”后,系统继续报错:
“不能包含字母连续!”
“必须包含至少两种符号!”
最终,用户直接放弃操作,选择线下办理。这说明负向反馈需要有节奏、有余地、有帮助,而不是一次性“开火”。
这是用户体验中非常微妙但关键的心理触点。当用户遇到错误时,本能会判断:“这错,是我傻?还是你系统蠢?”这一判断直接影响用户是继续修正,还是直接离开。
人类是“归因动物”——遇到问题总想弄清楚原因。当用户操作失败时,系统的提示方式决定了他们把责任归给自己,还是归给系统:
归因于自己:提示清晰、有礼、提供解决方案 → 用户想:“哦,是我疏忽了,下次注意。”
归因于系统:提示模糊、生硬、带情绪 → 用户想:“什么破系统,设计得这么烂,怪我咯?”
一旦用户将责任归给系统,就很难再挽回。
对比案例:登录密码错误
系统 A:只提示“错误!”
用户反应:“我哪错了?是密码错?账号错?格式错?服务器炸了?”
归因结果:怪系统。
系统 B:提示“密码错误,请检查大小写是否正确,或尝试找回密码”
用户反应:系统既指出了问题,又给出了解决路径。
归因结果:怪自己。
对比案例:手机号输入
好的提示文案,传递的是“我是来帮你的”合作心态,而非“你怎么又出错”的责备心态。可以遵循以下原则:
心智模型,简单说就是用户“以为系统会怎么运作”的心理预期。例如,在表单填写中,用户预期的流程是:我填信息 → 系统检查 → 告诉我对错 → 我修改或继续。如果系统行为偏离这一预期,用户就会感到困惑。
验证触发过早
用户还没输完,系统就开始报错,仿佛在说“你话说得不对”。正确做法是等用户输完再判断(如使用 onBlur 或 onChange + debounce)。
反馈来得太迟
用户填完所有字段、点击提交后,系统才提示“手机号格式错了”。这就像“你让我爬了十楼,现在告诉我楼梯走错了”。更优方式是局部字段校验 + 实时反馈,至少在失焦后立即提示。
提示位置飘忽不定
错误提示有时在上方、有时在下方,有时红框、有时弹窗,用户眼睛跟着乱跑。一致性是安全感的来源:建议错误提示统一显示在字段正下方,颜色、样式、交互都保持一致。
你无法控制用户怎么想,但可以引导他们“往正确的方向想”。
如果字段有格式要求,直接在旁边用灰色文字说明,例如“请输入 11 位中国大陆手机号”。或者提供示例“如:13800001234”,让用户一眼看懂。否则等于“逼他犯错,再事后教育”,极易导致用户流失。
避免高压语气:不用“错误!”、“非法!”、“无效!”这类词。
用“请检查一下”替代“你错了”,更像建议而非指责。
给出具体信息:如“9 位”,而不是“格式不对”。
如果前几个字段都没有实时反馈,用户会默认“最后统一验证”。结果突然在第 5 个字段弹出实时验证,用户可能瞬间懵掉。记住:一套剧本演到底。要么全部实时反馈,要么全部最后校验,不要“双标”。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

打开 Uber,页面结构呈现出极强的“克制感”——利用大面积留白引导用户视线聚焦核心功能(如叫车入口、目的地输入框),无多余信息干扰,页面整洁度与操作流畅性俱佳。
滴滴国际版同样遵循这一逻辑,功能分区明确,留白充足,用户无需在复杂布局中费力寻找关键入口。
相比之下,滴滴国内版的内容排版信息密度明显更高:在有限的屏幕空间内,不仅包含叫车功能,还叠加了活动提示、附加服务入口等内容,排版相对紧凑。
这种差异背后,是两种设计理念的碰撞:
国际 App:遵循北美、北欧等地区主流的“极简主义”设计原则,通过留白分割区域,弱化次要元素,让核心功能成为视觉焦点,降低用户决策成本。
国内 App:受“一站式服务”需求驱动,需在单页面内承载更多功能与信息,因此通过层级分明的排版(如卡片分区、字体权重区分)提升信息承载量,满足用户“一次打开、多点获取”的使用习惯。
色彩是用户对产品的第一感知。国际与国内 App 的色彩运用逻辑,恰好呼应了不同市场的视觉偏好:
Uber 采用“黑白为主、蓝色点缀”的极简配色——白色背景保证页面清爽,黑色文字确保信息清晰,仅在功能按钮(如“确认叫车”)和关键信息(如预估费用)处用蓝色强调。
滴滴国际版 色彩使用略多于 Uber,但仍以“功能区分”为核心——地图起终点用对比色标识、特殊车型用专属颜色标注,避免多余装饰色造成视觉疲劳。
滴滴国内版 则采用“高饱和度、多色彩分区”策略——橙色代表主叫车业务、绿色代表拼车、蓝色代表巴士服务,同时用不同颜色区分路况(如红色拥堵、绿色畅通),通过强烈的色彩对比吸引用户注意力,贴合国内用户对“热闹感”“明确区分”的视觉偏好。
由此可见,国际 App 在色彩运用上大多偏好简洁、淡雅的色调,有助于降低用户的视觉疲劳,让用户专注于内容本身;而国内 App 则常用丰富鲜艳的色彩组合来区分功能模块,通过强烈的色彩对比营造活力满满的视觉氛围。
为更清晰对比差异,我对 Uber 和滴滴国内版的首页进行了区域划分:
整体来看,两款软件的首页布局大致可分为五个区域:功能区域、下单区域、更多功能、活动推广、底部 Tab。二者功能分类框架相似,但每个区域的“功能优先级”与“信息承载度”差异显著:
1. 国际 App:核心功能优先,弱化干扰元素
Uber 功能模块与信息层级区分清晰,几乎没有营销广告信息干扰,减少了用户无意义的操作。页面功能聚焦,为用户提供简洁高效的叫车服务,注重专业性,降低页面思考时间。在成熟的海外市场,用户对 App 的使用目的明确(如 Uber = 叫车),因此产品无需通过“附加功能”吸引用户,而是通过优化核心流程提升体验。
2. 国内 App:全能聚合,追求“一站式服务”
滴滴国内版则走“全能聚合”路线,追求一站式服务。除了主要的叫车功能,页面为更多功能留出了近一半空间,整合了搬家、借钱、快送等生活服务,一个 App 就能满足多种需求。在国内庞大的互联网市场,单一功能难以留住用户,因此“全能化”成为主流策略。
国内与国际 App 设计的差异,并非单纯的“审美不同”,而是由文化语境、价值观念、用户习惯等深层因素共同决定的:
语境文化:低语境 vs. 高语境的表达差异
海外(以美国为代表)属于“低语境文化”,人们更习惯“信息直给”——因此 App 设计需减少视觉干扰,用留白和简洁排版让信息清晰易读。
国内属于“高语境文化”,用户对“信息密度高、多元素叠加”的设计容忍度更高——即使页面包含多个功能入口,用户也能通过上下文(如色彩分区、位置习惯)快速定位需求。
价值观念:个人主义 vs. 集体主义的行为导向
海外强调个人主义,用户更注重隐私与自主选择权,App 设计也更倾向于简洁、专注,减少不必要的打扰。
国内强调集体主义,用户更倾向于“从众与热闹氛围”,活动推广、多服务聚合正是为了满足用户“融入集体、获取实惠”的心理需求。
信息获取习惯:专一性 vs. 综合性的使用逻辑
海外用户习惯“一个 App 对应一个需求”,对功能专一性要求高——因此国际 App 无需整合多余功能,只需打磨核心体验。
国内用户习惯“一个 App 解决多个问题”(如滴滴 = 叫车 + 搬家 + 快送),对“一站式服务”需求强烈——这也促使国内 App 通过功能聚合来提升用户留存率。
审美习惯:功能性 vs. 意境感的视觉偏好
海外更注重“功能性审美”——Uber 的黑白配色、简洁排版,本质是“为功能服务的审美”,让用户专注于操作而非视觉装饰。
国内更注重“意境与氛围营造”(如滴滴国内版用鲜艳色彩营造“活力感”),同时受“从众心理”影响,使“高饱和色 + 多功能”成为主流设计范式。
从 Uber 与滴滴的对比可见,国际 App 的“极简风”与国内 App 的“聚合风”并无绝对的优劣之分。前者是成熟市场、低语境文化与个人主义价值的产物,后者则适配国内竞争环境、高语境文化与多元用户需求。
对设计从业者而言,海外 App 的参考价值不在于单纯复制“高级感”的形式,而在于理解其背后“用户需求优先”的设计逻辑。唯有结合目标市场的文化特征、用户习惯与商业需求,才能做出真正适配用户的好设计。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

在产品设计中,用户粘性是衡量产品成功与否的核心指标之一。好的产品不仅要吸引用户,还要让他们愿意长期使用,甚至形成习惯。做到这一点,体验设计师和产品设计师需要深入理解用户行为模式,并利用心理学原理来打造“让用户离不开”的产品体验。钩子模型与多巴胺反馈机制是比较常提及的概念。
兰亭妙微UI设计公司深知,优秀的设计不止于视觉表现,更在于对用户心理的精准洞察。我们始终将用户行为研究与心理学原理融入设计实践,通过钩子模型与多巴胺反馈机制的科学运用,助力打造具备高粘性、强吸引力的产品体验,让用户在使用中形成习惯,真正实现“让用户离不开”的设计目标。
转载:优设
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

想做成这件事,得先理解用户画像是啥。
用户画像是结合用户的社会属性、生活习惯、消费行为等等信息抽象出来的标签化合集。咱们要通分析用户的背景、行为场景、特征、性格等等猜出用户需要啥,咱们应该做啥功能。
基础概念晓得了以后咱进阶一下。用户画像、用户角色、用户属性的不同和相通之处。
用户画像
用户角色
用户属性
总结:用户画像是对用户的全面描述,用户角色是虚构的代表性用户,用户属性是用户群体的可量化特征。三者相辅相成,有助于更好地理解和满足用户需求
咱们咋利用画像中的信息?
帽子叔叔用来审问你的画像和你电商产品的画像那肯定不一样的嘛~不同的企业对于不同的“嫌疑人”要观察的点自然也不一样。
不同维度下咱们能利用画像干啥?以下内容仅作为切入点帮助大家理解。
你买直升机么
基于人口统计特征分类
基于行为特征分类
基于心理特征分类
基于生命周期阶段分类
上面这些你有没有种似曾相识的感觉?你是不是也想到过这些?其实很多设计师在潜移默化受用户画像影响,基本上咱们每一个设计点都可以回溯到用户画像中,说人话就是你这啥这样设计基本都可以在画像中找到依据。为啥你的画像做不好,设计做不好呢?只不过是大家没认真思考过推导过程,产品说是咱做啥。大家可以尝试把以前做过的功能回推一下,想一想你的设计是在满足用户的什么需求,她的需求能对应到以上提到的哪一个分类里面。
打标签
用户画像就是在打标签
请用最简单的词汇概括你女票们,你会想到哪些词汇?“肤白貌美”“优雅”“前凸后翘”“博学多识”“善解人意”“熬夜冠军”“抬杠运动员”“吃货”“可爱”“独立思考”等等,凡是你想到的词汇都可以理解为是你为她打的标签,这就是你将女票变成了一个标签合集。
这些小标签咱们还可以继续做分类(把小标签归到大分类中),比如说“肤白貌美”“前凸后翘”可以归类到“外貌”,形成一个具体的合集。
父子关系
关于标签分类:
比如说你、你女票、你老公、你女票的男朋友、你们四个可以划分为“男”“女”大分类中,同时还可以归属于一个更大标签“人”中。咱们都是在某些合集和归类之里。无非是大合集小合集的关系。
那么针对不同合集采用不同策略。
比如刚才被氪金大佬虐杀的你,为啥他不虐别人只虐你?你就没有问题吗?你的问题可能是因为你同时具备“不服输”标签和“多金”标签,所以系统才会匹配这样的人给你上压力。因为你是个不服输的穷×给你上多大的压力你也不充钱啊!所以在系统层面上你可能同时具备两个标签才会给你推大佬。
虽说设计师对标签这个姿势不需要掌握那么深,但多知道点总不会错。
咱们继续八卦一下标签分类的事
标签可分为。静态标签、动态标签、预测标签
静态标签
静态标签
用户主动提供的数据,或者你通过手段获取的数据,一般来说是用户不咋变的信息,姓名、性别、年龄、身高、体重、职业、兴趣爱好、情感状态、所在地区、设备信息、手机号等等。大概率不会变的信息,总不会今天你是男,明天变成女吧?静态标签主要用来了解咱们用户的基础需求。
动态标签
动态标签
动态嘛,他是会变的,这些标签是有保质期的,需要咱们定期地更新来保证标签的有效性。比如说用户的网络信息,他的上网时长、啥时候上网。比如说用户的使用习惯,她的频次、使用时长、使用时间段、是用的移动还是 PC、关闭和打开的频次间隔。比如说用户行为,她的购物习惯是啥,价格、品质、频率、风格倾向是运动还是职场?品牌倾向是啥、复购率是多少、支付方式是啥,她的浏览习惯是啥?首页详情页停留多久,是精准搜索还是模糊等等,这里就不举例子来说了。
总之这些都是就近发生的具备有很多的不确定性的事儿。
预测标签
她的兴趣点、关注点、潜在需求等等,是咱们通过某种特定规则猜出来的。
比如说你闺蜜是一个漂亮妹妹,情绪稳定,平时也不介入你的情感生活(静态标签:女、情绪稳定、无男友)但在某次你和她吐槽你男票时她情绪变得无比激动痛骂渣男并极力劝你分手!(动态标签:情绪激动、强烈反应、关心朋友)那你会不会怀疑她想搞定你男票?(预测标签:对你男朋友的潜在兴趣、对感情的需求)静态标签为我们提供了闺蜜的基本信息,动态标签反映了她在特定情境下的行为变化,预测标签则对她的潜在需求和动机进行了推测。这种分析能够帮助我们更好地理解她的行为和可能的心理状态。(故事胡编的、如有雷同纯属巧合)
数据的角度进一步的对这些标签做切分又可以分成很多种。
事实标签、模型标签、预测标签
事实标签
事实标签(你的历史过往)
事实标签就是真实的,具体的事,其中也就是姓名啦、年龄啦、生日啦、居住地啥的等等,当然其中还包含购买记录、浏览记录。这些都是真实在用户身上生效的事。举例子来说你的女票问你谈过几个女朋友,你们都交往了多久,分手原因是啥等等,这就属于在调取你的过往事实标签。
模型标签
模型标签(你当下都在干啥)
对用户的历史数据分析得出的特征描述,它反映了用户的行为模式、兴趣和偏好,模型标签属于是对你的多个真实行为做了一个组合,属进一步提纯。还是继续说你女票询问你的事,她得出的答案如果是这样的。
交往历史:
之前的女朋友数量:8
平均交往时长:6 个月
分手原因:没新鲜感、没感觉、发现她有问题等
行为模式:是否在社交媒体上频繁展示与不同女性的互动:你经常给美女点赞。
是否有同时与多位女性交往的记录:你和多个妹妹聊天
情感态度:
对待感情的态度:曾玩弄感情
对女性的评价和态:贬低、物化女性
结合以上你的事实标签得出模型标签:渣男!!!
通过对用户标签的整合,描述用户的当前特征和行为模式。
预测标签
预测标签(你未来会干啥)
预测标签是基于模型标签生成的未来行为预测,试图预测你未来可能的兴趣或行为。
利用模型标签和机器学习算法,预测用户未来可能感兴趣的产品或服务。集合以上的事实标签和模型标签不难预测了吧?那就是你遇到了新妹妹还是会出轨。
三者关系
在举个例子说一下三种标签的关系。
估计很多伙伴公司连画像都没有吧?就算有可能你也没看过,很多设计师在设计过程中大多时候全靠意淫。虽然很多公司都没有这些东西,可咱出去找工作面试官就非要问,你说说这不就是欺负老实人吗!就是欺负你啊,能怎样?把上面内容吃透就不怕问了!
把该科普的科普完,这下大家应该能更好的理解用户画像有啥用了。
更好的理解用户需求、优化产品设计、精准市场营销、提高用户留存率、支持决策制定等等。
画像有啥用 ?
通过分析用户画像,团队可以确定哪些功能对目标用户最重要,从而合理安排开发优先级。
王二狗、李铁蛋、张铁头都是你的暧昧对象(Tui~渣男)其中你更喜欢李铁蛋一些,你现在想出去约会,请问在王二狗、李铁蛋、张铁头和刘亦菲中你会和谁去约会??一定是李铁蛋吧?因为她是你的目标用户啊,其次可能是王二狗和张铁头。你会选择刘亦菲么?当然不会,因为她并不在你的用户画像以内,更重要的是那是我老婆。
自己看吧
用户画像帮助企业识别和细分目标市场,使营销活动更具针对性和有效性。
有了用户画像,运营不用再担心广告像石沉大海。比如,你喜欢猫,用户画像就会告诉商家“嘿,这位朋友可能需要猫粮!”然后你的购物页面上就会出现各种猫咪用品,简直比你妈还懂你。
根据用户画像提供个性化的服务和内容,增强用户的黏性和忠诚度。
通过分析用户的行为、兴趣和需求,帮助企业精准了解用户到底是谁,喜欢什么,甚至还可能预测他们下一步会做什么。说白了,就是让企业从“蒙着眼睛射箭”变成“开着瞄准镜打靶”。请看下面的图形化总结,方便大家更直观理解标签模型~
说实话,用户画像的执行体系太大了,给用户打标签怎么标记才是合理的?用户的级别到底怎么划分?和你聊一次天算舔狗,还是聊十次算舔狗?今天他和我聊天了,我标记他是舔狗,如果明天不聊了怎么算?基于用户当前的标签能不能衍生出更多的操作场景?这些场景是否真的成立?其中的弯弯绕绕实在是太多了,今天说的内容不一定能完全与你的画像匹配,大家得根据自身业务去搞。
可以根据这个图来安排你的脑图
以上差不多说完了关于用户画像的作用和模型的建立,在简单的说一说画像方法吧
首先咱们为啥要做用户画像?
其次你有对业务做梳理吗?你要针对谁做画像?对什么业务板块做画像?
如果以上的内容你都想清楚了,那针对你的业务目标、用户群体你需要提取哪些数据呢?你想要得到啥信息呢?
获取信息方式
你需要的数据都分布在哪?
静态数据、动态数据、预测数据
以上的信息全都做完了,那考虑一下咱们针对这些数据能做出什么样的分析,你是不是会推测出新的标签,或者有新的归类,是不是能把用户分层做的更加细致。
最后举个画像例子大家浏览一下吧
点明主题 ,用户画像的目的是在于想了解用户的使用场景与其依赖的功能有哪些。(潜在意思是俺要在这些高度依赖功能中找问题。)
桌面研究数据 、企业内部数据、问卷数据合集,形成画像角色标签合集。
对某类人中的典型用户跟踪总结 ,其中包含个人属性、生活方式、社会属性、家庭属性等等。
用户角色拆解 ,使用车辆的用户分别都有谁,他们的核心诉求都是啥。
列出在不同属性作用下的用车场景以及功能 。
总结画像能带来的切入点在哪里:
针对前面分析的内容判断出结果,我们应该在哪里找到设计切入点。(其实这个画像也是我编的,全都是桌面研究搞来的数据,但是你瞅瞅是不是相对来说比你那个靠谱一些?)
最后的最后~脑图串联一下知识点~
转载:优设
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

选项顺序效应(Order Effect) 指用户面对一系列选项时,选项的呈现顺序会显著影响其决策结果。这种现象主要由两种认知偏差驱动:
首因效应(Primacy Effect):最早出现的选项因获得优先曝光,更容易在用户记忆中留下印象。
近因效应(Recency Effect):最后出现的选项更接近决策时刻,在短时记忆中更为突出。
在认知心理学层面,这与人类有限的注意力资源、工作记忆容量以及信息加工方式密切相关。用户并不会严格比较所有选项,而是依赖顺序线索进行“满意化决策”(Satisficing)。
在UX/交互设计中,该效应常见于:
表单与调查(选项顺序影响回答倾向)
电商与订阅套餐(不同顺序改变选择分布)
导航与推荐系统(前置或置底选项更易被点击)
核心风险:用户的选择可能更多受顺序驱动,而非真实偏好。若在设计或研究中忽视这一点,可能导致数据偏差与不公的用户体验。
用户的视觉焦点通常遵循阅读习惯(从上到下、从左到右),前置位置天然获得更多曝光。
首因效应:最早出现的选项因更多复述与加工,更易转化为偏好。
近因效应:最后出现的选项因处于决策“临界点”,直接影响最终选择。
当选项过多时,用户难以全面比较,会采用“选择第一个合理选项”的启发式策略。
导航栏或底部菜单:靠前或靠下的功能更易被点击
订阅套餐:首位选项被视为“默认选项”,末位高价套餐因“对比效应”更突出
问卷调研:固定选项顺序可能导致结果偏差
核心洞察:用户的选择并非完全理性,界面排列与信息呈现方式深刻影响着决策路径。
场景:底部导航栏或首页主菜单,常将“消息”“首页”等高頻功能置于最左侧或最上方
逻辑:利用首因效应,确保用户优先接触核心任务,降低操作成本
场景:会员订阅页常见“基础版—推荐版—高阶版”布局,并对中间档进行视觉强化
逻辑:结合顺序效应与折中效应,引导用户选择中间档,提升转化
场景:兴趣选择、调研问卷
逻辑:为保证数据客观性,应采用随机化选项顺序,避免结果偏差
场景:推荐列表或信息流
逻辑:前列选项点击率与转化率显著高于后列,基于“认知吝啬”原则,用户倾向于选择思考成本更低的前列结果
积极作用:优化排序帮助用户快速定位高频功能、常用选项,提升效率
潜在风险:问卷结果可能偏离真实意图;过度迎合商业目标可能侵蚀用户信任
核心思考:顺序效应既是交互优化的工具,也可能成为操控用户选择的手段。设计师需在效率与公平性间寻求平衡。
场景:美团外卖频道中,顶部Tab固定展示「附近商家」与「特价外卖」两个入口。滑动时右侧动态面板偶发提示引导切换至「特价外卖」,底部导航栏左侧按钮由“外卖”动态切换为“刷新”。
设计说明:
「附近商家」置于首位,符合用户直觉预期
「特价外卖」虽在次序上处于弱势,但通过动态引导与样式差异获得额外感知加权
底部导航栏的再定义,使用户在滚动后自然转向“实时更新”
启示:顺序效应中,若需突显非首位选项,可借助动态触发、UI再编码、差异化样式打破固有注意力分布。但过度引导可能带来注意力稀释与操作负担。
场景:
顶部Tab依次为:精选推荐、品质正餐、咖啡、奶茶果汁、快餐便当……遵循由泛化到具体、主流到小众的排序
「精选推荐」下设有“外卖百亿补贴”专栏及个性化推荐餐馆列表
餐馆列表支持多维度筛选(优惠活动、商家特色、品质优选、配送速度)
设计说明:
将“精选推荐”置于首位,确保用户第一眼落在平台最想推广的内容
高频需求(品质正餐、咖啡奶茶)置于前列,符合使用概率分布
多维筛选满足理性比较需求,降低选择焦虑
启示:顺序效应不仅体现在Tab排列,更贯穿专栏配置与筛选组合。通过“顺序+补贴+筛选”三层递进,逐步引导用户决策。但过度强调补贴可能导致用户忽视多样化商家,筛选维度过多也可能增加决策成本。
场景:Tab顺序为:首页、搜索与探索、发布、Reels、个人主页
设计说明:
首页首位:确保用户进入应用后立即接触社交动态,增强亲近感
发布按钮居中:强化“内容生产”的战略地位
Reels第四位:紧随发布入口,借助邻近性推动短视频增长
个人主页末位:形成“消费→发现→生产→沉浸→展示”的闭环路径
启示:Tab顺序基于用户心理路径引导,逐步塑造行为习惯。但战略倾斜可能稀释社交关系核心,使平台从社交转向纯内容消费。

信息密度过高:选项过多时,首尾优势被削弱,用户更多依赖搜索、筛选或排序功能
用户目标明确:用户带着特定目的时,顺序效应几乎失效
习惯与算法干扰:
高频使用形成固定操作路径
个性化算法动态排序可能降低用户对首尾推荐的信任
中间选项若使用强烈视觉强调,可能覆盖顺序优势
知情权与透明度:确保用户理解推荐逻辑,避免误导或操控感
避免过度操控:首尾位置与稀缺、优惠叠加可能引发焦虑或后悔
平等呈现:在信息密集型平台,避免无意中造成曝光偏差
长期信任:短期优化若损害信任,将影响品牌长期价值
刻意打破首尾优势,将重要选项置于中间或随机排序,迫使用户主动浏览
内容平台可通过交替首尾内容,提升冷门内容曝光率
教育平台:调整习题顺序,避免学生只关注首尾任务
电商平台:将冷门商品穿插中间位置,促成更多探索
反向使用启示:顺序效应不仅能引导用户,也可通过反向策略激发主动性与探索欲。设计师应让心理机制为用户价值服务,而非单纯追求短期转化。
选项顺序效应揭示了:人们面对多个选项时,先看到或最后看到的选项更容易影响决策。这对设计师而言既是机会,也是责任。
核心洞察:
首位和末位天然吸引注意,可用于突出关键动作或推荐内容
当用户目标明确时,顺序影响减弱,需结合视觉层级强化信息
有意识地调整或打乱顺序,可以让用户探索更多中间选项
最终思考:设计不仅是优化行为,更是尊重用户决策的自由。巧妙的顺序安排,既能提升效率,也能保持体验的公平与透明。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

我发现很多人设计主按钮,只会用主题色。而兰亭妙微 ui 设计公司在服务大量企业级产品过程中发现,很多大厂设计的主按钮,并不统一用主题色。
注意,这里讲的不是作为陪衬的次按钮,而是一个页面上最显眼的主按钮 CTA (Call to Action) 按钮。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。






转载:优设
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
谷歌Material Design的图标设计标准正在重新定义界面视觉语言。兰亭妙微UI设计公司深度解析从简洁性、几何形状到风格统一的三大核心原则,详解24dp标准尺寸下的网格系统与布局规范,并揭秘复杂图标的细节处理技巧。无论是圆角控制还是描边粗细,这套方法论让零基础设计师也能快速掌握专业级图标设计。
今天分享的是「图标设计准则」。图标是界面设计里的 “刚需元素”,一个小图标能快速传递很多信息。好的图标需要兼顾简洁、现代、友好。但图标的尺寸很小,设计时既要严格遵守设计规则,又得清晰表达信息,这样才能保证整套图标的风格统一、辨识度高。
今天就来聊聊大厂在用的图标设计原则和设计规范,配合案例进行设计分析~
给大家举个例子,就说下面的小船图标,想让图标清晰好认,就得做减法,那么用正面的简约船身造型最合适。

如果图标设计的过于细致,例如图标中添加了船帆、桅杆或者旗帜等细节,太写实的图标不仅会降低识别速度,还会破坏整套图标的视觉统一性。
设计总结:
✅ 简化图标造型,提升清晰度和辨识度
❌ 拒绝过度写实,避开复杂繁琐的设计
使用几何图形和统一的基础形状来设计图标,能打造出清晰醒目的视觉感受。哪怕结构简单,也能保持清晰的形态,缩小到小尺寸时也照样容易分辨。

反过来讲,尽量少用那些纤细、松散的不规则形状,它们会破坏线条的连贯性,让整套图标看起来乱糟糟的,没个统一的调性。
设计总结:
✅ 靠几何图形和统一的造型,打造醒目视觉效果
❌ 少用纤细、不规则的形状
这里给大家看一组风格统一的图标示例。对品牌识别和系统适配来说,保持图标集的视觉一致性太重要了。

要是把不同风格的图标混在一起用,用户根本没法把它们当成“一家人”。所以同一套图标里,不管是形状、线条粗细,还是比例、边角处理,都得按同一个标准来。
设计总结:
✅ 单套图标集里视觉风格要保持统一
❌ 千万别混搭不同风格的图标
在谷歌的Material Design 3 设计规范中,标准 (基线) 图标尺寸是24dp×24dp,设计时建议按100%的比例来做,这样能保证像素级的精准度。

除了这个标准尺寸,还有20dp、40dp、48dp这几种常用尺寸可以选:

20dp:适合用在桌面端、紧凑布局,或者那些小尺寸的视觉元素
40dp/48dp:针对显示器、大屏幕,还有标题栏这类特殊场景
设计图标时,内容需要放在有效区域内里。有效区域是指页面滚动或适配不同设备时图标不会被遮挡的“安全可视区域”。
如果想让图标的视觉冲击力更强,可以让内容延伸到有效区域和裁剪区域之间的留白处,但不能超出裁剪区域,不然图标很容易被裁剪显示不全。
具体要怎么布局呢?看下面这两点就够了:

① 有效区域:图标内容要放在20dp×20dp的范围内,四周各留2dp的边距
② 边距:给有效区域留出2dp边距,既能让图标和周围元素拉开视觉距离,又能让整体看起来更平衡
接下来通过一个图标案例来简单总结一下:

上图从左到右分别代表了在有效区域、在有效区域和裁剪区域、在裁剪区域之外创建的图标案例。
设计总结:
✅ 图标内容保持在20dp×20dp的有效区域里,记得留2dp边距⚠️ 想加视觉冲击力?内容可以延伸到边距区域
❌ 任何情况下,图标都不能超出裁剪区域
① 网格和关辅助线
一套图标中可能有的是圆形,有的是方形,那怎么才能保证形状不同的图标保持视觉大小的一致性呢?
这种情况大家在设计图标时应该都碰到过,解决方法可能大多是通过眼睛对比查看,把看着小的图标调大一些或者把看着大的图标调小一点。这种方法效率不高,而且设计出来的图标大小不容易保持一致性。
这里提供一个更科学和高效的辅助图标设计方法——使用网格和辅助线,照着这些辅助线来设计图标,能轻松保持比例一致。

例如常用的24dp×24dp图标网格,由正方形、圆形、竖矩形、横矩形这四种基础辅助线构成。它们就像图标的“骨架”,能帮所有图标保持统一的比例和对齐效果,哪怕放大10倍看,结构也照样清晰。
给大家拆解一下这四种辅助线:

方形辅助线:边长18dp,是图标的基础平衡基准。比如图表类图标就可以照着这个方形来画,保证比例稳定。

圆形辅助线:直径20dp,用来设计圆润平衡的图标。像地球图标用这个圆形打底,就能和其他图标和谐搭配。

垂直矩形辅助线:高20dp、宽16dp,适合强调纵向比例的图标。比如文档图标围着这个竖矩形设计,比例会特别清晰。

水平矩形辅助线:高16dp、宽20dp,适合横向比例的图标。像邮件图标用这个横矩形当基础,形状会很均衡。
一个完整的图标,由圆角、起始/结束点、内部形状、外部轮廓等组成。

这里重点说下大家容易踩坑的“圆角”的设计:例如下图的银行卡图标,采用外角2dp圆角、内角尖角的设计,这样既柔和又利落。

如果把圆角做得太大,如下图左侧文档图标,图标的辨识度就会下降;如果一个图标中混用不同半径的圆角,如下图右侧的图标,整个图标看着就会很杂乱。

设计总结:
✅ 按规则设置圆角,统一圆角半径
❌ 避免圆角半径过大/半径混用的情况
推荐的图标描边粗细是2dp或常规 (400),也可以根据需求灵活调整,例如在MD3设计规范中就提供了100 (细)到700 (粗)的多种选择。

这里有两个小技巧:

设计直角线性图标时,描边的末端尽量做成直角,例如下图左侧的箭头图标,45度切割的直角就很清晰;在下图右侧的添加图标中,内部的加号也采用了2dp的描边粗细,与外轮廓保持一致。

另外要注意一套图标需要保持相同的描边粗细。如果描边x粗细不一致,不仅会模糊图标形状,还会破坏视觉一致性。
设计总结:
✅ 描边粗细保持统一,直角图标末端也用直角
如果图标需要一些精细的细节,可以通过一些灵活的调整来提升辨识度,但不能扭曲基础的几何形状或破坏整体比例。

比如回形针图标,为了在24dp的空间里放下多个曲线,可以把 2dp的标准描边粗细微调成1.5dp;再比如拉面图标,下面的碗作为托底采用2dp的粗描边,上面的筷子拉面等元素细节更多,则采用1.5dp的细描边,让细节更清晰。

还有一个小原则:设计复杂图标时,尽量保持正面视角,别做倾斜、旋转的等距或者3D效果——多余的深度感会增加识别难度。
设计总结
✅ 正面视角设计,细节微调不跑偏
❌ 少用倾斜、旋转的等距/3D呈现方式
图标是一种高效的视觉语言,能打破语言壁垒,快速传递信息。但它的优势,必须建立在清晰的结构和统一的规则之上。
设计时基于标准的辅助网格走,保持比例均衡、视觉重量一致,设计出的图标才不会喧宾夺主,反而能提升整个产品的用户体验。
转载:人人都是产品经理
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

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