首页

兰亭妙微设计分享:Pure Luxe 高端奢侈品生活杂志响应式官网全案设计解析

之晨 交互设计及用户体验

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

截屏2026-06-29 10.32.08.png一、项目定位与行业现存痛点
Pure Luxe 是聚焦顶级游艇、豪车、豪宅、名表珠宝、高端旅行的垂直奢侈品线上杂志网站,面向高净值精英人群,同步线下纸质杂志内容,打造图文深度阅读、品牌资讯、期刊展示一体化轻奢媒体平台。
当下高端奢侈媒体网站普遍存在四大行业短板:
品类内容杂乱无分层:豪车、游艇、豪宅、腕表资讯混排,高净值用户无法快速筛选感兴趣赛道内容,浏览效率低;
视觉质感廉价同质化:多数资讯网站堆砌色块、繁杂按钮,缺少奢侈品专属极简高级留白版式,无法匹配高端客群审美;
纸刊与线上内容割裂:线下实体杂志、线上网页内容不互通,缺少期刊预览、翻刊展示模块,难以引导用户订阅纸质刊物;
多端适配断层:电脑端精致版式在手机端严重压缩,图文排版拥挤,高端图文大片失去视觉冲击力,流失移动端流量。
本项目以「极简高级留白版式 + 多奢侈品赛道分类阅读 + 纸刊线上联动预览 + 全设备自适应响应式」为核心设计逻辑,搭建首页封面大图、分类资讯库、期刊专区、文章详情、移动端适配完整网站体系,兼顾资讯浏览、纸刊推广、奢侈品牌广告展示三大核心业务。

截屏2026-06-29 10.32.19.png

二、完整奢侈品媒体业务闭环
首页封面视觉引流 → 多赛道分类导航栏 → 近期 / 热门资讯图文库 → 单篇深度文章详情页 → 纸质杂志期刊预览专区 → 手机 / 平板自适应移动端浏览
整套链路覆盖线上资讯阅读、实体杂志曝光、高端品牌广告植入,PC、平板、手机三端版式统一,图文质感无损耗。

 

三、五大核心模块分层体验拆解
1. 首页沉浸式封面视觉模块(品牌形象引流核心)
全站采用全屏大图首屏设计,游艇、豪宅、豪车高清实景大片铺满页面,弱化多余装饰元素;顶部极简细线条导航栏横向划分八大奢侈品赛道,搭配右上角社媒入口与杂志订阅按钮,强化媒体属性。
页面底部设置滚动资讯快捷栏,轻量化卡片预览最新短文,无需下拉即可快速浏览新鲜内容,平衡大片视觉质感与资讯浏览效率,精准契合高端用户慢阅读、重质感的浏览习惯。

截屏2026-06-29 10.33.30.png


2. 多维度资讯分类阅览模块(内容分发核心)
拆分「近期文章、热门文章、本期杂志专题」三大独立内容板块,采用规整网格图文卡片布局;卡片仅保留高清实景图、标题、简短导语、发布时间,大面积留白弱化信息密度,贴合奢侈品克制美学。
支持按品类筛选游艇、豪车、豪宅、珠宝腕表内容,分页加载更多资讯,解决高端媒体内容杂乱、用户筛选成本高的痛点,精准匹配不同精英人群兴趣偏好。

截屏2026-06-29 10.32.34.png3. 纸质杂志线上预览专区(线下刊物转化模块)
独立期刊板块模拟实体杂志翻页效果,左右滑动切换刊内跨页图文;搭配期刊主题标题、刊期介绍文字,清晰展示当期杂志核心内容,设置直达阅读入口,打通线上流量向线下纸质杂志订阅转化的路径,是区别普通资讯网站的独有差异化模块。
4. 深度图文文章详情页(用户留存核心模块)
文章内采用大字号衬线标题、首字母放大经典杂志排版,穿插高清实景大图、人物专访配图;段落间距宽松,搭配引用语录高亮区块,复刻高端纸质杂志阅读质感。侧边预留品牌广告位,自然植入腕表、香氛、游艇商业物料,在不破坏阅读体验的前提下完成商业变现。
5. 全设备统一响应式适配体系(全域流量保障模块)
一套视觉组件适配电脑、平板、手机三端:PC 端宽幅网格多栏展示海量资讯;平板平衡大图与图文列表;移动端自动压缩导航为侧边折叠菜单,单列卡片简化排版,保留完整大图与宽松留白,无论大屏还是手机,都能维持奢侈品专属高级视觉质感,杜绝移动端拥挤廉价的观感。

截屏2026-06-29 10.33.14.png

四、视觉与组件体系设计特色

截屏2026-06-29 10.33.04.png
色彩系统:纯白基底 + 纯黑文字,无多余装饰色,仅依靠高清实景大片作为视觉焦点,极简黑白灰配色塑造克制、奢华、高级的媒体调性,适配游艇、豪宅、名表各类高端素材;
经典杂志版式文字体系:采用衬线标题字体搭配无衬线正文,复刻高端印刷刊物排版逻辑,首字放大、宽松行间距、大段留白,打造沉浸式慢阅读体验;
轻量化无装饰组件:全部资讯卡片、按钮、翻页控件去除厚重阴影、渐变,仅用细线条分割内容,极简克制,完全契合奢侈品低调奢华的审美标准。

截屏2026-06-29 10.34.03.png

五、产品商业与用户综合价值
八大奢侈品垂直赛道精准分层,精准捕获高净值细分人群,提升用户停留时长与复访频次;
线上纸刊预览模块打通线上线下媒体联动,有效带动纸质杂志订阅销量,拓宽媒体营收渠道;
极简黑白留白高级视觉,区别市面花哨资讯网站,塑造高端奢侈品媒体独特品牌调性,提升奢侈品牌广告合作吸引力;
三端完整响应式适配,电脑、手机浏览质感统一,不流失移动端高端流量,全域覆盖精英用户阅读场景;
宽松杂志化图文排版,降低长文阅读疲劳,提升深度文章完整阅读率,强化用户媒体认同感。

 

图片来自Behance

 

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

 

image.png

兰亭妙微设计分享:AI 植物健康监测多终端产品全域ui设计拆解

之晨 交互设计及用户体验

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

Zolve 是一款搭载叶片 AI 扫描识别技术的智能绿植养护系统,面向家庭园艺爱好者、室内绿植商家、小型种植工作室,覆盖手机扫码检测、平板数据精细化管理、PC 官网品牌获客三大终端。整套设计围绕「AI 扫描诊断 — 植物数据可视化 — 专业养护指导 — 会员升级转化」完整产品链路落地,融合自然极简美学与专业数据可视化体系。本文将从赛道差异化机会、用户分层行为路径、多终端差异化功能架构、自然系数据视觉语言、商业化增长设计五个全新维度拆解,为园艺科技类数字化产品提供可落地的设计参考。

截屏2026-06-17 17.51.46.png

一、园艺数字化赛道空白与三类目标用户行为分层

1. 传统绿植养护工具现存三大核心短板

诊断手段单一:多数绿植 APP 仅提供图文百科,缺少实时叶片扫描、叶绿素、土壤湿度等量化数据检测功能,养护建议主观模糊;

数据呈现割裂:生长曲线、水肥光照记录分散无统一看板,用户无法直观追溯植物长期健康变化;

多端体验断层:移动端仅做简易识别,缺少批量管理功能,PC 官网与 App 视觉割裂,品牌辨识度弱。

2. 三层用户差异化界面权重分配

轻度用户:家庭绿植新手(手机端核心人群)

核心诉求:一键扫码识别、快速获取简易养护提醒。手机端首页前置「Plant Scan」扫描入口,简化复杂数据图表,仅展示缺水、光照不足等关键风险提示,操作流程控制在 3 步内。

中度用户:园艺爱好者 / 室内绿植店主(平板端核心人群)

