首页

兰亭妙微|用户体验设计中的 7 个心理学现象

涛涛 交互设计及用户体验

为什么一个看起来精美的界面,实际用起来却不尽如人意?答案往往藏在用户体验的细节里。在兰亭妙微,我们始终相信:不懂人类心理学的设计师,不会比不懂物理学的建筑师更成功。用户体验设计与心理学有着根深蒂固的联系 —— 社会心理学、行为心理学、认知心理学,共同构成了理解用户行为的底层框架。本文将从 7 个经典心理学现象出发,探讨它们在体验设计中的应用之道。

兰亭妙微|设计师,为什么配色那么难

涛涛 设计思维

在 UI 设计和插画创作中,很多设计师会觉得自己 "天赋不够",对色彩的敏感度不如他人。但在兰亭妙微的设计实践中我们发现,配色难往往不是天赋问题,而是缺乏系统的方法总结 —— 大多数时候大家凭感觉和运气去配色,却忽略了色彩背后有一整套可以被掌握的规律。本文不重复 RGB、HSB、CMYK 等基础概念,而是从人如何感知色彩出发,探讨在产品设计中如何将配色运用得得心应手。

Vantary海事无人系统任务平台UI/UX设计解析

丽洁 系统UI设计文章及欣赏

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

在高风险暗环境中组织态势、载具、任务与告警信息

图片1.png 面向产品经理与资深设计师的案例研究

 

导读|在高风险暗环境中组织态势、载具、任务与告警信息。本文不止评价画面风格,而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

一、产品定位:先回答系统替谁解决什么问题

Vantary是一套面向海事无人载具与任务控制的概念平台,覆盖任务地图、载具状态、扫描、周界安全和移动指挥。它需要在高信息密度、高风险和低光环境中帮助操作人员快速理解态势。

图片2.png 1  项目界面与设计细节

图片3.png 2  项目界面与设计细节

二、信息架构:把功能转译为用户的工作顺序

主控制台以任务场景为中心,左侧载具与任务列表、中央地图或3D态势、底部控制参数和右侧告警形成稳定布局。移动端则压缩为快速查看与简单控制,强调跨设备连续而非完整功能复制。

图片4.png 3  项目界面与设计细节

三、关键交互:从浏览信息走向完成任务

热点、目标和载具状态通过空间位置直接关联,点击对象后出现任务卡、潜在范围和操作入口。橙色警戒区、扫描范围和任务进度为操作员建立即时反馈。高风险动作应采用两阶段确认,并持续显示通信质量与控制权状态。

图片5.png 4  项目界面与设计细节

四、视觉系统:品牌表达必须承担信息语义

深蓝黑环境贴合夜间海上控制场景,橙色用于目标、威胁和关键行动,形成强烈但有语义的视觉焦点。半透明面板保留背景态势,微弱网格与细线增强技术感;摄影与界面叠加帮助解释实际应用环境。

图片6.png 5  项目界面与设计细节

图片7.png 6  项目界面与设计细节

五、面向产品与设计团队的可复用价值

安全关键系统要优先设计态势感知,而不是追求单页功能丰富。产品经理应定义告警等级、控制权限和失联策略;设计师必须验证远距离视认、色觉差异、压力状态和误触防护,并为每个自动化动作提供可解释依据。

图片8.png 7  项目界面与设计细节

图片9.png 8  项目界面与设计细节

六、专业审视:仍需补齐的体验边界

当前概念图的对比度偏低,真实海上环境下可能影响快速识别。半透明层和小字号需要显著增强;通信中断、GPS漂移和载具故障等异常状态应拥有独立模式。移动控制尤其需要限制危险操作并显示明确接管状态。

图片10.png 9  项目界面与设计细节

结语:设计的最终判断标准是业务与使用价值

Vantary最有启发性的地方,是用统一空间语言连接任务、设备和风险。但在安全关键产品中,视觉沉浸必须让位于可读、可控和可恢复,任何模糊都可能变成操作成本。

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

 

image.png

兰亭妙微|用户体验思维:以人为本的设计之道

涛涛 交互设计及用户体验

设计思维是一个庞大的体系,涵盖产品设计、体验设计、交互设计、视觉设计等多个维度。在兰亭妙微的设计方法论中,体验设计始终处于核心位置 —— 因为所有的设计最终都要回归到 "人" 本身,回归到用户在使用产品过程中的真实感受。本文作为设计思维系列的体验设计篇,将围绕 "以人为本" 这一核心理念,探讨用户体验思维的内涵与实践之道。

