首页

深度拆解产品 0-1 全链路设计逻辑 —— 兰亭妙微实战进阶 01

涛涛 设计思维

“能完整搭建产品叙事、定义用户场景与服务流程的设计者,才能真正掌握产品未来的走向。”
每一位体验设计师都渴望完整跟进一款产品从 0 到 1 的全流程,完整吃透业务底层逻辑,既能大幅沉淀系统化设计思维,也能建立完整的产品全局认知。但实际项目中,多数设计师仅承接成熟产品碎片化迭代需求,缺少完整前期探索经验,面试复盘、项目复盘时极易逻辑断层。本文结合兰亭妙微数百个政务、工业、企业管理系统落地案例,完整拆解产品立项前探索期全套设计动作,交付落地、上线迭代内容将在后续篇章分享。

用户研究方法(一):兰亭妙微实战拆解,用研分阶段落地场景

涛涛 交互设计及用户体验

在以用户为中心的全链路产品设计体系中,用户研究是兰亭妙微所有项目的底层支撑。我们深耕 B 端工业软件、大数据可视化、政企管理系统、移动端 APP 设计,服务 2B、2C、2G 多类型客户,依靠标准化用研流程打通商业目标与用户真实诉求。用户研究核心是挖掘用户特征、核心需求、真实使用场景、操作行为与心理预期,依托调研输出分层用户画像,结合产品不同生命周期匹配适配调研手段,精准匹配对应阶段目标人群需求。

体验设计师进阶充电指南|兰亭妙微实战能力提升全解析

涛涛 交互设计及用户体验

在 UI/UX 行业深耕多年后不难发现,市面上各类设计师能力分级表格大多只是标准化能力清单,仅能作为基础参考,无法完整衡量一名设计师的真实成长高度。很多初中级设计师能熟练掌握部分高阶技能,却卡在综合能力短板上难以晋升。兰亭妙微团队结合多年 B 端、C 端项目实战经验提出:真正的设计进阶,不止打磨视觉、交互本职功底,更要向上补齐市场、数据、用户、落地、战略等上下游综合能力,跳出执行层视角思考业务全局。下文结合团队落地经验,拆解六大核心进阶能力,为体验设计师提供清晰成长路径。

兰亭妙微ui设计公司分享:界面改版 | 如何改版更有效(视觉篇)

清阳 移动端UI设计文章及欣赏

兰亭妙微ui设计公司分享:采用 KET 青绿、PET 暖黄双主色区分学段,优化首屏与功能入口,课程阶梯分层排布,实现用户分层、合规运营与商业化转化提升。
优化要点:
❶ 色彩:KET 青绿、PET 暖黄,区分高低阶用户
❷ 头部:Banner 强调测评引流,提升转化
❸ 功能:金刚区按考纲设词 / 听 / 说 / 写四大入口
❹ 课程:分层排布「免费→低价→中班→VIP」,服务不同阶梯用户
❺ 收益:用户分层清晰、内容合规、提升付费转化

image.png

image.png

image.png

image.png

image.png

image.png

image.png

 

转载:站酷

 

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

 

image.png

兰亭妙微ui设计公司分享:五种视觉差异化创作方法,解决设计同质化与画面平淡问题

清阳 设计资源

兰亭妙微ui设计公司分享:做设计时你是不是也总踩坑:图纸完整、逻辑没问题,可交稿后老板一句 “太平了,不出彩”,瞬间不知道怎么优化?
 
前段时间我就因为作品缺乏记忆点被提点,总监特意整理了一套通用创意手法,图标、IP 吉祥物、平面海报全都适用,吃透这 5 种思路,再也不怕设计同质化。

01 改变比例:打破常规视觉,图标快速出圈

 

这是做图标最省事、出效果最快的技巧。大众早已习惯万物标准比例,稍微调整局部尺寸,就能立刻跳出大众审美。
  • 铅笔造型:拉长笔杆、放大笔尖,弱化常规均衡感;

    image.png

  • 交通工具:轿车拉高车顶、放大车轮;飞机加粗机身、缩短机翼;image.png

    image.png

    很多动画里的趣味载具,本质都是靠夸张比例制造反差。
     
    只要改动局部长宽、大小配比,普通图形马上拥有专属辨识度。

02 元素替换:局部巧置换,兼顾创意与行业属性