核心诉求:多植株批量管理、月度生长数据复盘、专业音频养护课程。平板采用宽屏多卡片并行布局,同时陈列多株植物档案、健康指标面板、历史生长曲线,支持横向对比多株绿植长势。

潜在付费用户:种植工作室 / 园艺从业者(PC 官网转化人群)

核心诉求:了解产品专业检测能力、批量管理会员权益、申请免费试用。PC 官网首屏放大 AI 扫描核心功能,用可视化数据图表凸显技术优势,底部设置免费试用转化按钮,主打 B 端批量管理方案。

截屏2026-06-17 17.51.53.png

二、AI 驱动的植物养护完整服务链路(五阶用户体验闭环)

整套设计以「扫描检测」为产品核心差异化卖点,串联完整用户生命周期,三端数据实时同步:

感知引流层(PC 官网):极简自然风落地页,用 3D 植株、生长曲线直观展示 AI 检测技术,吸引用户下载 App、领取试用;

核心交互层(手机移动端):首页环形扫描动效为视觉核心,镜头对准叶片即可实时测算叶绿素、叶片含水量,即时输出健康评分;

数据沉淀层(平板精细化管理端):单株植物专属档案,整合水分、湿度、光照、施肥四大环境指标,月度生长趋势图表可视化;

专业服务层:内置园艺专家音频解析、图文养护教程,针对植株异常数据推送定制化改善方案;

商业留存层:内置 Upgrade 会员升级入口,解锁批量植株管理、专业深度数据分析、一对一专家咨询等付费权益。

三、三大终端差异化功能架构拆解(功能适配 + 交互逻辑双视角)

模块 1:移动端手机端 —— 轻量化 AI 扫描诊断载体(获客与高频操作核心)

整机界面做极致轻量化减法,底部固定简易导航栏,核心扫描功能居中置顶:

环形渐变绿色扫描动效作为产品识别符号,扫描过程可视化,降低 AI 科技的冰冷感;

检测结果极简卡片排布,仅高亮「缺水 / 光照不足」等风险项,次要历史数据折叠收纳;

简化图表组件,仅保留月度简易生长折线,适配手机竖屏快速浏览,单手即可完成扫码、查看提醒全部操作。

截屏2026-06-17 17.52.26.png

模块 2:平板端大屏管理后台 —— 精细化多植株数据中枢(深度用户留存核心)

利用平板横向大屏优势,采用自由流式卡片模块化布局,实现多信息并行展示:

左侧植株档案栏:快速切换不同绿植,新增植株快捷按钮常驻侧边;

中部核心健康指标区:四宫格卡片展示水分、湿度、光照、施肥实时数值,状态标签直观区分Low/Moderate/High;

右侧增值服务区:生长趋势图表、专家音频分析、养护教程三大付费功能卡片并排展示,强化升级引导;

底部动态更新日志:自动记录每一次扫描后的植株状态变化,完整留存生长时间线。

模块 3:PC 官网品牌营销落地页 —— 产品价值传递与转化载体(公域引流核心)

摒弃繁杂后台控件,侧重视觉化技术展示,面向潜在客户传递产品专业度:

超大字号「PLANT SCAN」作为视觉主标题,搭配 3D 幼苗、联动生长曲线图形,直观传递 AI 检测核心能力;

关键检测数据(生长速率、叶片含水量、土壤湿度)用标注连线附着植株图形,降低普通用户对专业指标的理解门槛;

页面底部双转化入口:「Start Now」即时试用按钮、「Download App」下载引导,搭配用户数据背书(72K 用户改善植物健康)提升信任感。

截屏2026-06-17 17.52.08.png

四、自然治愈系专属数据可视化视觉体系

1. 色彩语义系统(贴合绿植赛道情绪感知)

主色调低饱和嫩绿色,代表植物健康、生机,用作扫描动效、数据高亮、主操作按钮;基底采用米白、浅灰低明度中性色,弱化屏幕视觉刺激;状态色统一规范:绿色 = 健康充足、浅灰 = 适中、深灰 / 黑色 = 缺失偏低;整体无高饱和艳色,营造舒缓治愈的园艺氛围。

2. 轻量化玻璃拟态卡片组件规范

全站统一低圆角、极淡阴影的纯白卡片,无厚重分割线,区分「基础数据卡片、图表卡片、课程卡片、操作按钮卡片」四类标准化组件,统一圆角、内边距、透明度参数,降低多终端视觉割裂感。

3. 专业数据轻量化转化设计

将叶绿素浓度、生长速率、土壤湿度等专业农业指标,转化为大众易懂的百分比、分级标签(Low/High),搭配折线趋势图直观展示长势变化;复杂音频波形图简化为柔和灰调,作为专家课程视觉标识,平衡专业度与美观度。

4. 跨终端视觉适配差异化规则

手机端:信息垂直堆叠,删减多并行图表,突出扫描交互;

平板端:自由流式多卡片横向排布,完整展示全维度数据;

PC 官网端:图形化视觉优先,弱化表单控件,主打品牌与技术展示。

截屏2026-06-17 17.52.03.png

五、产品设计落地商业核心价值

AI 扫描打造赛道差异化壁垒:市面绿植工具仅做图文科普,本产品以叶片实时量化检测为核心卖点,精准抓住用户 “看不懂植物缺水缺光” 核心痛点,大幅提升用户粘性;

三端全域场景覆盖全人群:手机满足随手快速检测,平板满足深度爱好者批量管理,PC 官网承接公域引流转化,完整覆盖新手、爱好者、从业者全圈层用户;

自然极简视觉降低用户使用门槛:柔和低饱和绿调、轻量化卡片、可视化数据,弱化科技产品的距离感,适配园艺赛道治愈、休闲的产品定位;

模块化组件体系降低迭代成本:统一卡片、图表、色彩规范,前端可快速迭代新增植株品种、检测指标、会员套餐,产品迭代效率更高。

 

图片来自Behance

 

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

 

image.png

 

兰亭妙微UI设计公司:一个按钮可能定义下一代AI交互入口

清阳 设计资源

当AI战争在手机屏幕上如火如荼,一个更隐秘的战场正在方向盘后悄然成型。本文揭示了通勤场景中被忽视的认知红利——每天流失的碎片化思考如何通过一个简单的物理按钮转化为结构化资产,并深入解析字节跳动为何是最适合打造'车载语音工作台'的玩家。从交互范式革命到商业价值重构,这是一场关于AI如何真正融入物理世界的深度思考。

五一后的那个周末,我花了整整两天在研究一件事:怎么把豆包搞到 CarPlay 上。

起因很简单。我的 iPhone 刚升级到 iOS 26.5,这个版本对 CarPlay 的开放度明显提高了——ChatGPT 已经可以像一个原生 App 一样常驻在 CarPlay 界面上,方向盘语音键直接唤起,对话直接在中控屏上滚动。体验很流畅。

我的第一反应是:豆包行不行?

于是开始了各种折腾。查设置、找插件、搜教程。两天下来,结论很明确:不行。豆包在 CarPlay 上暂时无法完美适配,短时间内也不知道具体的适配规划。

但正是在这次折腾的过程中,我脑子里冒出来的,不是一个”功能缺失”的遗憾,而是一个更大的问题:就算豆包上了 CarPlay,又能怎样?

你想想看。开车的时候,我需要的真的是在屏幕上跟 AI 聊天吗?我需要在方向盘切歌和导航之间,再多一个”点击屏幕上的对话框”的动作吗?

当然不是。

我在车上真正需要的东西,比这原始得多:我希望有一个”容器”,能在我开车的 30 分钟里,把我脑子里正在流淌的那些东西——对昨天评审会的复盘、一个突然想通的产品逻辑、待会到公司要跟研发说的三件事——安全地、无摩擦地接住。

不需要屏幕,不需要打字,不需要任何视觉确认。

按一下,开始说。再按一下,结束。到停车场,一份整理好的文档已经在手机里了。