兰亭妙微|从用户体验到细节之美:移动端弹窗设计指南

涛涛 交互设计及用户体验

在移动应用设计中,弹窗是一种不可或缺的交互元素。它既能在关键节点向用户传递重要信息,也能引导用户完成特定操作,对提升用户体验和增强产品可用性具有举足轻重的作用。然而,弹窗设计绝非简单的信息堆砌 —— 它需要综合考量用户的使用习惯、心理预期以及操作流程等多个维度。兰亭妙微在长期的移动端设计实践中,沉淀了一套系统的弹窗设计方法论,本文将从类型划分、设计原则到关键要点,进行全面梳理。

CareHub在线医疗服务App UI/UX设计解析

丽洁 移动端UI设计文章及欣赏

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

连接症状入口、医生发现、预约支付与远程问诊的连续体验

图片1.png 面向产品经理与资深设计师的案例研究

 

导读|连接症状入口、医生发现、预约支付与远程问诊的连续体验。本文不止评价画面风格,而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

一、产品定位:先回答系统替谁解决什么问题

CareHub面向需要在线寻找医生、预约、支付和视频问诊的用户。产品把医疗服务拆解为更容易理解的消费路径,同时保留专业信息、保险与处方等必要环节,目标是在便利性和医疗信任之间取得平衡。

图片2.png 1  项目界面与设计细节

二、信息架构:把功能转译为用户的工作顺序

首页从症状分类、最近问诊和推荐医生进入,搜索页支持专科与医生筛选,医生详情承担资质、时间和评价,预约流程则连接时段、患者信息、保险与支付。问诊记录和处方在个人区域持续沉淀。

图片3.png 

2  项目界面与设计细节

三、关键交互:从浏览信息走向完成任务

症状图标降低用户对专业科室名称的依赖,医生卡片同时展示专科、评分和可预约状态。预约采用分步确认,支付与保险信息在提交前汇总;视频问诊保持通话控件熟悉,并提供消息、文件与结束确认。

四、视觉系统:品牌表达必须承担信息语义

白底、浅灰和高饱和蓝色构成清洁可信的医疗体验,圆润头像与真实医生照片增加人感。蓝色在按钮、状态和品牌中保持一致,红色仅用于重要医疗或结束通话操作,避免制造不必要焦虑。

图片4.png 

3  项目界面与设计细节

五、面向产品与设计团队的可复用价值

医疗产品必须把信任设计成可验证信息:医生执业资质、服务边界、费用、隐私和紧急情况说明都应在关键节点出现。产品经理要与合规和医疗团队共同定义流程,设计师则负责让风险提示清楚但不过度阻断。

图片5.png 

4  项目界面与设计细节

六、专业审视:仍需补齐的体验边界

症状入口不能暗示自动诊断,应在紧急症状时明确引导线下急救。评分需要解释来源和样本量。预约失败、医生迟到、退款与处方不可用等服务边界必须完整。隐私授权应按数据用途细分,而不是一次性同意。

图片6.png 

5  项目界面与设计细节

结语:设计的最终判断标准是业务与使用价值

CareHub的成熟方向是把线上医疗当作完整服务,而不是视频通话功能。只有发现、预约、支付、问诊和随访连续,用户才会把便利转化为长期信任。

 

 

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

 

image.png

 

 

兰亭妙微ui设计公司分享钉钉 LOGO 品牌升级案例复盘

清阳 平面设计

兰亭妙微ui设计公司分享数字化浪潮持续演进,钉钉的品牌理念历经多次迭代:从最初「一个工作方式」,到「让工作学习更简单」,再到全新的品牌主张「钉钉,让进步发生」。伴随品牌战略的转向,钉钉也完成了一次完整的品牌视觉焕新,把全新的品牌心智落地到 LOGO 与整套品牌视觉体系之中优设网。

核心设计思路

image.png

品牌升级并不等于全盘推翻旧视觉。翅膀与闪电,是用户心中对钉钉最深刻的视觉符号记忆。本次升级的核心逻辑:保留用户固有视觉记忆,在原有识别基础之上,把全新品牌理念转化为可感知的视觉语言,实现传承与革新的平衡优设网。
新品牌理念拆解为三层内核:科技普惠、科技向实、技术平权。既要延续钉钉与生俱来「高效敏锐」的工具属性,又要传递向前成长、开放包容、谦逊服务者的全新品牌姿态。