相比单纯改尺寸,元素替换更考验巧思:保留物体完整轮廓,只替换局部配件,既要贴合本体形态,又要融入行业符号,做到和谐不违和。
  1. 节庆灯笼:把底部流苏替换成品牌所属品类的叶片;

    image.png

  2. 铃铛图形:内部金属圆珠换成闪电造型,适配科技类视觉;

    image.png

  3. 游戏手柄:功能按键替换成趣味表情符号,增加活泼感。

    image.png

     
    核心逻辑:大轮廓不变,用细节替换传递主题,创意含蓄不突兀。

03 元素组合:跨界拼接,IP 吉祥物核心创作法

和 “局部替换” 区分开:元素组合是把两个完全无关的完整事物融合重构,是吉祥物、卡通形象设计的万能公式。
 
经典组合思路参考:
  • 果蔬 + 动物:番茄 × 猫咪、蘑菇 × 小鸡、大葱 × 小鸡;

    image.png

  • 物品 + 生物:鸵鸟 × 羽毛球。

    image.png

     
    两种载体特征互相保留,拼接后诞生全新形象,既有辨识度又自带趣味故事感,非常适合品牌 IP 创作。

04 形状变化:替换基础轮廓,制造差异化基底

所有物体都有原生基础造型,圆柱、圆形是最常见的基底,把底层几何形态更换,整体气质会完全翻新。
  • 医疗针管:原生圆柱形改为方形管身,硬朗简约,适合医美、医疗器械视觉;

    image.png

  • 被咬过的苹果:常规圆形果身改成三角形基底,小众独特,适合潮流文创图标。

    image.png

     
    不用修改物体结构,仅更换底层几何面,低成本让基础图形摆脱普通感。

05 大小对比:夸张反差,海报强视觉张力利器

主打平面海报、主视觉设计,依靠极致大小对比制造视觉冲击,快速抓住观众视线。
 
原理是刻意放大主体、缩小配角,用尺寸落差制造戏剧感:

image.png

  • 趣味 IP 海报:巨型太阳鸭搭配微小背景场景;
  • 创意警示画面:迷你人物搭配巨型炸弹。
     
    一巨一微的强烈反差,天然形成画面焦点,完美解决海报 “画面平、无重点” 的通病。

 

 

转载:站酷

 

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

 

image.png

ANT阿拉伯语个人金融应用UI/UX设计解析

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

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

图片1.png 

面向产品经理与资深设计师的案例研究

 

导读|RTL语言、资产聚合与本地化金融认知的统一设计。本文不止评价画面风格,而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

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

ANT是一款面向阿拉伯语用户的个人资产与消费管理产品。它把银行余额、月度支出、投资组合和消费分类集中到移动端,重点并非复制西方金融应用,而是通过RTL阅读方向、货币单位和本地消费品牌建立真实的区域适配。

图片2.png 

1  项目界面与设计细节

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

首页优先显示总资产与账户构成,随后呈现预算进度和常用操作;资产页用折线与明细解释变化,消费页用分类环图建立结构认知,投资页则强调计划与长期收益。层级从我有多少逐步过渡到钱去了哪里、下一步如何配置

图片3.png 

2  项目界面与设计细节

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

设计在RTL环境中保持导航、数字、图表和图标方向的一致性,这是本项目最关键的体验基础。筛选器、日期范围和交易详情采用分层进入,避免在首屏堆叠大量字段;预算条和资产趋势采用可比较的视觉编码,帮助用户快速发现超支与波动。

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

深蓝和高亮紫色构成稳健又具有数字感的品牌基调,白色内容面板保障金融数据可读性。背景中的流体3D形体承担品牌记忆,不侵入实际操作界面。绿色、橙色、红色用于预算状态,形成直接但不过度戏剧化的风险表达。

图片4.png 

3  项目界面与设计细节

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

本案例提醒产品团队,本地化不是翻译字符串,而是重构阅读顺序、数字格式、支付习惯和信任线索。设计系统必须同时验证阿拉伯语长文本、混排数字、图表轴向及图标含义;研究阶段也应覆盖不同金融素养用户,而非只依赖熟练投资者。

图片5.png 

4  项目界面与设计细节

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

环图的分类数量较多,移动端阅读可能依赖图例来回匹配,建议提供可点击的类别排序列表。资产与消费页面还应增加数据同步状态、异常交易解释及隐私控制。对于投资建议,必须清楚区分教育内容、模拟预测和受监管建议。

图片6.png 

5  项目界面与设计细节

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