当前的 AI 战争,几乎都打在屏幕上。

字节的豆包、阿里的通义、腾讯的元宝、月之暗面的 Kimi——这些超级应用和 AI 助手,正在手机桌面和电脑任务栏里贴身肉搏。所有人都在追问同一个问题:用户什么时候打开我?每天开几次?

这是典型的 App 思维。它的假设是:交互必须发生在屏幕上,价值必须通过一个”超级入口”来捕获。

但我想提出一个反直觉的判断:最有价值的 AI 交互,多数可能恰恰发生在你根本看不到屏幕的时候。

证据就在你每天的方向盘后面。

汽车,尤其是私家车,是全世界最昂贵的”注意力占用空间”。对于知识工作者——产品经理、销售、创业者、咨询顾问——通勤的 30 到 60 分钟,是大脑高度活跃但眼睛和手被强制离线的”真空时间”——你在这段时间里复盘昨天的会议,推演接下来的提案,或者突然想通了某个产品逻辑。

但问题随之而来:这些高质量的思想,此刻正以最原始的形态在你的大脑里流淌,却没有一个”容器”可以接住它。你无法打字,不敢看屏幕,传统车机语音助手只会回答”今天天气怎么样”或者”导航去公司”。

于是,一个隐秘的认知红利被所有人忽视:通勤路上的碎片化思考,其实是知识工作者尚未被编码的”脑力资产”。它是一种每天流失、从未被结构化的信息原油。

谁能捕获它,谁就凭空创造了一块新的信息增量。 更重要的是,这背后藏着一个交互范式的转移机遇——这个机遇,至今未被任何一个大厂真正抓住。

这个机遇,可能长成一个”按钮”。

别急着觉得它简陋。在车载场景里,按钮恰恰是最被低估的交互形态。

过去十年,车机行业一直在做加法:屏幕越来越大,语音唤醒词越来越花哨,菜单层级越来越深。但一个核心问题始终没解决:驾驶时最可靠的交互,不是语音唤醒词,也不是复杂触屏,而是一个可以盲操作、有触觉反馈、动作路径极短、不需要视觉确认的实体按键。

我们用一个真实场景来推演。

你刚见完客户,坐上驾驶位,发动引擎。趁记忆还滚烫,你按了一下方向盘旁边的实体 AI 按钮,说:“豆包,记录一下刚才拜访 XX 客户的情况。客户主要关心三个问题:价格、交付周期和售后。他们现在用竞品 A,但对稳定性不满意……”

AI 只做了极轻的回应:“收到。到公司后帮你整理成纪要。”

到停车场,你熄火下车。手机推送来了:一份结构完整的客户拜访纪要,包含客户背景、核心异议、商机阶段、下一步跟进话术,甚至一封写好的回访邮件草稿。

整个过程中,你没看过一眼屏幕,没打过一个字。

这就是”按钮”交互模型的魅力。它不是把 AI 助手搬进车机,而是创造了一个全新的交互范式:按下即工作,松开即结束;思考在驾驶中完成,结果在停车后交付。

这背后是一套完全不同于传统语音助手的交互逻辑。传统车载语音是”命令-响应”式的:你说“打开空调”,它执行一个动作。而这个 AI 按钮是“会话-沉淀”式的:你陷入一段思考,它持续收音、理解、追问、整理,最后生成一份可交付的结构化资产。

换句话说,它不是帮你“控车”的工具,而是一个车内的语音工作台。

有人可能会问:为什么这个按钮不能只是 App 里的一个“车载模式”?为什么必须是硬件?

这个问题问得很好。答案在于:驾驶场景里,信任和确定性比功能更重要。

现有的语音助手都有一个盲点——你永远不确定它“什么时候在听”。唤醒词也好,屏幕点击也好,都有摩擦和误判:你喊了没反应,或者没喊它却亮了。这种不确定性在办公场景尚可容忍,但在驾驶场景是致命的。它会消耗驾驶员的注意力,更会制造一种“被持续监听”的心理不适。

实体按钮解决的就是这个问题。

当你的手指触到那个按钮的瞬间,一种清晰的心理契约就建立了:“我现在开始工作了,我的想法正在被记录。”松开,契约终止。它不是在全天候收集你的数据,而是在响应你的工作意图。

这一点在隐私层面极为重要。车内对话可能包含客户信息、商业机密、个人隐私。一个明确的物理开关动作,比任何隐私条款都更能建立信任——你清楚地知道“我刚才说了什么被记录了”,而不是“它刚才是不是听到了什么”。

这也是为什么我认为:敢在交互上“做减法”的硬件,反而可能成为 AI 时代最重要的入口。

如果只是讲一个车载硬件的产品故事,那这篇文章到此就可以结束了。但真正让我兴奋的,不是这个产品本身存不存在,而是放眼望去,有一家公司几乎已经凑齐了做这件事的所有拼图。

这家公司叫字节跳动。

让我们做一个推演。如果你现在要启动“车载 AI 按钮”这个项目,你需要什么?

第一,你需要一个能解决复杂声学环境下定向收音的硬件能力。 车里不是安静的办公室——它有胎噪、风噪、空调声、音乐声、导航播报、乘客说话。你需要麦克风阵列、降噪算法、主驾声源区分能力。这些不是软件能解决的。

字节在 2026 年 4 月和影石 Insta360 做了一件事:TRAE SOLO 上线语音输入功能,同时推出了一个联名套装,搭配 Insta360 Mic Air 麦克风。官方宣传是“Voice Working 硬件”,主打办公场景,让用户通过语音输入快速让 AI 主导任务。

Insta360 有什么?消费级音频硬件设计能力、复杂环境降噪经验、小型化和低功耗能力、对户外和移动场景的深度理解。这些东西,正好是车载场景最需要的。

第二,你需要一个能把语音流变成结构化工作流的 AI Agent 能力。 用户口述的是一段乱糟糟的口语,输出的必须是一份会议纪要、一个 PRD 草稿、一条 CRM 跟进记录。这需要多轮对话理解、意图识别、模板匹配、长上下文管理。

TRAE 在做的事情——AI Coding、Vibe Coding、从自然语言到结构化输出的 Agent 工作流——恰好就是这块能力。它的底层逻辑就是让用户说”我想要什么”,AI 负责拆解、推理、生成可用的交付物。这件事从代码领域外溢到通用办公领域,几乎是一条直线。

第三,你需要一个 C 端用户愿意张嘴说话的 AI 品牌。 产品经理和销售不需要知道 TRAE是什么,但他们大概率听说过豆包。豆包目前的品牌心智是“能聊天、能问答的 AI 助手”,从聊天到“帮我整理会议纪要”,再到“开车时我说你记”,迁移路径非常顺滑。

第四,你需要 B 端的云基础设施和行业解决方案。 ASR、TTS、RTC、大模型 API、数据安全、企业知识库、飞书/CRM/邮箱的接口打通——这些是火山引擎的阵地。

把这几块拼在一起:Insta360 做物理收音入口,TRAE 沉淀 Agent 工作流能力,豆包做 C 端交互品牌,火山引擎做 B 端技术底座和车企渠道。

一套完整的”移动语音 Agent 工作流”闭环,每一块都有现成的积木。

这不是我幻想出来的路径,而是从他们已有动作中自然浮现的战略延伸。如果字节内部有人能看到这几块资源之间的引力,这个产品不需要从零开始——它只需要把已经散落在各处的拼图对起来。

那么,第一枪应该从哪里打响?

我给出的判断可能和很多人不一样:不是“驾驶中和 AI 长聊”,而是”路上复盘”。

“开车时和 AI 深度辩论 30 分钟”听起来很酷,但它有两个致命伤:一是安全风险,长时间沉浸在复杂对话中必然分散驾驶注意力;二是用户习惯——大多数人在驾驶时并没有那么强的“讨论欲”,但复盘欲、记录欲,每个人都有。