一、守住视觉记忆,优化细节表达

image.png

 

翅膀与闪电,承载着钉钉长期以来「高效敏捷、极致效率」的产品初心。新版本没有抛弃这套符号,而是对形态做精细化打磨,赋予图形更多层次的内涵。
  1. 闪电细节调整:蓄势待发的力量感image.png
     
    微调闪电图形的倾斜角度,整体造型更加紧凑利落,传递出蓄势待发的动态势能,保留效率属性的同时,强化向前迸发的视觉感受优设网。
  2. 翅膀形态重构:更自然,更亲和

    image.png

     
    设计团队参考真实鸟类羽毛的生长形态,重新优化翅膀的弧度、羽毛分层与转折角度。相比旧版偏硬朗的线条,新版翅膀线条更加柔和自然,以此传递钉钉作为数字化服务者谦逊、亲和的品牌姿态优设网。

二、品牌心智具象化,把 “进步” 画进 LOGO

如何用图形去诠释「进步」这一抽象概念?设计团队经过多轮创意发散,最终锁定箭头「>」这一符号。
 
箭头代表方向、前行、突破与向上生长;可以是路标指引前路,可以是候鸟迁徙的编队,也可以是山峰向上崛起的尖顶。有趣的是,这个箭头意象,早已潜藏在旧版 LOGO 的轮廓线条之中,本次升级将它显性化、强化表达。
  • 强化向前的箭头意象:将原本偏朝上的视觉趋势,调整为朝前指向,强化前行、奔赴进步的方向感,让 “进步” 的概念一眼可感知。

    image.png

     

  • 校正视觉重心:修复旧 LOGO“头重脚轻、视觉后倒” 的问题,新版 LOGO 视觉重心均衡稳定,图形观感更加舒展稳重优设网。image.png
  • 去掉圆形外框,释放开放的力量

    image.png

    旧 LOGO 的圆形外框装饰属性大于功能。新版直接移除外框,图形可视面积扩大至原来 1.5 倍,图形识别度大幅提升。这一改动,也隐喻钉钉打破边界、开放破圈,践行数字化普惠,服务每一个组织与个体的品牌决心优设网。

三、字体同步迭代:为品牌注入动态张力

字体是 LOGO 体系不可分割的一部分。

image.png

 
旧版钉钉字体方正严肃,偏向传统 B 端工具的稳重感;新版定制「钉钉发生体」,字体增加 7° 微倾斜,竖勾位置做弯曲弧度处理,整体拥有更强动态感与向前的张力,与图形部分的前进意象形成完整呼应,整套 LOGO 图形与字体气质高度统一优设网。

结语

image.png

从效率工具,走向数字化普惠;从 “让工作学习更简单”,升级为 “让进步发生”。本次 LOGO 品牌升级,只是钉钉品牌视觉体系迭代的起点。通过视觉语言,向用户与生态伙伴传递品牌内核,搭建属于所有人共同进步的数字化平台,是钉钉持续探索的方向优设网。
 

 

转载:优设

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

关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

 

兰亭妙微ui设计公司分享Logo 设计用好加法思维,解决 80% 的设计难题

清阳 平面设计

兰亭妙微ui设计公司分享资深设计师大多清楚,加法是 Logo 设计中最高频的创意手法:将两个及以上不同图形元素重构融合,生成全新的视觉符号,几乎每一位做过 Logo 的设计师都接触过这套思路。
此前有朋友把自家教育品牌「达志文化」的 Logo 发给我征询意见。单纯评价作品好坏在此不作展开,但我想点明一个误区:Logo 的加法设计,绝非简单把多个图形粗暴拼接叠加,其中藏着不少设计细节与门道。下面结合实战案例,分享我的经验心得。

一、Logo 加法设计的 6 种主流形式

加法设计的核心,是找准元素之间的关联点,根据品牌属性,选择合适的组合逻辑,市面上主流分为 6 类。

1. 品牌名首字母相加

 

