首页

UI/UX・产品体验笔记|「一键已读」的进阶设计:场景细分与交互升级

涛涛 用户研究

在移动产品的消息模块设计中,「一键已读」早已不是简单的 “清除未读标记” 功能,而是产品平衡用户信息管理效率与核心业务体验的关键设计点。随着产品功能的多元化,不同平台对「一键已读」的设计不再局限于 “有无” 或 “文字 / 图标” 的选择,而是根据消息类型细分、用户操作习惯、产品业务属性做了更精细化的场景适配:部分产品实现了按分类一键已读,部分增加了二次确认与智能筛选,还有些产品将该功能与消息免打扰、折叠做了联动设计。

AI/UX 用户体验设计:智能产品的体验重构与指标落地

涛涛 行业趋势

随着生成式 AI、智能体(Agent)技术的全面普及,人工智能正从工具属性向产品核心架构深度渗透,最新行业数据显示,超 60% 的企业已将 AI 技术融入产品全链路设计,95% 的头部科技公司正加大智能体验的研发投入。AI 不再是产品的附加功能,而是重构用户体验的核心驱动力,如何让复杂的智能技术转化为用户可感知、可掌控、可信赖的体验,成为 UX/UI 设计的核心命题。作为深耕智能产品体验设计的专业团队,我们落地超 300 个 AI 产品设计项目,沉淀出从体验设计到数据指标落地的全流程方法论,助力产品实现技术价值与用户体验的双向赋能。

用户体验地图实战指南:从工具到落地的全维度拆解

涛涛 用户研究

用户体验地图是产品设计中聚焦用户视角的核心可视化工具,能清晰呈现用户与产品、服务的全流程互动体验,帮助团队挖掘痛点、找准优化方向,实现以用户为中心的设计与决策。本文从基础认知、制作落地到实际应用,全方位拆解用户体验地图的核心逻辑与实操方法,让这一工具真正成为产品体验升级的有效抓手。

外卖 APP 点餐体验升级 —— 用户体验地图落地实操指南

涛涛 用户研究

用户体验是外卖 APP 的核心竞争力,流畅的点餐流程直接影响用户留存与复购。用户体验地图作为核心设计工具,能从用户视角拆解体验问题、挖掘优化机会,让产品设计从 “功能驱动” 转向 “需求驱动”。本文以外卖 APP 核心点餐流程为案例,拆解体验地图的定义、制作与落地优化全流程,让这一工具成为体验升级的实操抓手。

从「视觉偏好」到「价值落地」:UI/UX 设计师的 7 个核心决策思维

涛涛 用户研究

做设计时,我们总免不了陷入这样的纠结:两个按钮样式哪个更精致?新的图标风格要不要替换原有体系?评论区里永远有人喊着 “A 更高级”“B 更简洁”,但如果设计决策只停留在 “好看与否” 的评判,终究会偏离用户体验的核心。

优化转化不用愁?10 个 UI/UX 关键技巧帮你轻松搞定

涛涛 用户研究

很多时候,提升产品的服务转化率,并不需要大刀阔斧的改版。那些看似不起眼的 UI/UX 细节调整,反而能带来立竿见影的效果。我整理了 10 个经过实践验证的黄金技巧,帮你低成本优化设计,让用户愿意留下来、愿意完成转化。

新手必懂!iOS26 系统级 UI 控件全解析

涛涛 行业趋势

在 UI 设计入门阶段,掌握系统原生控件的定义、用法和设计规范,是搭建合规且易用界面的基础。随着 iOS26 对设计风格的更新,不少控件的形态、功能边界和使用场景都发生了变化。本文将以 iOS26 官方组件库为标准,全面拆解核心系统级控件,帮新手快速理清控件分类与设计要点,避开常见误区。

如何为日本市场打造多场景设计语言

鹤鹤 设计思维