销售刚见完客户,上车。产品经理刚开完评审会,上路。咨询顾问做完客户访谈,返程。此刻他们的脑子里装满了滚烫的信息,这些信息如果不立刻记录下来,几小时内就会衰减、变形、甚至消失。

认知心理学有一个概念叫“短时记忆的脆弱窗口”——人脑的临时记忆在没有复述和编码的情况下,15 到 30 分钟内就会显著衰退。对于知识工作者来说,这意味着每次通勤的前 15 分钟,是一天中信息密度最高、也最容易被浪费的时间。

这个场景下,他们不需要 AI 和他们深度辩论,只需要一个不会丢东西的“容器”。

按一下按钮,花 3 分钟口述,AI 自动分类、整理、结构化,停车后一份文档生成完毕。

这才是真正的刚需。 它的价值不是“让驾驶更有趣”,而是把人类最短的短时记忆,无损转化为可检索、可复用、可协作的结构化资产。

这也是为什么我认为这个产品的第一批用户,不是“所有车主”,而是高频知识工作者:产品经理、销售、创业者、咨询顾问、律师、投资人、管理者。这群人在驾驶时有大量的“想法流”,但今天这些想法很大一部分流进了黑洞。

谁先堵上这个黑洞,谁就创造了一个新的信息增量。 而这个增量,正是飞书、CRM、知识库这些企业系统最渴望的“元数据”——未经过滤、未经组织、最接近真实认知的第一手输入。

当然,任何产品构想最终都要面对“落地”的问题。

我的判断是,五步走,而不是一步到位。

第一步:桌面语音工作流。 就是 TRAE + Insta360 现在在做的事。先验证用户愿不愿意对 AI 说正经事,专用麦克风体验是否显著优于手机收音,语音输入能否真正提升 AI Agent 的任务完成质量。

第二步:手机 App 移动办公。 豆包或相关 App 支持外接麦克风,实现长语音连续记录、一键总结、多种模板输出(产品方案、销售纪要、日报、会议复盘)。这一步不需要和车厂发生任何关系,只需要手机 + 蓝牙 + 麦克风。但这一步已经可以验证“移动语音工作流”的核心价值。

第三步:驾驶模式。 App 内推出一个极简的“通勤模式”——大按钮、少视觉元素、简明语音确认、不长篇播报、驾驶结束后推送摘要和文档。这一步依然不依赖车机,但开始真正切入车载场景。

第四步:独立车载硬件。 如果前三步验证通过,独立硬件就会出现:方向盘附近的实体按钮、主驾定向麦克风、车载供电、蓝牙连接手机、一键唤醒、停车同步。这才是最接近“车载 AI 按钮”的完整形态。

第五步:车厂前装合作。 车机原生的方向盘 AI 键、座舱麦克风阵列、车机账号打通、企业系统同步。这是终局,也是壁垒。

我认为,这件事不会一步到位,但它大概率会发生。因为它满足了一个新技术范式落地的所有必要条件:有明确的高频场景、有清晰的用户价值、有现成的技术拼图、有合理的落地路径。

最后,回到标题。

“杀死 App”当然是一个夸张的修辞。App 不会被杀死,就像网站没有被 App 杀死一样。但交互的重心,正在从“屏幕里的那个方框”向“物理世界的各种锚点”转移。

当我们看到一个产品经理在车里按下按钮、口述了一个 PRD 草稿,到公司打开飞书文档直接编辑;当我们看到一个销售在返程路上复盘完客户拜访,CRM 里已经多了一条跟进记录——在这些时刻,“打开 App”这个动作本身被消灭了。

交互的起点,从屏幕上的一个图标,变成了物理空间中的一个按钮、一句话、一次触碰。

而能定义这个按钮的人,定义的不只是一个硬件,而是下一代 AI 交互的接入范式。

现在回到那个假期后的周末,当我折腾了两天 CarPlay,终于意识到豆包上不上 CarPlay 根本不重要的时候,我脑子里想的其实是另一件事:

最重要的战场,可能根本不在那个屏幕上。

它在每一个手脚被占用、大脑却高速运转的时刻。在驾驶座,在厨房,在跑步机,在流水线。在每一个你“想和大模型互动但却腾不出手”的瞬间。

谁先在这一刻按下一个按钮,谁就拿下了通向物理世界 AI 交互的入场券。

而在我看来,最接近这张入场券的玩家,车牌号已经能看清楚了。

 

 

转载:人人都是产品经理

 

 

 

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

 

image.png

兰亭妙微原创作品 |中国棉花网UI案例拆解

丽洁 网站设计文章及欣赏

做B端或者门户网站设计的宝子们看过来!今天分享一个兰亭妙微原创作品——非常典型的行业门户改版案例。

这种传统垂直行业的网站,容易出现的问题就是“界面老化”和“信息杂乱”。这次改版的核心目标非常明确:在保持权威性的同时,提升视觉美感和交互体验。来看看设计师是怎么化腐朽为神奇的吧!

一、 项目背景:打破沉闷

原网站作为中储棉花信息中心的直属网站,虽然内容权威,但视觉呈现已经跟不上时代,关键信息呈递杂乱,用户阅读体验较差。 改版重点:

重塑形象:契合用户需求与市场期待。

交互升级:实现视觉美感与流畅性的融合。

信息降噪:让专业权威的讯息更易读。

二、方案探索:风格博弈

兰亭妙微设计团队给出了三种截然不同的主页方案,这个思考过程很值得参考:

方案1(蓝色系):主打国际化,创新的报告布局动效,内容条理更清晰。

方案2(绿色系):优化资讯层级,布局稳重,强调信息的易读性。

定稿方案:结合了视觉美感与功能性的平衡点。

三、 核心优化亮点(划重点!)

这次改版不仅仅是换个皮,在交互细节上做了很多巧思:

1、资讯层级重构

痛点:旧版内容分类不清晰。

解法:将文字标题分为“置顶/推荐/往期”三个等级。首屏位置就能展示不同重要性的推荐内容,主次分明,用户一眼就能抓取重点。

2、检测报告动效化

痛点:旧版是枯燥的列表,很难快速定位特定报告。

解法:进行了模块分类整理,增加了鼠标移入的动效展示。详情页显示信息与简要描述,通过“往期”可回溯,极大增加了趣味性和互动性。

3、地图可视化交互

亮点:在地图上直观反映供求公司。

功能:支持通过筛选快速获取某地区棉花信息,清晰查看产业总数据与各地占比,把枯燥的数据变成了直观的地理信息。

ScreenShot_2026-06-26_143627_294.png

ScreenShot_2026-06-26_143642_073.png

ScreenShot_2026-06-26_143650_392.png

ScreenShot_2026-06-26_143703_176.png

四、设计感悟

对于这种B端门户类项目,设计的难点往往不在于“炫酷”,而在于如何在海量信息中建立秩序。通过层级划分、动效引导和数据可视化,让专业内容变得“平易近人”,这才是高级感的来源。

大家在做类似项目时,也可以多参考一下这种资讯层级的处理方式哦!

一个验证码背后的产品逻辑:短信风控全链路拆解

清阳 交互设计及用户体验

短信验证码看似简单的6位数字,实则暗藏复杂业务链路与风控挑战。从游戏行业的账号体系保护,到黑灰产攻防的成本平衡,短信防控需要在体验、安全与通道稳定性间寻找微妙的平衡点。本文将深度拆解短信风控的三层防御体系,揭秘那些隐藏在发送按钮背后的业务逻辑与产品设计哲学。

一、短信不是一个按钮,而是一条高风险链路

最近 vibe coding 很火,一句话可能就能生成一个登录框。输入手机号、点击获取验证码、填验证码、完成注册,看起来非常顺滑。但真正做过账号体系的人都知道,登录框只是冰山露出来的一角。它下面藏着短信通道、验证码校验、账号注册、设备识别、渠道投诉、供应商评级、黑名单联动等一整套业务链路。