可选用大写或小写字母,优先挑选形态适配、便于融合的字母。常见组合手法分为叠加、共用笔画、负形融合、创意组合四类。
  • 叠加:代表案例 LV、YSL 圣罗兰,字母互相交叠,形成辨识度极高的标识。image.png
  • 共用笔画:代表案例 UR 服饰,两个字母共享同一笔,精简图形同时强化整体感;陈幼坚为香港都会大学设计的 Logo,同样运用该手法。

    image.png

  • 负形融合:交通银行 Logo,把字母 C 藏进字母 B 的负空间;李宁旧 Logo 将 L、N 两个首字母融合成迎风舒展、类似红旗飘扬的动态造型。

    image.png

  • 创意组合:LG 把 L 与 G 重构为一张笑脸,传递品牌服务理念;大众汽车将 V、W 字母收束进圆形轮廓,暗含胜利的寓意。

    image.png

2. 品牌简称汉字相加

适合两字为主的中文简称,组合逻辑和字母加法相通。

image.png

北京大学校徽,便是把 “北大” 二字巧妙整合为一体;我曾经为北部湾艺术研究院设计标识,将 “北”“艺” 两个汉字进行图形化融合,后续再加入传统回纹纹样强化艺术气质。

3. 品牌首字母 + 行业属性符号

这是商业 Logo 非常常用的思路,用字母锚定品牌名称,附加图形点明赛道。
 
抖音 Logo,小写 d 与音符图形融为一体,呼应短视频音乐属性;饿了么 Logo,小写 e 结合吃豆人形象,传递餐饮外卖的业务特征。

image.png

4. 品牌关键字(汉字) + 行业属性符号

提取品牌核心汉字,和行业典型意象结合,中式品牌尤为偏爱。

image.png

 
中国银行 Logo,“中” 字嵌套古铜钱纹样;工商银行 Logo,“工” 字结合铜钱造型,铜钱直接传递金融属性;中国南方电网 Logo,把 “电” 字图形化,融合电线、电线杆意象。

5. 品牌名称自带意象 + 行业属性符号

image.png

品牌名字本身带有具象事物,直接提取该事物,叠加行业符号。
 
西瓜视频 Logo,西瓜外形结合视频播放三角符号;贝壳找房 Logo,贝壳轮廓和房屋屋檐图形相互融合。

6. 多个行业属性符号相加

image.png

不直接使用品牌文字 / 字母,选取 2 个代表行业的物象进行融合。
 
网易云音乐 Logo,音符和唱片螺旋形态合二为一;我给饰品品牌 Dongstar 做的标识,将四叶草与星光图形结合,寓意幸运与闪耀。

二、用好加法 Logo,必须守住 3 大原则

加法只是创意工具,不等于堆砌元素。很多新手容易陷入 “元素越多,寓意越深刻” 的误区。想要做出合格、好用的 Logo,需要兼顾美观、行业属性、识别度三大底层要求。

1. 美观:视觉协调是基础底线

image.png

Logo 是品牌的核心视觉符号,会应用在名片、包装、官网、线下物料等无数场景,图形本身的美感直接决定整套品牌视觉的上限。
提升审美需要长期积累,日常多看优秀 Logo、图案作品。这里分享一个快速自测小技巧:把你的初稿和一批成熟优秀 Logo 放在同一页面对比,如果你的作品视觉上明显 “格格不入”,说明造型、线条、配色、比例仍有优化空间,需要重新尝试组合方案,打磨细节。
举个实战案例:我在设计服装品牌「音眸」Logo 时,选定高音符号 + 眼睛的加法思路。第一版直接把音符硬塞进眼睛轮廓,图形拥挤生硬;第二版调整形态,让音符顺着眼型曲线摆放,造型变得舒展,但线条粗细、比例仍有瑕疵;继续反复迭代线条弧度、粗细、图形占比,才得到最终定稿方案。

2. 贴合行业气质,拒绝无意义拼接

 

回到开篇达志文化的案例:仅简单拼接 D、Z 两个字母,会出现致命问题 —— 这套图形可以适配任何 DZ 开头的品牌,完全看不出它属于教育行业。
做好加法,要么让融合后的图形自带行业气质,要么依靠字体、额外行业符号补足属性。
  • 李宁 Logo,L+N 融合出充满动感飘逸的形态,天然契合运动品牌;image.png
  • LV 虽只是字母叠加,但优雅古典的罗马字体,完美匹配奢侈品牌的调性;

    image.png

  • LG 把 L、G 做成笑脸,赋予家电品牌热情服务的内涵;

    image.png

  • 北部湾艺术研究院初稿只完成 “北”“艺” 字拼接,缺少艺术氛围感,加入回纹传统纹样之后,才匹配研究院定位。

    image.png

小提示:如果图形本身无法体现行业,那么配套标准字的字体气质,一定要贴合赛道。