围绕「如何更好地触达日本用户」这一目标,并行探索了两种不同的设计方向:
一种侧重‘日式美学体验’,另一种侧重‘saas商业信任’。
这个过程引发了我们关于「美学价值」与「商业目标」如何平衡的深度思考,本文旨在沉淀与分享我们团队的这次探索过程与方法论。
首先,设计之前先读懂日本美学的“潜台词”:
日本设计常被视为高级感的代名词,其设计感强的同时能保证信息足够清晰明了。这背后是深植于其传统哲学的独特美学——「间」(Ma)与「侘寂」(Wabi-Sabi),一种于克制中见风骨的艺术。它并非悬浮的理论,而是可以被转译为现代设计语言的实用准则。
对我们而言,其核心是
通过克制的色彩、有序的留白和对细节的极致打磨,践行“少即是多”的哲学理论
一、色彩:「和风三色」的碰撞
在色彩选上,我倾向于从日本传统色谱(https://nipponcolors.com/)中汲取灵感。相比于高饱和度的色彩,源自自然的
低饱和度、低明度的配色
更能营造出沉静、雅致的氛围。为了让设计更具识别性,会考虑适度选择
樱色、松绿、靛蓝
三个颜色,唤起用户对日本文化的深层共鸣。
简单来说:樱色、松绿、靛蓝这三种颜色,虽然没有一个官方固定的名称,但它们的确是能够完美代表日本传统审美和自然观的经典色彩组合,之所以如此具有代表性,是因为每一种颜色都深深植根于日本的自然、文化和历史之中,感兴趣的同学可以自己去了解一下,在这里我们把它们简称为
「和风三色」。
 
二、布局:严谨的留白与“直角vs圆角”的思辨
布局是日式设计的灵魂,而留白(间)则是其精髓。
视觉元素间的留白比例通常会达到30%-50%
,远超一般的设计标准。这不仅是为了美观,更是为了引导视线,让信息有序地呈现。设计中严格遵循网格系统,对文字与图片的间距、字体的行间距进行精细到像素级别的调整,构建一种“板正”的秩序感。
参考:https://www.webdesignclip.com/
 
这里有一个很有趣的细节值得探讨:
边角处理的选择
选择圆角——能带来亲和、自然的感觉,符合一部分日式设计中对
“有机形态”
的追求。
选择直角
——
基于严格网格系统的排版中,锐利的直角能够最大化地强化秩序感和专业性,让整个界面看起来如同精心切割的木工作品,精准而有力。
选择哪一种,取决于想传递的具体气质,我们也是应用到了不同的场景里进行尝试。
三、图片:承载“视觉呼吸”的侘寂之窗
在日式排版中,图片往往不只是信息的补充,更是
营造“视觉呼吸感”的关键载体
因此,在图片选择上,需要格外注意它能否传达出「侘寂」美学中那种对不完美、无常、自然的敬畏感。
通过
大量的留白来突出主体
,引导观者进入一个宁静的哲学意境。
它们与文字和图标一起,共同构成了那个充满呼吸感、值得细细品味的设计空间。
 
站点实战复盘——两种设计策略的并行探索:
一、 两种设计哲学(方案)的碰撞
1、以‘日式美学优先’建立情感连接
方案A ————
  •  
    沟通方式:
    感性沟通——传达“我能让你变得很有品位”的概念,向他们兜售一个关于“理想之家”的筑梦工具;
  •  
    设计目标:
    希望能第一时间抓住用户眼球,让用户感知到这是一家高级的公司;
  •  
    风格调研:
    在本地用户投票调研中拿到了不俗的票数,说明成功地引发了用户“共鸣”;
  •  
    差异化:
    在普遍SaaS网站中,风格比较独特鲜明;
  •  
    总结:
    通过大面积的留白、克制的和风配色、以及严谨的网格系统和锐利的直角,去传递产品的专业与品位,旨在先与用户建立情感共鸣。
     
     
2、以‘本土信任优先’驱动商业转化
方案B ————
  •  
    沟通方式:
    理性沟通——传达“我们很厉害”的概念,告诉用户我们在卖一个“解决方案”;
  •  
    信赖感强:
    蓝色主色搭配黄色的辅助色,配合线条插画,是日本SaaS网站建立用户信任的“标配”元素;
  •  
    风格清晰:
    明确的SaaS风格,降低用户认知成本,同样在本地用户投票调研中拿到了不俗的票数;
  •  
    总结:
    符合日本主流SaaS网站的设计范式,开门见山地展示了软件的核心功能、客户案例墙、增长数据,通过“理性沟通”,用最快的速度告诉用户“相信我,我能帮你解决问题”;
 
*配图仅截取方案的某一部分
二、团队的决策与沉淀:设计策略的“情境化”应用
经过用户调研和团队内部的深入讨论,我们达成共识:在SaaS官网这一
以“转化”为核心
的特定场景下,以方案B——“信任优先”的策略更贴合现阶段的商业目标。
它在建立用户信任、降低认知和决策成本上表现更优,是更稳妥的市场切入策略。最终上线后,我们的结论也在日本市场中得到了相应的数据验证。
当然,我们对于方案A的验证也没有完全舍弃,而是应用在线下推广的应用中,在平面设计领域尽可能发挥出日式美学的魅力。
image.png
三、设计的答案,永远在“情境”之中
我们只是在不同声道上与用户对话,作为设计师,我们的目标就是成为一个“多声道”的沟通者,既要懂得如何用“工程师”的语言搭建高效的转化桥梁,也要懂得如何用“艺术家”的语言构建引发共鸣的情感空间。
这或许也是国际化设计最迷人的挑战吧!
 
 
作者:群核科技MCUX
链接:https://www.zcool.com.cn/article/ZMTY3ODA2OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
 

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

 

image.png

 
 

为什么 AI 产品都爱用蓝紫色?背后藏着色彩心理学与行业巧思

鹤鹤 设计思维

打开手机里的各类 AI 应用,你大概率会被一种蓝紫色调 “包围”:通义 APP 的 logo、百度的问 AI 按钮、钉钉的 AI 表格图标、讯飞星火的官网 banner……
 
可用的色彩那么丰富,为何 AI 产品偏偏对蓝紫色 “情有独钟”?其实这种选择并非设计师随意为之,背后既贴合大众的认知习惯,也藏着心理学逻辑与行业设计巧思。

image.png

一、色彩设计心理学:精准契合 “稳重 + 创新” 的核心需求

 
颜色从来不止是视觉装饰,更承载着大众的心理联想,而蓝紫色恰好精准踩中了 AI 产品最需要的两大认知标签 ——“靠谱稳重” 与 “前沿创新”。
 
蓝色自带的 “信任感” 早已深入人心:支付宝用蓝色传递安全可靠,多数科技品牌以蓝色彰显专业严谨,AI 产品自然也借助这份 “信任红利”,让用户从视觉上就先认可其技术实力。
 

image.png

但仅靠蓝色远远不够,AI 功能还需凸显 “新意”,避免陷入传统科技产品的沉闷感。此时紫色的加入,恰好补上了 “创新感” 的缺口:紫色由蓝色与红色调和而成,既保留了蓝色的理性稳重,又融入了红色的活力,却无红色的刺眼感,比蓝色多了几分创造力与神秘感。

image.png

 
这种 “理性基底 + 创新活力” 的双重质感,堪称为 AI 量身定制 ——AI 既要靠严谨算法体现逻辑,又要靠创新功能吸引用户,蓝紫色的组合完美适配这一核心特质。

image.png

以钉钉为例,其主色调为蓝色,但在 AI 相关设计中大量融入紫色调:官网首页 banner、分类卡片、功能按钮、UI 界面及装饰图形等,均采用蓝色搭配浅紫、粉紫的组合,既保留了品牌的专业感,又传递出 “能创造新价值” 的工具属性,精准契合 AI 突破常规的定位。这种 “蓝色稳根基 + 紫色添新意” 的搭配,让 AI 产品既不冰冷遥远,又不失专业可信度。
 

二、打破科技色惯例:在同质化中实现差异化突围

 
早年科技圈几乎是 “蓝色的天下”:海外的 IBM、Meta、微软、推特等品牌,均是蓝色的重度使用者;国内不少互联网品牌的主题色选择,也或多或少受此影响。

image.png

若 AI 产品继续沿用纯蓝色,极易在同质化竞争中被淹没,而蓝紫色则成为最具性价比的破局方案。一方面,蓝紫色调未脱离 “科技感” 的大众认知框架,不会让用户产生陌生感;另一方面,鲜艳的蓝紫渐变自带强烈视觉吸引力,能营造出未来感与现代感,快速抓住用户眼球。随着越来越多 AI 产品采用这一配色,蓝紫色逐渐成为行业视觉约定,帮助用户快速识别 AI 工具与相关内容。

image.png

 
阿里通义千问便是典型代表:设计中摒弃了阿里系传统的橙红色,也未跟风科技圈的纯蓝色,转而采用青蓝到亮紫的渐变设计,从 logo、页面 UI 到宣传海报,均贯穿蓝紫色调。既与其他 AI 产品形成差异化辨识度,又牢牢扎根于大众对 “科技色调” 的认知,实现了平衡与突围。
 

三、数字场景 “天生百搭色”:适配多场景使用需求

 
AI 产品需适配手机、电脑等多终端的日常使用,而蓝紫色恰好是数字场景的 “理想配色”,经得住各类屏幕与使用场景的考验。
 
其一,显示效果友好。蓝紫色在屏幕上不会像红、黄色那般刺眼,也不会因过浅而模糊不清,尤其是渐变效果,能在手机、电脑上呈现出丰富层次感。无论是深色模式下的护眼需求,还是浅色模式下的醒目度要求,蓝紫色都能完美适配,契合用户昼夜切换的使用习惯。

image.png

 
其二,视觉效果突出。蓝紫色搭配和谐不易出错,同时贴合当下设计潮流,能让用户直观感受到产品的新潮感,提升对产品的好感度。
 
当然,蓝紫色并非 AI 产品的 “万能公式”:ChatGPT、腾讯元宝采用绿色主题,更显活泼灵动;ima 页面以浅绿色为主,按钮等元素搭配深灰色,无明确主题色;纳米 AI 的 logo 选用红色,风格特立独行(这类配色在 AI 产品中相对小众,不建议轻易尝试)。

image.png

 
但对绝大多数 AI 产品而言,蓝紫色仍是最稳妥的选择:既契合大众对 “靠谱科技” 的认知,又能在竞争中脱颖而出,还能适配各类使用场景。下次再看到蓝紫色调的 AI 产品,你便会明白,这背后藏着设计师精准拿捏用户心理的 “设计巧思”。
 

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

 

image.png

界面设计公司分享:扁平设计--极简美学下的高效用户体验

蓝蓝设计的小编 移动端UI设计文章及欣赏

在信息爆炸的数字时代,用户对界面的要求早已超越 “好看”,更追求 “好用”。扁平设计(Flat Design)以极简的视觉语言、清晰的信息层级,成为当下 UI/UX 设计的主流趋势,而北京兰亭妙微界面设计公司,正是将这种风格落地为商业价值的专业践行者。

一、扁平设计:用极简,做高效

 
扁平设计的核心是 “去繁就简”,摒弃阴影、渐变、纹理等拟物化装饰,以纯粹的二维形态、简洁的色彩与排版,让用户快速聚焦核心信息。它的优势,正是企业数字化转型中最需要的:
 
  • 信息传递更高效:无冗余元素干扰,用户一眼看懂功能、一秒完成操作,降低认知成本。
  • 多端适配更灵活:轻量化设计天然适配移动端、网页端、桌面端,响应式布局更易实现,开发成本更低。
  • 品牌识别更清晰:统一的色彩、字体、图标体系,让界面成为品牌的 “视觉名片”,强化用户记忆。

二、兰亭妙微:让扁平设计,适配每一种商业场景

 
作为深耕 UI/UX 设计多年的专业团队,北京兰亭妙微始终以 “用户体验为核心,商业价值为目标”,将扁平设计的精髓融入不同行业、不同产品的设计中,让极简风格不止于美,更能解决实际问题。
 

1. 严谨的设计规范,保证视觉统一性

 
兰亭妙微的扁平设计,从不是 “简单的无装饰”,而是基于严谨规范的系统设计:
 
  • 色彩系统:以 1-2 个品牌主色为核心,搭配 2-3 个辅助色区分功能状态,中性色构建基础层级,确保色彩对比符合 WCAG 标准,兼顾美观与可读性。
  • 排版体系:选用无衬线字体,通过字号、字重、间距划分标题、正文、辅助信息层级,留白充足,让界面 “呼吸感” 拉满。
  • 图标与控件:统一线性 / 面性图标风格,按钮、输入框、卡片等控件采用纯色填充 + 统一圆角,无多余装饰,交互反馈清晰(颜色变化、透明度变化)。
 

2. 行业化定制,让扁平设计更 “接地气”

 
不同行业的用户需求不同,兰亭妙微拒绝 “千篇一律” 的扁平模板,而是结合行业特性定制设计:
 
  • B 端后台系统:侧重信息密度与操作效率,用色块、卡片划分功能模块,简化复杂表单,让运维、管理类用户高效完成任务。
  • C 端移动 App:强化视觉吸引力与易用性,用简洁的图形引导交互,适配移动端小屏特性,提升用户留存与转化。
  • 工业软件 / 医疗设备界面:兼顾专业性与安全性,扁平设计减少视觉干扰,突出关键数据与操作按钮,降低误操作风险。

3. 从设计到落地,全流程保障效果

兰亭妙微不仅提供设计方案,更注重 “设计落地”:从需求分析、交互原型、视觉设计,到切图输出、开发对接,全程跟进,确保扁平设计的规范与细节在最终产品中完美呈现,避免 “设计与开发脱节” 的问题。

三、选择兰亭妙微,让扁平设计成为你的竞争力

 
在数字化产品同质化的今天,优秀的界面设计是差异化竞争的关键。北京兰亭妙微界面设计公司凭借对扁平设计的深刻理解、丰富的行业案例、专业的服务流程,已为众多企业打造出兼具美学与实用性的界面产品,帮助客户提升用户体验、强化品牌形象、实现商业目标。
 
无论是 App 界面、网站设计、后台系统,还是工业软件、医疗设备界面,兰亭妙微都能以专业的扁平设计能力,为你的产品注入极简美学与高效体验。选择兰亭妙微,就是选择 “好看又好用” 的界面设计,让你的产品在用户心中留下深刻印象。

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

 

image.png

日历

链接

个人资料

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

存档