游戏行业尤其明显。游戏是典型的大 ToC 业务,用户规模大、账号价值高、充值场景多、权益体系复杂,只要一个手机号能注册账号,背后就可能对应礼包、首充、拉新返利、渠道结算、虚拟资产交易等利益。利益足够大,黑灰产自然会围上来。

短信验证码本身又是一个很特殊的入口。正常用户收不到验证码,会影响注册转化;异常请求大量消耗短信,会带来直接费用;更严重的是,如果某个短信签名短时间内投诉过多,运营商和通道商可能会对签名降频、拦截,甚至封禁。到这个时候,受影响的就不是几个异常手机号,而是整条正常业务链路。

我之前做过一段时间短信产品经理,对短信下发机制有一些了解。最近在账号风控治理中又重新接触短信相关防控,发现短信这件事看似基础,但真正要做好并不简单。它不是单纯“加一个验证码”或者“限制一分钟一次”就能解决的问题,而是要在成本、体验、识别能力和处置策略之间不断平衡。

这篇文章不讲短信供应商商务选型,也不讲具体攻击脚本。这里我只从产品和风控落地视角,聊一聊比较通用的短信防控实践。

二、先建立一个共识:短信风控要看全链路

很多团队做短信防控,第一反应是卡“发送验证码”这个动作。这个方向没错,但不够。一条验证码短信从用户点击按钮开始,至少会经过五个关键环节:用户请求、基础频控、风险决策、短信网关、验证码提交。短信发送成功也不是终点,后面还要看验证码是否被提交、是否注册成功、是否触发投诉。

如果只看发送动作,就会漏掉很多重要信号。比如某批请求发送频率并不高,但验证码提交几乎都是秒过;某批手机号分散在不同 IP 上,但设备指纹高度相似;某批请求没有造成注册成功,却造成大量短信投诉。这些都不是单点频控能发现的。

所以短信风控的目标不是“让短信少发”,而是让该发的短信稳定发出去,让不该发的请求在合适的位置被拦下或被二次验证

这句话听起来像废话,但它决定了产品设计方向:不能只追求拦截率,也不能只追求用户体验。规则太紧,正常用户注册会受影响;规则太松,短信通道和账号体系都会暴露在风险里。

我会把短信防控拆成三层:成本门槛层、行为识别层、分级处置层

第一层是成本门槛层,用低成本规则挡住最明显的异常请求。第二层是行为识别层,通过设备、请求、提交行为、黑名单等多维数据识别复杂机器流量。第三层是分级处置层,对疑似风险请求不简单误杀,而是通过上行短信、扫脸、人机挑战等方式进一步确认。

三、第一层:成本门槛层,先挡住最明显的异常

短信风控最基础的能力一定是频控。不要嫌它简单,很多线上事故就是因为最基础的频控没做好。

频控通常围绕手机号、IP、设备、账号、业务场景展开。比如同一手机号 1 分钟内最多发送 1 次,1 小时最多发送 5 次,24 小时最多发送 10 次;同一 IP、同一设备或同一浏览器指纹也要有对应阈值。

这里有一个容易被忽略的问题:自然时间和滚动时间

自然时间是按照固定时间边界计数,比如“今天 0 点到 24 点最多 10 次”。滚动时间是从当前请求向前回看,比如“过去 24 小时最多 10 次”。对于短信风控来说,最佳实践通常是滚动计数。

为什么?因为自然时间存在边界漏洞。假设系统按自然日计数,攻击者可以在 23:58 打满当天额度,0:01 之后额度清零,又继续请求一轮。规则看起来没问题,实际防控被时间边界绕开了。

滚动时间实现成本更高,尤其在数据量大时会涉及缓存、滑动窗口、聚合统计,但它更符合风控场景。产品经理在写需求时,不要只写“24 小时最多 X 次”,最好明确口径:是自然日还是过去 24 小时;是按手机号计数,还是手机号 + IP + 设备组合计数;命中阈值后是直接拦截,还是延长冷却时间。

除了频控,图形验证码也是成本门槛层的重要工具。很多人觉得图形验证码很基础,但从攻防视角看,它贯穿整个短信盗刷防控过程。

常见的图形验证码包括滑动拼图、文字点选、图标点选、语序选词、空间推理、障碍躲避等。验证码的价值不只是“让用户做一道题”,而是提升机器请求成本,并给系统提供行为数据,比如轨迹是否自然、完成时间是否异常、同一设备是否高频通过。

当然,验证码不是越难越好。注册登录是高转化场景,如果一上来就给所有用户弹复杂验证码,正常用户会被一起惩罚。更合理的方式是分层触发:低风险用户无感通过,中风险用户触发轻量验证码,高风险用户触发更强验证。

号段识别也属于基础能力。比如 170、171、165 等虚拟运营商号段在某些业务里风险更高,可以根据业务情况做更严格的策略。但不建议把虚拟号段简单等同于黑名单,直接全量拦截会带来误伤。更稳妥的做法是提高验证等级、降低发送频次、叠加设备和 IP 风险判断。

成本门槛层解决的是“别让明显异常请求轻松进来”。它不追求特别聪明,但必须稳定、清晰、可解释。

四、第二层:行为识别层,把孤立规则变成风险判断

第一层规则可以挡住一部分粗糙流量,但挡不住更成熟的黑灰产。成熟黑产不会只用一个 IP、一个手机号、一个设备猛冲,它会拆散请求,分布式地试探系统阈值。这时候就需要进入行为识别层。

行为识别层的核心是多维数据。产品上至少要能拿到手机号、IP、设备指纹、账号、渠道、业务场景、验证码生成时间、验证码提交时间、提交结果、失败次数、请求来源、前端环境等信息。没有这些埋点,风控就只能靠猜。

设备指纹是这里的关键能力。它不是单纯拿一个设备 ID,而是综合浏览器、系统、分辨率、时区、字体、Canvas、网络环境、客户端版本等信息,生成相对稳定的设备标识,用来识别“换手机号、换 IP,但设备特征高度相似”的请求。

前端请求加密和参数校验也很重要。它不能从根本上防住所有攻击,但可以提高脚本化请求门槛。比如短信发送接口不应该裸奔,前后端需要对关键参数、时间戳、随机串、业务场景进行校验,避免接口被直接复用。注意,这类能力的定位是提高成本,不是绝对安全,真正的风控仍然要靠服务端决策。

验证码提交行为同样值得关注。正常用户收到短信后,通常会有一个阅读和输入过程。如果大量验证码都在极短时间内提交成功,就要怀疑是否存在接口自动化、短信接收平台、批量控制设备等风险。这里不用把规则写死成“多少秒一定异常”,而是结合业务基线做分层判断。

黑名单库是行为识别层的另一个基础设施。它不应该只是一个静态表,而应该是动态更新的风险资产库,至少包含以下几类:

黑名单最怕两个问题:一是更新慢,等运营手动导入时风险已经过去;二是没有过期机制,半年以前的风险数据一直影响正常用户。比较好的方式是给名单设置来源、等级、命中原因、过期时间和复核机制。

行为识别层的重点不是把规则写得多复杂,而是把原本分散的数据串起来。手机号、IP、设备单独看都正常,组合起来可能就不正常。风控能力的差距,很多时候就在这个“组合判断”里。

五、第三层:分级处置层,别把风控做成一刀切

短信风控最难的地方,不是拦截黑产,而是不误伤正常用户。尤其在游戏业务里,用户注册和登录往往发生在高情绪场景:新游开服、活动领取、好友邀请、充值回流。这个时候如果正常用户收不到验证码,或者被连续拦截,很容易直接流失。

所以对疑似风险请求,不一定要直接拦截。更好的方式是分级处置。

低风险请求直接放行;中风险请求增加轻量验证,比如图形验证码或冷却时间;高风险但不确定的请求增加强验证,比如上行短信、人脸识别、实名校验;已确认风险请求再直接拦截。