3. 保证识别度,拒绝过度复杂化

image.png

切忌为了堆砌寓意,强行塞入五六个元素,最后变成 “四不像”。很多时候只有设计师自己看得懂暗藏的含义,普通受众完全解读不出,再多隐喻都毫无价值。
Logo 不需要承载过多含义,1‑2 个清晰可感知的创意点就足够。中国银行 “中字 + 铜钱”,大众一眼读懂金融属性;耐克仅一个简约对勾符号,记忆成本极低。
实战项目「奇妙动物直播间」Logo,我最初把掌印完整封存在圆形轮廓中,为了迁就外框,视频播放三角符号偏移中心,播放符号辨识度大打折扣。后续调整方案,让掌印局部突破圆形边界,播放符号居中,既保留圆型外轮廓,又强化核心符号识别,整体视觉也更有张力。

写在最后

加法手法之所以广受设计师、客户欢迎,是因为它让 Logo 创意有据可依,逻辑清晰。但切记:加法只是实现手段,不是设计最终目的。使用这套方法时,依然要恪守 Logo 的底层准则:美观简约、和品牌强相关、具备原创性、高识别度。
 

转载:优设

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

 

image.png


兰亭妙微ui设计公司分享:学会这 4 个表情设计要点,规避 AIGC 图标常见问题

清阳 图标设计文章及欣赏

兰亭妙微ui设计公司分享:不少设计师在引入 AIGC 辅助创作后,做出来的表情却充满浓重的 “AI 感”,效果大打折扣。今天就分享 4 个实用的表情设计小技巧,帮你避开常见坑点。

一、克制五官,拒绝元素堆砌

image.png

优秀的表情设计,往往做减法。很多出彩的案例,仅保留单一眼睛或者单张嘴巴,寥寥几笔就氛围感十足。
反观不少新手作品,眼睛、眉毛、鼻子、嘴巴、牙齿全部堆砌上去,追求五官完整写实,反而丢失设计感。
细节越多,越偏向写实,图标本身的简约气质就会被削弱。少即是多,保留核心识别元素,远比堆满五官效果更好

二、五官排布,记住紧凑原则

image.png

如果设计需要同时保留眼睛与嘴巴,一定要把控五官间距,做到排布紧凑。
五官聚拢在一起,整体会显得软萌讨喜,生动可爱;一旦眼睛、嘴巴间距拉得过大,人物神态就会变得呆板、违和,观感大打折扣。
同样一套五官元素,拉开距离会显得神态木讷,适当收拢间距,整体气质立刻变得灵动精致。紧凑的排布,是塑造可爱感的关键细节。

三、AI 只做辅助,优先完成平面原型

image.png

很多人直接丢给 AI 指令,让它一次性生成完整表情,得到的成品往往风格混乱,AI 痕迹很重。
更合理的工作流是:先手动完成平面版本的表情设计,再交给 AI 做 3D 化渲染
举个例子,给奖杯图标增加表情,可以先在平面稿上只绘制简单的眼睛,舍弃眉毛、嘴巴等多余元素。确认平面表情的造型、比例、情绪都满意之后,再借助 AI 把平面素材转化成 3D 效果。
AI 是渲染工具,而不是全权代劳的设计师。把创意与基础造型把控握在自己手里,再交由 AI 完成效果加工,二者结合才能产出高质量作品,切忌全部工作依赖 AI 生成。

四、善用基础几何形体,保障画面精致度

image.png

做表情尽量优先选用圆形、椭圆、半圆、矩形这类标准基础图形,不要盲目使用大量夸张、无规则异形。
观察我的作品,超过 95% 的表情,都是依靠规则基础形搭建而成。
基础几何图形自带规整的秩序感,能够保障表情的精致度;如果大量使用随意的异形碎片,画面很容易显得粗糙杂乱,最终创意也很难落地实现。

转载:优设

 

 

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

 

image.png

兰亭妙微|认知偏差在用户体验设计中的应用思考

涛涛 用户研究

在产品设计中,用户的决策往往并非完全理性。认知偏差作为人类思维的固有特征,深刻影响着用户对产品的感知、判断与行为。兰亭妙微在长期的体验设计实践中发现,理解并合理运用认知偏差,能够有效提升产品的转化效率与用户满意度。本文选取五种典型认知偏差,探讨其在设计场景中的应用逻辑。

日历

链接

个人资料

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

存档