ANT的成熟之处,在于把地域文化、RTL交互和金融任务放进同一设计逻辑。真正可靠的全球化产品,不是用统一模板覆盖更多市场,而是在统一品牌中允许不同用户按照自己的语言和认知方式完成决策。

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

 

image.png

打造高效 AI 营销对话界面,兰亭妙微交互设计实战分享

涛涛 交互设计及用户体验

数字化营销浪潮下,AI 对话交互已成为 B 端投放平台的核心载体。商业投放类产品以任务为核心驱动,一套适配营销全流程的对话界面,既能降低操作门槛、提升投放效率,也能直接拉动业务转化。区别于休闲闲聊类 AI 工具,广告投放场景链路繁杂、数据维度多、用户专业度分层明显,因此交互设计需要分层引导、精准控参,平衡自然对话与精细化操作。兰亭妙微深耕 B 端 AI 交互设计十六年,依托多款营销 SaaS 落地经验,以智能投放平台为实践载体,拆解覆盖投前、投中、投后全流程的三层对话交互体系,打造高效、可控、易上手的 AI 对话界面。

Flexion AI智能健身产品UI/UX设计深度解析

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

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

用清晰的预算、交易与预测体系降低企业财务决策成本

图片1.png 

面向产品经理与资深设计师的案例研究

 

导读|用清晰的预算、交易与预测体系降低企业财务决策成本。本文不止评价画面风格,而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

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

Finexa面向需要统一管理账户、预算、订阅支出与财务预测的中小企业。产品把原本分散在银行账户、表格和报表中的信息收束为一个连续工作台,并以AI预测作为前置决策支持,而不是在末端添加一个孤立的聊天入口。

图片2.png 