上行短信是一个特别值得重视的能力。所谓上行短信,就是用户主动发送指定内容到指定号码,系统收到后完成验证。它本身不复杂,但在实践中并不是所有短信供应商都能稳定支持上行能力,而且接入、解析、回调、状态同步都需要额外建设。

为什么它有效?因为它把验证动作从“企业给用户发短信”变成“用户主动发短信给企业”。对正常用户来说,虽然多了一步,但能完成;对批量盗刷来说,成本会明显上升。尤其在疑似风险但不敢直接拦截的场景,上行短信是一个不错的中间态。

扫脸、人脸识别、实名校验也属于强验证手段,但要谨慎使用。它们的验证强度高,用户打扰也高,不适合放在短信发送前的常规链路里。更合理的触发场景是:高价值账号、疑似批量设备、异常领取权益、异常充值返利、账号找回等风险更高的业务节点。

把这些动作放在一起看,可以整理成一张风险分级处置矩阵。它的价值不是给所有业务一个固定答案,而是帮助产品、风控、研发和客服对齐“什么情况该怎么处理”。

这里有个产品细节:强验证的提示文案要解释清楚。不要只弹一句“请求异常”,可以写成“当前环境存在安全风险,为保护账号安全,请完成验证后继续”。这类文案不是为了好看,而是为了减少用户的不确定感和客服压力。

分级处置层的本质是把风险决策从“是/否”变成“放行/观察/验证/拦截”。这会让系统更复杂,但也更符合真实业务。

六、落地时要补齐三套后台能力

如果要把短信风控真正跑起来,前台策略只是其中一部分,后台能力更重要。

第一套是规则配置后台。产品和风控同学需要能按业务场景配置规则,比如注册、登录、换绑、找回密码、领取礼包分别使用不同阈值。不要把所有场景套一套规则,注册场景可以更严格,登录场景要更重视老用户体验,找回密码则要更重视账号安全。

规则配置后台最小要支持“业务场景、统计维度、时间窗口、处置动作”四类配置。配置粒度太粗,规则会互相误伤;配置粒度太细,又会难以维护。比较稳妥的方式,是先搭一个能覆盖 80% 场景的基础模型。

第二套是监控看板。短信风控必须看数据,至少包括发送请求量、发送成功率、验证码提交率、注册转化率、拦截量、强验证通过率、短信成本、供应商失败率、投诉量、签名状态等。只看拦截量没有意义,拦截量升高可能代表风控有效,也可能代表正常用户被误伤。

监控看板的核心不是把指标堆满,而是同时回答三件事:黑产有没有变多、正常用户有没有受伤、短信通道有没有变差。

第三套是应急开关。短信通道一旦异常,影响会非常快。比如某个供应商失败率升高,要能快速切换通道;某个规则误伤,要能快速降级;某个签名投诉异常,要能暂停对应场景或切换备用签名。没有应急开关,风控系统本身也会变成风险源。

我个人建议,每一条核心规则都至少配三样东西:命中原因、处置结果、回滚方式。命中原因用于排查,处置结果用于复盘,回滚方式用于止损。

还有一个容易被忽略的点:短信风控需要和客服对齐。用户收不到验证码时,第一反应通常是找客服。如果客服后台看不到用户为什么被拦截,只能回复“请稍后再试”,体验会非常差。

七、几个容易踩的坑

第一个坑,是把短信成本当成唯一目标。短信确实有成本,但短信风控不是省钱项目。它的核心价值是保护账号体系、保护通道稳定性、保护正常用户体验。如果只盯着短信费用,很容易把规则收得过紧,最后省了短信费,丢了注册转化。

第二个坑,是只做发送频控,不做提交校验。短信发出去以后,验证码是否提交、提交是否成功、多久提交、失败几次,都是重要信号。只管发送不管提交,就像只看门口排队,不看进店以后发生了什么。

第三个坑,是规则没有分场景。注册、登录、换绑、找回密码、支付确认的风险完全不同,规则必须和业务语义绑定。

第四个坑,是黑名单只进不出。风控名单不是垃圾桶,不能什么都往里扔。没有过期、没有降级、没有复核,时间久了必然误伤。

第五个坑,是把图形验证码当万能药。验证码能提高攻击成本,但也会提高用户成本。它应该是动态策略的一部分,而不是所有用户都必须跨过的一堵墙。

八、写在最后

短信本身是个很简单的服务:生成验证码、调用供应商、用户收到、输入校验。简单到很多人会觉得这不就是一个接口吗?

但在真实业务里,短信又一点都不简单。它连接着账号注册、用户体验、营销成本、通道稳定、投诉治理和黑灰产攻防。尤其在游戏这种高用户量、高利益密度的行业里,短信入口做不好,后面会牵出一串问题。

我理解的短信防控,不是单纯把黑产挡在门外,而是建立一套可持续的平衡机制:前面用成本门槛层挡住明显异常,中间用行为识别层判断复杂风险,后面用分级处置层减少误伤。再配合规则后台、监控看板、应急开关和客服可解释能力,整个体系才算真正能跑起来。

回到开头说的 vibe coding。AI 可以很快帮你做出一个登录框,但登录框之下的业务,不会因为页面生成得快就自动消失。短信风控就是这类“看起来不起眼,但出了事很疼”的底层能力。

产品经理真正要补的,往往不是某个按钮怎么画,而是按钮按下去之后,系统如何判断、如何保护、如何兜底。

短信验证码只有 6 位,但它背后的产品设计,远不止 6 位。

 

 

转载:人人都是产品经理

 

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

 

image.png

兰亭妙微ui设计公司-微信 Agent 小微:堪称微信十四年来划时代级重磅更新

清阳 行业趋势

全文速览

拿到微信 AI 助手「小微」内测资格深度体验后,我直言:这是微信诞生以来意义最重的一次版本迭代。作为拥有十亿级日活的国民级社交产品,微信全面落地 AI 智能体,不仅是自身产品生态的重大变革,更是整个互联网行业迈入 AI 时代的关键信号。小微深度打通微信原生底层能力,交互场景远超预期,但受限于模型算力、隐私风控约束,当前版本智能自动化能力仍有明显短板;即便如此,它依然拉开了微信 AI 生态的全新序幕。

一、小微基础入口与底层技术底座

成功开通内测权限后,小微会固定常驻微信首页左上角,替换原有星标好友区域,点击即可进入专属对话窗口。界面默认语音输入模式,可切换文字输入,支持上传图片、实时拍照、文件上传,交互逻辑和普通聊天框高度统一,上手门槛极低。

image.png

底层双模型架构

小微依托两套大模型协同驱动:核心自研基座WeLM,特殊场景会调用 DeepSeek 辅助生成回复。
 
微信自研 WeLM 包含两大版本:
  1. WeLM-V4-80B MoE,激活参数量仅 3B,当前内测小微大概率采用该轻量化模型;
  2. WeLM-V3-258B MoE,激活参数量 22B,算力消耗更高。

算力商业化难题

微信 14 亿用户体量带来巨大推理算力压力,AI 和传统互联网产品存在本质区别:互联网用户边际成本近乎归零,而每一次 AI 交互都伴随实打实的算力开销。现阶段内测用户规模有限,微信尚可承担成本;一旦全量开放,海量并发推理需求对任何厂商都是巨大负担,这也是端侧轻量化 AI 会成为长期发展方向的核心原因。同时目前微信尚未敲定小微商业化方案,盈利模式仍处于摸索阶段。

二、微信原生能力打通:社交、支付、内容生态全覆盖

小微核心优势在于深度绑定微信全系原生功能,但出于隐私、反诈、灰产管控考量,整体遵循 **「只读不动」** 设计原则,所有敏感操作强制二次确认,大量高风险批量操作直接限制。

(一)通讯录 & 消息交互 Skill(管控最严格)

该模块支持单聊 / 群聊发消息、单人语音 / 视频通话、单人红包转账,但设置了大量硬性禁止规则,所有操作需人工确认,大幅削弱便捷性:

1. 绝对禁止操作清单

  • 批量群发:不支持同时给多个好友、多个群聊发送消息、拨打电话;
  • 混合消息:单次仅能发送文字 / 图片 / 文件单一类型,图文、附件组合发送需分两次手动完成;
  • 自操作:无法给自己发消息、转账、发红包;
  • 内容转发:不支持多条聊天记录合并转发、笔记一键分享,需用户手动多选转发;
  • 语音 / 表情:不能代发语音消息、表情包;
  • 历史记录读取:无法检索超过 2 天的私聊、群聊聊天内容。

2. 交互效率现状

image.png

单一步骤操作下,小微流程并未比手动操作更简便:
 
手动打电话:搜索联系人→点击头像→发起通话;
 
小微打电话:打开小微→输入指令→等待响应→确认操作。
 
两者只是将点击操作转化为文字输入,优势体现在多步骤复合任务:例如「设置明天中午和 XX 吃饭的日程,同步告知对方」,一站式完成提醒 + 发消息,大幅简化操作链路。

(二)内容生态查询能力

image.png

  1. 朋友圈:仅可调取近 2 天好友动态,支持筛选点赞、发文内容,可一键跳转对应朋友圈原文;无法汇总长期历史动态;
  2. 公众号 / 视频号:支持关键词检索、内容盘点、更新频率对比;
  3. 基础工具:一键创建日程提醒、本地笔记;仅能读取、编辑小微自身创建笔记,无法打通微信收藏;
  4. 微信支付授权查询:授权后可统计年度红包支出、消费账单等数据。

(三)小程序全场景联动(完成度最高)

小微可自动调度生活服务类小程序,覆盖本地生活、出行、票务、缴费全场景,仅需一句话即可完成前置检索,剩余操作跳转小程序手动收尾,无需手动切换应用。

支持触发场景

image.png

外卖点餐、打车订票、电影 / 景区 / 演唱会购票、酒店预订、快递查询、话费水电充值、门店排队、路线规划等;

执行逻辑

用户无指定平台时,小微自动检索全部合规小程序并列出,优先选用垂直专业平台(如购票默认猫眼电影),自动补全地址、时间等信息,直达选座、选场次页面,大幅减少检索步骤。
 
示例指令:帮我订周六晚家附近《玩具总动员 5》电影票
 
小微自动匹配定位、换算日期、筛选周边影院,展示票价与场次,交由用户完成最终选座付款。

不触发场景

纯知识问答、第三方 App / 网页操作、跨平台调用(淘宝、抖音等)、账号隐私设置修改仅跳转客服渠道。

三、多渠道快捷入口,上下文能力超预期

小微不止首页单一入口,全端散落 5 处快捷唤起通道,其中私聊、群聊底部菜单栏唤起的小微,可携带近 2 天聊天上下文,这也是本次内测最超出预期的设计。

image.png

常规主入口无聊天记录读取权限,而会话内唤起的小微,可基于当前对话内容做总结、检索、问答,但时效严格限制为 48 小时内,更早记录完全无法调取,最大程度平衡实用与隐私安全。

四、记忆自定义 + AI 自制小工具,暗藏长期生态野心

1. 记忆个性化系统

在小微设置页开启「记忆」功能后,可主动记录家庭、公司地址、个人偏好等信息,后续指令无需重复补充信息,例如直接说「打车去公司」即可自动匹配地址;配套个性化推荐、模型优化开关,隐私权限完全交由用户自主管控。

image.png

2. 一句话生成专属小工具(核心亮点)

无需代码,自然语言即可创建自用 AI 小工具,复用小程序底层架构,支持制作体重记录表、生日测算器、随机干饭选择器等个性化工具。

image.png

这一功能具备长远战略价值:当下各类 AI 小程序创作平台普遍遭遇冷启动难题 —— 创作者充足,但缺少海量普通用户;而微信坐拥 14 亿用户、成熟支付、社交分发链路、小程序底层基建,AI 生成工具天然拥有庞大流量池。未来小工具开放分发后,或将形成微信专属 AI 应用市场,对同类 AI 创作平台形成碾压优势。

五、整体总结:克制且稳妥的微信式 AI 进化

作为内测初代版本,小微处处体现微信一贯极致保守的风控思维:平台多年积累的社交信任属于不可再生资源,一旦出现隐私泄露、诈骗漏洞,负面影响难以挽回,因此现阶段整体以「只读、辅助、确认制」为核心逻辑,自动化权限极度克制。
但不可否认,这次更新的战略价值无可替代:微信将沉淀十四年的社交关系、内容、支付、小程序完整生态,完整接入 AI 智能体赛道。对比微信历年所有重大更新,小微是唯一一次打通全生态底层、切换产品底层交互逻辑的迭代,标志着微信正式从传统社交工具,转向 AI 原生综合服务平台,必将在国内互联网与 AI 发展历程中留下标志性印记。
 

转载:优设

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

 

image.png

兰亭妙微UI设计公司:资讯/神器/素材全都有!2026年6月设计周刊第六波

清阳 设计资源

一、全文速览图

 

image.png

 

 

二、设计资讯

1. Codex 生图案例分享

X 上看到一个 Codex 的使用案例,将 Codex 内置一个图片标注工具,这样修改标注工具里的图,Codex 就能读取数据进行重新生成,案例分享给大家

通过内嵌浏览器 + Codex Image 2 + 无限画布(Excalidraw / tldraw),构建一个多模态画布系统,让 Codex 直接读取画布的 Base64 标注图,实现“看图理解 + 生成”。

这样 Excalidraw / tldraw 就不只是白板,而是变成前端的 Multi-modal Canvas,用来拼一个低配但可控的生图工作流。

其他在线白板工具:

网址:https://www.tldraw.com/

网址:https://excalidraw.com/

此想法的原帖: https://x.com/zhongerxin/status/2068027614300893383

原作者 Cowart:Codex + 无限画布工具插件开源: https://github.com/zhongerxin/cowart#

换白板工具原帖: https://x.com/cellinlab/status/2068193900570046502

操作步骤原帖: https://x.com/liyue_ai/status/2068545434818400526

image.png

2. Figma 客户端“标签页分组”功能

标签页分组功能允许您在 Figma 桌面应用程序中对标签页进行分组、着色、展开和折叠。保持井然有序,再也不用担心找不到要查找的文件。

网址:https://www.figma.com/release-notes/

FigmaEX 客户端已经更新到 126.6.8 版本,可自行下载安装。

image.png

三、产品推荐

1. 应用图标博物馆

展示收藏了非常多 iOS 的经典应用图标,并支持搜索,非常喜欢被精心设计的图标包围的充实感,后续会开放 macOS 应用图标库。

网址:https://icon.museum/

image.png

2. 优秀应用界面库 ①

网站收集了一波应用商店的优化图片和用户引导流程的设计案例。

网址:https://before.click/

image.png

3. 优秀应用界面库 ②

App Store 截图库包含,350 万+ 截图 、40 万+ 应用,永久免费

网址:https://screenshotsclub.xyz/

image.png

4. 点阵加载器(网站 Loading 动画)

每个应用程序都需要矩阵加载器,55+个免费且开源的加载器,基于 React、TypeScript、Tailwind CSS 和 shadcn 构建。安装一个,复制代码,然后将其变成属于你自己的作品。

网址:https://dotmatrix.zzzzshawn.cloud/

image.png

5. 设计灵感网站 ①

精选 X 中设计、交互的最佳设计,每日更新,并且还有应用截图和应用图标等信息,AI 时代提升"看"的能力

网址:https://recent.design/

image.png

6. 设计灵感网站 ②