1  项目界面与设计细节(素材组4

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

导航以OverviewTransactionsAccountsBudgetsAnalyticsReports构成稳定骨架,符合财务人员从概览到核对、从计划到复盘的工作顺序。首页将现金余额、预算利用率、支出分类和现金流预测并置,使管理者能够先判断整体健康度,再下钻到交易或账户明细。

图片3.png 

2  项目界面与设计细节(素材组4

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

预算卡片同时表达额度、已用比例、风险状态和快捷调整;交易表保留筛选、状态、分类及导出,适合高频核对;定期付款单独成页,帮助用户提前识别隐性固定成本。预测图强调时间趋势和异常区间,交互重点不是看图,而是让用户从异常直接进入可处理对象。

图片4.png 

3  项目界面与设计细节(素材组4

图片5.png 

4  项目界面与设计细节(素材组4

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

白底与低饱和紫色建立理性、轻量的金融科技气质。紫色用于主趋势和关键按钮,绿色与红色被克制地限定在正负状态,避免报表变成高噪声信号板。大留白、细边框和轻阴影让高密度数据仍保持可读,设备场景图则加强品牌传播的产品感。

图片6.png 

5  项目界面与设计细节(素材组4

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

这套设计说明,B端财务产品的体验核心不是减少数据,而是建立正确的层级与比较关系。产品经理应先确定管理者、财务执行者和审批者的核心任务,再决定同一数据在概览、列表和报表中的不同表达。设计师则需要建立统一的数字格式、状态色与表格交互规范。

图片7.png 

6  项目界面与设计细节(素材组4

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

方案仍需补强数据可信度:预测模块应标注模型依据、置信区间与最后更新时间;金额卡片要支持币种和会计周期切换;导出、审批和预算调整等高风险操作需要更明确的确认与审计记录。移动端不宜照搬桌面信息密度,应聚焦审批、提醒和关键异常。

图片8.png 

7  项目界面与设计细节(素材组4

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

Finexa的价值在于把财务管理从事后看报表转向事前发现风险、事中控制预算。当信息架构、指标语义和操作权限形成一致体系,AI预测才能真正进入企业决策链,而不是停留在展示层。

编辑说明|本文依据所给设计图片进行专业分析,侧重产品策略与体验方法,不构成对项目真实运营数据或技术实现的事实认定。

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

 

image.png

兰亭妙微原创作品 | 胖东来线上商城UI拆解

丽洁 网站设计文章及欣赏

胖东来不仅是一个超市,更是一种生活方式的标杆。当我们将这种线下体验搬到线上时,面临的挑战是:如何在方寸屏幕间,既保留“对标一流”的品质感,又传递出“自由·爱”的品牌温度?

今天分享兰亭妙微团队为胖东来打造的线上商城APP全案设计,看我们如何用设计语言翻译这份独特的品牌基因。

 

一、视觉风格:去“电商味”,做“温润感”

市面上的电商APP大多大红大紫,生怕你不买。但胖东来的气质是内敛、质朴的。

配色系统上,我们摒弃了高饱和度的促销色,选用了低饱和度的茶褐、麦色、原木色;质感营造上,采用大面积留白 + 浅肌理纸张背景,模拟真实纸张的阅读触感。让用户打开APP不是想“剁手”,而是像翻开一本杂志一样放松。

 

二、架构重构:购物与文化“双轨并行”

常规电商把文化内容藏在角落,但在胖东来,文化才是灵魂。

我们采用双架构页面,将“商品售卖”与“品牌文化”分区落地;打造沉浸式体验,首页不仅仅是货架,更是“东来讲堂”、“幸福生命手册”的展示窗。用户在浏览商品间隙,能自然读到品牌理念,实现“润物细无声”的文化输出。

 

三、交互细节:克制营销,回归服务

胖东来的核心是“对人好”,设计也要体现这一点。

轻量化运营方面,弱化夸张的价格标签和倒计时,用规整的模块化网格提升选购效率;精细化体验上,详情页清晰拆分多规格阶梯售价(多买多惠直观可见);下单页提供快递、同城、自提三种模式,完美匹配线下门店优势;会员体系方面,个人中心不仅是订单管理,更集成了积分打卡、心愿单等互动功能,增强用户粘性。

 

好的设计不仅仅是好看,更是价值观的载体。在这个项目中,我们试图在“商业效率”与“人文关怀”之间找到完美的平衡点。希望每一位打开这个APP的用户,都能感受到那份来自胖东来的真诚与温暖。

1.jpg

2.jpg

3.jpg

4.jpg

5.jpg

6.jpg

7.jpg

8.jpg

9.jpg

10.jpg

11.jpg

12.jpg

13.jpg

14.jpg

15.jpg

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

 

image.png

兰亭妙微原创作品 | 联想云电脑PC客户端UI设计太硬核了!

丽洁 网站设计文章及欣赏

当“云端算力”遇上“极简未来风”,会碰撞出怎样的火花?

今天分享我们兰亭妙微团队为联想云电脑打造的PC客户端全案设计。面对游戏玩家、设计师和AI创作者这批最挑剔的用户,我们如何用设计语言诠释“速度与激情”?

 

一、视觉风格:从“一朵云”到“芯”未来

设计初期,我们尝试过柔和的云朵造型和多彩渐变,试图表达“云端”的轻盈。但在深入挖掘联想硬件基因后,我们决定转向更硬核的表达——双层六边形。

1、核心符号:六边形取材于芯片与电路板形态,双层结构象征“本地终端”与“云端算力”的无缝互通。

2、质感营造:通透的灰白磨砂渐变,搭配深紫基底,既保留了科技的神秘感,又平衡了硬件的专业度与云服务的轻盈感。

 

二、交互亮点:让算力“看得见”

云电脑的配置复杂,如何让用户一眼看懂?我们把信息层级做到了ji致:

1、性能可视化:RTX4070 vs RTX4090D,不仅用文字区分,更通过高亮霓虹发光边框和星级评分,直观展现性能差距。选配置像选装备一样爽!

2、拒绝隐形消费:计费规则透明化!页面底部固定展示实时计费标准,算力点消耗、人民币单价一目了然。消除付费顾虑,才是对用户zui大的尊重。

3、轻量化控件:为了不抢占视觉重心,二级选项采用悬浮侧边栏,不使用时自动收起。界面干净通透,长时间使用也不易视觉疲劳。

 

三、设计背后的思考

好的B端、工具类产品设计,不仅仅是好看,更是效率的提升。

在这个项目中,我们试图在“极客科技感”与“大众易用性”之间找到平衡。每一个按钮的圆角、每一处光效的呼吸频率,都是为了让用户在点“开机”的那一刻,感受到满满的仪式感。

 

北京兰亭妙微 / 深耕 B 端 UI / 客户端界面设计/ 小程序界面设计/ APP界面设计

用心做好每一份落地实用的视觉方案。

1.jpg

2.jpg

3.jpg

4.jpg

5.jpg

6.jpg

7.jpg

8.jpg

9.jpg

10.jpg

11.jpg

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

 

image.png

日历

链接

个人资料

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

存档