umanmade 是一个由真人创作的数字作品精选目录,收录优秀的设计灵感和交互案例

网址:https://www.umanmade.com/

image.png

四、设计素材

1. Figma UI 模板库

免费的、随时可用的 Figma UI 块库。 复制任意组件,将其粘贴到你的文件中,即可立即开始构建。 非常适合着陆页、布局和 UI 部分。

网址:https://blocks.lander.studio/

image.png

 

转载:优设

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

 

image.png

兰亭妙微ui设计公司:AI设计重构招聘品牌营销:节日营销品效双赢之道

清阳 设计思维

兰亭妙微ui设计公司分享:当AI能够深度理解'团圆经济'的情感密码,节日营销正在从流量争夺升级为心智渗透的精准战役。58同城在中秋期间以'好岗离家近'为核心,通过AI生成融合城市地标与职业场景的个性化视觉,在6大城市实现千万级曝光的同时提升简历投递量40%。这场品效合一的实践揭示了一个关键趋势:AI不再是冰冷的效率工具,而是情感共鸣的放大器——它让招聘广告从信息堆砌转向情感连接,真正实现了品牌温度与业务增长的双赢。

 

当招聘广告超越“岗位罗列”的刻板模式,设计便成为承载这份向往的情感桥梁。

今年中秋,58同城以“好岗离家近,中秋真团圆”为核心,聚焦本土情结浓厚的二三线城市,发起一场整合营销。

本文将拆解这场战役中,AI赋能的设计创新如何不仅实现千万曝光与百万业绩增长,更让招聘营销升维为助力人们“归乡筑梦”的情感依托,让归乡就业的美好愿景通过视觉语言落地生根。

01 精准锚定:明确情感与场景的设计方向

项目首先基于人口特征、营销资源与业绩需求,精准圈定长沙、成都、西安、无锡、南昌五大目标城市。这些城市的共性在于春节/中秋返乡率超80%,乡土情结与团圆氛围尤为浓郁。

执行层面:项目聚焦6大城市的24个核心商圈,选择电梯内、户外大屏、公交站亭三大高频触达渠道。

主视觉采用“品牌区+创意区”双分区布局:左侧传递“好岗离家近”的核心主张,右侧则分别针对B端企业(展示招聘实力)与C端求职者(突出岗位优势),引导“求职者投递-商家入驻”的双向转化。

02 AI赋能:效率与创意的双重突破

AI设计的核心价值,在于让“情感共鸣”与“高效落地”并行不悖。本次项目中,AI技术贯穿创意生成、视觉优化全流程,既精准传递“团圆+留乡”的情感内核,又破解了多城市定制、短周期交付的效率难题,实现双重突破。

设计提案方向:

1. 情感+场景化共鸣:让设计唤醒本土情结

设计紧扣“中秋团圆”与“留乡就业”的双重诉求,以主题文案将求职需求与家庭情感深度绑定,精准触动目标人群的“本土情结”。

创意构思沿两个方向展开:

「中秋+商圈实景」方向提案:

快速建立“本地招聘”的直观认知,通过融合城市地标与品牌色,结合 “中秋团圆” 节点,延续 “好岗离家近” 的核心诉求,同时针对不同城市定制化文案(如西安的“照的见你的未来”、成都的“岗位和火锅一样沸腾”),既传递就业价值,又契合城市气质,激活留乡就业的情感需求。,让城市印记成为情感纽带。

「中秋+地标+职业人物」方向提案:

采用真实场景与AI生成插画人物相结合的方式(如职场女性与城市景观、特色元素的融合),画面生动富有层次,打破传统招聘广告的单调感。

最终方案:

2. AI提效:贯穿流程的设计革命

AI技术在此次项目中深度融入从创意到落地的全流程,实现“多快好省”的突破:

创意图像生成:借助Topnow等工具,快速合成“中秋+商圈”的定制化场景,使AI元素与实景自然衔接,直观传递信息,降低用户理解成本。

高效素材处理:

即梦4.0

字体设计:几分钟内完成字体设计方案。

处理图片:快速调整建筑角度、优化图片内容,适配户外大屏的传播需求,大幅减少后期耗时。

即梦3.0

生成图片:月亮的质感与主文案的艺术化呈现,通过 AI 技术实现视觉吸引力,既保证节日氛围的营造,又让文案具备强记忆点。

卡通插画:效果比4.0优秀

在插画生成上表现卓越,通过精准指令,快速产出风格统一的本地职业形象(如成都外卖小哥、西安青年群体),传递“本地工作的愉悦感”,效率远超人工。

关键词参考:

“一个外卖小哥抱着熊猫玩偶,大步跑,绿色系工作服,开心地笑,黑色单线描边,扁平插画,炫彩配色”

“一个女孩面对手机视频通话,身穿衬衫,坐姿端正,张口说话,居家环境,黑色单线描边,扁平插画,橙色系配色”

“5个男女青年,抬头看前方,一人手指前方,全身,站立,背影,时尚穿搭,黑色单线描边,扁平插画,丰富配色”

具体成效:

创意阶段:半天生成4个完整方向,传统方式需2-3天。

多城市适配:快速产出兼具系列感与地方特色的视觉方案。

修改优化:响应客户反馈的速度提升70%以上。

3. 物料延展:保障多场景视觉统一

基于“一套核心视觉,多场景适配”原则,AI扩图、高清修复,协助快速延展生成线下物料、线上专场Banner、长图海报等多尺寸物料,确保线上线下品牌形象统一,强化用户认知。

03 价值落地:三大逻辑驱动品效合一

AI赋能的设计创新,本次设计通过情感、商业、品牌三大逻辑,实现“品效合一”核心目标。让设计不仅是视觉呈现,更实现了品牌价值与业务增长的双重落地。

1.情感逻辑:激活本土情结,拉动C端转化。AI设计精准触达留乡需求,让“像鸟飞往自己的山”不再只是心理期许,而是有具体岗位支撑的现实可能。数据印证成效:长沙、成都、西安等地线上专场简历投递量增长40%,“本地岗位”搜索量上升62%,有效拉动C端用户参与度。

2.商业逻辑:精准赋能B端,超额完成业绩。对B端商家而言,精准广告投放是核心需求。通过“行业+地域”的定制化广告设计,有效提升了商家投放意愿与合作转化。

3.品牌逻辑:沉淀长期认知资产。设计围绕“贴近受众、强化认知、促进转化”原则,将“提供家乡好工作”的营销逻辑,拆解为“明月+地标+文案+品牌信息”的直观的视觉符号组合,降低用户信息理解成本。通过品牌色、视觉等符号在多场景的重复曝光,持续强化“找本地好工作,就上58”的用户心智,使品牌从工具平台升级为“助力团圆”的伙伴,构筑独特的品牌竞争壁垒。

04 行业启示:走向“策略+情感”的AI设计新范式

本次实践为行业带来核心启示:AI是设计师的“超级助手”,其核心价值在于提升效率精准度。未来的品牌设计应聚焦于 “策略为先,AI赋能,情感共鸣”的融合模式——以策略为导向,用AI提效,最终以情感打动人心。

打动人心的永远是对人性的洞察和情感的共鸣:

对招聘品牌推广而言,这打破了“信息堆砌”的传统广告模式;对更广的行业来说,则示范了“AI赋能设计,设计驱动品效”的新路径。技术终究是工具,而深度的策略思考与人文洞察,永远是设计师不可替代的核心价值。当AI与品牌策略、情感共鸣深度结合,营销才能实现真正的突破,为品牌创造可持续的长期价值。

05 写在最后

58同城此次中秋品牌营销项目,正是技术理性与创意感性完美融合的例证。用AI实现高效精准的落地,用设计传递深刻的情感价值,最终成就了品牌声量与业务增长的双赢,也为行业提供了可复制的品效合一实践范本。

 

转载:人人都是产品经理

 

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

 

image.png

日历

链接

个人资料

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

存档