导读｜从AI植物扫描、智能分析到养护教程，构建连续的植物健康照护闭环。本文不止评价画面风格，而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。
一、产品定位：先回答系统替谁解决什么问题
Zolve并没有把自己限制为一款简单的植物识别工具，而是试图建立覆盖扫描诊断、数据分析、养护指导与成长追踪的个人植物健康操作系统。移动端承担高频执行，AI则被安排在植物识别、健康诊断和养护建议等关键决策点。
从Scangrow品牌标识到zolve应用本体，产品通过"扫描—分析—建议"的核心链路，将植物养护从经验驱动转变为数据驱动。桌面端承担全局洞察与长期趋势，移动端承接高频执行，AI则被安排在计划生成、动作反馈和植物变化解释等关键决策点。
图1：Zolve AI植物扫描诊断界面——核心扫描能力展示
二、信息架构：把功能转译为用户的工作顺序
信息架构围绕"我的植物怎么了—正在做得怎样—下一步如何调整"展开。首页以当日植物扫描入口、实时健康指标为优先层级；养护教程、智能语音分析和成长记录被组织为可进入的任务模块；长期数据则沉淀到生长看板。这样的分层既照顾即时行动，也保留专业用户对趋势和细节的需求。
着陆页以"Plant Scan"为核心入口，将Growth Rate、Leaf Hydration、Soil Moisture等关键指标前置展示，配合"Get Free Trial"和"Download App"的行动号召，形成清晰的信息优先级。72K用户数据的社会证明进一步强化了产品可信度。
图2：Zolve产品着陆页——信息层级与核心入口
三、关键交互：从浏览信息走向完成任务
交互亮点是把复杂植物数据转译为可执行反馈。植物健康指标卡片（Water Level、Humidity、Light、Fertilization）、智能分析语音播报、生长趋势图表和近期更新记录不是装饰，而是把植物状态、偏差和建议直接显性化。
植物扫描将摄像头识别与健康指标连接，Smart Analysis功能采用语音播报形式提供养护要点，减少用户在植物养护方面的额外学习负担。Plant Care Tutorial由专家指导，形成从诊断到执行的完整闭环。
图3：Spathiphyllum植物分析仪表盘——交互式数据面板
图4：植物养护教程详情——专家指导与实时指标
四、视觉系统：品牌表达必须承担信息语义
浅色背景建立清新、自然与专业感，绿色作为核心操作色，在大面积白灰中保持清晰焦点；橙色仅用于湿度偏低、光照过强等需关注指标，形成具有语义的第二强调色。
卡片圆角、柔和阴影和植物摄影让医疗级数据不至于显得冰冷，同时保持跨设备视觉一致。Smart Analysis的音频播放器控件、Growth Month的趋势折线图和Recent Updates的时间线列表，共同构建了一套既专业又亲和的视觉语言。
图5：植物健康详情面板——视觉设计与数据可视化
五、面向产品与设计团队的可复用价值
对产品经理而言，最值得借鉴的是跨场景闭环：数据采集并非终点，而是必须进入诊断生成、养护执行、反馈解释和再次调整。Zolve将植物扫描、健康指标监测、专家教程和成长追踪串联为完整闭环，每个环节的数据都服务于下一个决策点。
对设计团队而言，要重点维护指标口径、植物状态和AI建议之间的可追溯关系，使用户知道系统为何给出某项养护建议，而非只展示漂亮的植物健康分数。Recent Updates时间线设计值得借鉴——它将每一次养护操作（Growth、Watering、Light）都记录在案，形成可回溯的植物照护日志。
跨行业经验复用：本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司，同时也是专业的软件界面设计公司，在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司，我们深知不同行业对界面交互的特殊要求；作为数据可视化设计公司的复杂仪表盘方案，以及高端网站设计公司的品牌级视觉呈现，这套"以用户任务为中心"的信息架构逻辑均可复用。同时，我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力，确保设计稿能够被高保真还原。
六、专业审视：仍需补齐的体验边界
现有方案的主要风险是功能密度较高，卡片在小屏上容易出现同权竞争。建议强化"今日唯一主任务"，将次要指标折叠为按需展开；AI植物诊断应增加置信度与非诊断性提示，避免用户将AI建议当作绝对权威；社交模块也应允许用户控制植物数据的可见范围。
此外，Plant Care Tutorial的专家内容生产机制需要持续投入，若更新频率不足容易形成内容空心化。Smart Analysis的语音播报在嘈杂环境下可用性有限，应考虑提供文字摘要作为备选。
结语：设计的最终判断标准是业务与使用价值
Zolve展示了AI植物护理产品从工具走向陪伴式系统的路径：以扫描建立理解，以分析形成认知，以即时反馈维持养护行动。真正决定产品可信度的，不是模型生成了多少建议，而是每条建议是否透明、可执行、可被用户修正。
从Scangrow的扫描入口到zolve的完整养护闭环，这套设计方案展示了AI原生产品设计的成熟思路——让技术隐形，让体验显性，让每一株植物都能获得科学、及时、可追溯的照护。
兰亭妙微作为作为专业的用户体验公司，我们始终坚持：好的界面设计公司不仅要交付好看的画面，更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付，核心始终不变——让技术真正服务于人的需求。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微ui设计公司分享：不少从业数年的设计师，依旧没能理清小程序画布的创建依据与适配逻辑。今天就针对这个基础问题做一次科普分享，把底层原理一次性讲透。
小程序之所以名为 “小程序”，核心区别于手机、电脑原生应用（Native）：它是运行在微信环境内的应用。也就是说，小程序设计需要遵循微信自身的设计规范，而非 iOS、安卓或 Windows 的原生规范。
这么设计的目的，是让开发者仅维护一套代码，就能在搭载微信的各类终端、系统上正常运行，且视觉表现保持一致。这套逻辑和网页很相似：无论设备与操作系统，只要安装浏览器，就能访问同一套网页，无需为不同平台单独开发多套代码。
虽然小程序主要面向移动端，设计理念尽可能贴近原生 App，大部分控件、组件与交互形式也基本一致，但不同系统间仍存在细节差异，画布适配就是其中最核心的痛点。
微信为小程序自研了一套前端语言：WXML、WXSS、WXS，分别对应网页的 HTML、CSS、JavaScript。其中负责尺寸与样式控制的是 WXSS，它的专属尺寸单位为 rpx。
rpx 不属于厘米、像素这类物理单位，也不是移动端常用的 pt、dp、sp 矢量单位，是微信定制的特殊适配单位。
微信渲染小程序页面时，会固定移动端视口宽度为 750rpx。无论苹果还是安卓设备，不管是小屏无刘海 iPhone SE，还是大屏 iPhone 15 Pro Max，页面统一按照 750rpx 的基准渲染。
简单理解：1rpx = 屏幕宽度的 1/750。
常规移动端矢量单位的设计思路是：屏幕尺寸变大，画布随之拓宽，承载更多内容，依靠自动布局适配空间变化。但小程序的适配逻辑完全不同，微信采用等比缩放方案：在不同尺寸屏幕上，整体缩放页面内容填满视口。
举个例子，同一小程序页面，分别在 iPhone13、iPhone15 Pro Max、电脑端微信截图。将截图统一缩放到相同宽度后叠加对比，可以看到页面元素尺寸保持一致（电脑端字体渲染规则和移动端存在差异，会带来轻微宽度偏差，但字号基准不变）。
而原生移动端 App 采用自动布局而非等比缩放，将不同手机截图叠加后，元素不会完全重合，二者适配逻辑有本质区别。
所以小程序画布规则：基准宽度固定 750rpx，适配所有移动端设备；高度随屏幕长宽比自动变化。
再说说 750 这个基准值的来源：它源自早期 iPhone 设备分辨率，是 375pt 的 2 倍数值。如今移动端设计标准早已从 375 过渡到 390、393，但小程序依旧沿用 375 基准。
原因一句话总结：向大屏幕放大适配简单，向小屏幕压缩适配很难。
目前市面上仍有大量 375 宽度的存量设备，微信作为平台方必须做好向下兼容。以最小兼容画布作为基准向上放大，可以最大程度保障页面兼容性与可用性，不存在内容压缩出错的风险。
你完全可以基于 375 规格设备搭建画布，以 iPhone SE、iPhone Mini 作为设计基准都没问题。
底层渲染用 750rpx，理论上最优画布尺寸是 750×1334 或 750×1624。但现实工作里还有另一个情况：小程序官方组件库基准是 375 宽。
这就涉及工程落地的现实权衡：设计稿和开发实现是两件事。很多场景下，设计师会复用 App 已有素材，不少小程序本身就是 App 的轻量化版本。如果强行使用 750 画布，原有素材几乎要全部重新调整，工作量接近重做；同时和设计师日常习惯不符，极易产生标注错误。
因此，日常设计小程序，直接使用常规 375 宽画布即可。进入开发环节，前端可以在即时设计、Figma、蓝湖等工具中将标注倍率设置为 2 倍，就能直接换算得到对应的 rpx 数值。
这里有个潜在坑点：建议正式开工前，和前端提前沟通，确认对方熟悉 rpx 换算、评估 375 画布落地是否存在阻力。如果团队坚持要求使用 750 画布，再协商统一规范，以最终敲定方案为准。
除移动端标准画布外，还有一个容易被忽略的细节：组件库中的 Half-screen Dialog（半屏弹窗）基准宽度为 414。这个尺寸源自 iPhone 8 Plus / XS Max，并不是为老旧大屏手机准备的。
414 是小程序在 PC 端微信的默认窗口规格，未做响应式改造的小程序，在电脑端固定窗口尺寸为 414×736。
736 的高度同样出于小屏兼容考量，这里不展开细说。PC 端小程序也支持响应式适配，但业务需求较少，感兴趣可以自行查阅官方设计规范。
本次分享到此结束，希望能帮大家理清小程序画布与适配逻辑。如果一遍没看懂，不妨多看几遍～
导读｜从服务预约、AI宠物健康助手到宠物档案管理，构建"发现—预约—照护—沟通"的宠物护理全链路闭环。本文不止评价画面风格，而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。
一、产品定位：先回答系统替谁解决什么问题
Wliö并没有把自己限制为一款简单的宠物服务信息黄页或预约工具，而是试图建立覆盖服务发现、智能匹配、即时沟通与宠物健康追踪的个人宠物护理操作系统。移动端承担高频预约与日常照护，AI则被安排在智能推荐、宠物健康问答等关键决策点。
核心痛点解决：针对宠物主面临的"找不到靠谱服务提供者"、"宠物日常照护缺乏系统管理"、"遇到宠物健康问题不知如何判断"等痛点，Wliö提出了"Get Started with Wliö in just a few taps"的极简服务理念。
AI赋能：AI不仅仅是后台的推荐引擎，更是前台的"宠物健康顾问"。它被安排在"AI Suggestion"（智能服务推荐）、"AI Assistant"（宠物健康问答）等关键决策点，让宠物护理从凭经验走向数据驱动。
核心价值：通过"Everything Your Pet Needs"的一站式设计，解决了多场景宠物管理割裂的痛点——从找服务到管健康，从预约到沟通，全部收敛在一个App中。
二、信息架构：把功能转译为用户的工作顺序
信息架构围绕"今天该做什么—正在做得怎样—下一步如何调整"展开。首页以当日计划、服务推荐、宠物状态为优先层级；服务分类、AI建议和宠物档案被组织为可进入的任务模块；长期数据则沉淀到宠物档案和预约历史中。这样的分层既照顾即时行动，也保留专业用户对趋势和细节的需求。
首页（Home Screen）：摒弃了传统分类导航的复杂层级，采用"搜索+推荐"的双入口设计。顶部搜索栏支持按服务类型（Pet Grooming、Dog Walking、Pet Sitting）快速筛选，下方"Recommended for you"基于AI算法推送匹配服务，确保用户打开App的第一秒就能找到需要的服务。
今日概览（Today Overview）：将分散的养护动作（服务预约、健康记录、消息沟通）聚合为时间轴视图。通过"Today Overview"展示Activity、Step、Food等日常指标，帮助用户快速区分轻重缓急。
宠物档案（Pet Profile）：采用"宠物卡片"形式呈现核心信息。以Buddy（Golden Retriever）为例，Breed、Age、Location等关键信息一目了然，配合"About Buddy"的性格描述，让服务提供者能快速了解宠物习性。
三、关键交互：从浏览信息走向完成任务
交互亮点是把复杂的宠物护理流程转译为可执行反馈。服务卡片、AI建议和预约确认不是装饰，而是把需求、匹配和执行直接显性化。
渐进式引导（Onboarding）：这是最具差异化的Onboarding设计。系统不强迫用户一步到位，而是通过"Get Started"引导页逐步介绍核心价值（24/7 Pet Care、AI Suggestion等），降低新用户的学习成本。登录环节同时支持Google/Apple快捷登录和手机号验证，兼顾便捷性与安全性。
服务发现与预约：在Services页面，用户可以在Map和List两种视图间切换。服务卡片直接展示提供者评分（4.9）、距离（0.4 mi）和价格（$25.00），配合"Book Now"CTA按钮，将浏览到预约的路径压缩到最少点击次数。
预约确认流程：Booking Details页面采用"信息卡片堆叠"设计，将Pet Owner、Pet信息、Services、Date & Time、Payment Information分块展示，用户在确认前可以逐项核对。底部"Confirm Payment"按钮采用黑色胶囊形设计，形成明确的行动终点。
四、视觉系统：品牌表达必须承担信息语义
Wliö的视觉系统在"专业感"与"亲和力"之间找到了精妙的平衡点。
色彩策略：大面积留白建立干净、专业与高端质感。纯白背景配合深黑文字，形成高对比度的视觉层级；宠物照片引入自然暖色调（米色/浅棕色），在大面积黑白中形成情感化的视觉锚点，避免界面过于冷峻。
卡片与组件：所有的卡片、按钮和图片容器都采用了大圆角设计（约20px-30px），给人一种圆润、亲和、无攻击性的视觉感受，非常契合宠物主题的温暖调性。
字体与排版：标题使用粗体无衬线字体，字形圆润饱满；正文采用清晰易读的细体无衬线字体，层级分明。整体排版疏朗，元素之间拥有宽敞的间距，避免了信息的拥挤。
质感与细节：采用非常轻微、柔和的弥散阴影（Soft Drop Shadow），使卡片具有轻微的悬浮感，增加了界面的层次深度，但不过分突兀。背景中隐约可见的爪印图案作为品牌装饰元素，增加了趣味性和识别度。
五、面向产品与设计团队的可复用价值
对产品经理而言：最值得借鉴的是"服务即体验"的闭环设计。传统的宠物服务App是"用完即走"，而Wliö通过AI Suggestion和AI Assistant将服务发现、健康咨询和预约履约串联成完整闭环，极大提升了用户留存和LTV。
对设计团队而言：要重点学习"情感化极简主义"的视觉策略。Wliö证明了宠物类App不一定需要可爱的插画和鲜艳的色彩——通过高质量宠物摄影+黑白极简排版+大圆角卡片，同样可以传递温暖与关怀，而且显得更高端、更值得信赖。
社交证明与转化：Wliö在Profile页面展示了Provider的Experience、Happy Clients、Positive Reviews等社交证明数据，配合Message和Book A Services的行动按钮，将"信任建立"和"转化行动"放在同一个视图中完成，是服务类App转化优化的经典范例。
跨行业经验复用：本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司，同时也是专业的软件界面设计公司，在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司，我们深知不同行业对界面交互的特殊要求；作为数据可视化设计公司的复杂仪表盘方案，以及高端网站设计公司的品牌级视觉呈现，这套"以用户任务为中心"的信息架构逻辑均可复用。同时，我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力，确保设计稿能够被高保真还原。
六、专业审视：仍需补齐的体验边界
现有方案的主要风险是功能密度较高，黑白极简风格在小屏上容易出现信息层次不够鲜明的竞争。
AI置信度：AI健康建议（如"Max's scratching may be caused by allergies"）缺乏置信度提示和免责声明。建议增加"AI建议仅供参考，请咨询专业兽医"的非诊断性提示，并在建议卡片上标注AI的匹配度或数据来源。
隐私安全：宠物照片、主人联系方式、地理位置等敏感信息在Profile页面完全公开。建议增加隐私设置选项，允许用户控制哪些信息对服务提供者可见，以及是否允许被搜索到。
异常场景覆盖：当前界面主要展示的是理想状态下的流畅流程。建议补充空状态（如无预约时）、加载状态（如AI分析中）、错误状态（如支付失败）的设计方案，以及弱网环境下的降级策略。
结语：设计的最终判断标准是业务与使用价值
Wliö展示了AI宠物护理产品从"信息工具"走向"陪伴式系统"的路径：以服务发现建立连接，以智能推荐降低门槛，以AI助手维持长期活跃。真正决定产品粘性的，不是服务品类有多少，而是它能否在用户最需要帮助的那个瞬间——无论是宠物突然生病还是主人临时出差——精准地递上一份靠谱的解决方案。
Wliö的设计哲学值得所有服务类App借鉴：少即是多，但每一个"少"都必须经过深思熟虑。当黑白极简遇上宠物温情，产生的不是冷冰冰的效率工具，而是一位值得信赖的宠物生活管家。
兰亭妙微作为作为专业的用户体验公司，我们始终坚持：好的界面设计公司不仅要交付好看的画面，更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付，核心始终不变——让技术真正服务于人的需求。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微ui设计公司分享：不少人说我做的任务完成页太平淡。 很多人会觉得，它只是一个单纯承担告知功能的页面，做到能用就够。但平淡的结果页，会直接削弱用户完成任务的成就感。今天就借这次改版，聊聊任务完成页该如何设计。
先看原版界面，再看迭代后的成品。同样的业务逻辑，页面体验却拉开差距，下面拆解完整的思考过程。
任务完成页，并不仅仅用来告诉用户 “任务做完了”。它承载着反馈奖励喜悦、强化正向情绪、引导用户继续参与活动的重要作用。复盘旧版，主要存在三点缺陷：
重新梳理页面信息优先级：
基于层级，做对应的优化调整：
调整后，用户进入页面可以快速捕捉关键信息，阅读效率显著提升。
旧版顶部图标是通用的成功对勾，只是冷冰冰的状态通知。 我替换为欢呼姿态的 IP 形象，用角色神态传递恭喜、庆祝的氛围，把单纯的系统通知，转变为一场可视化的正向反馈，补足页面情绪。同时搭配少量装饰小元素，丰富画面层次。
完成信息和主视觉调整后，页面框架已经成立，但细节表现力不足，精致度还有很大提升空间，分三步迭代：
原先按钮位置割裂页面整体布局，将操作按钮迁移至页面底部； 按钮造型改为平行四边形，和页面内能量元素视觉语言保持统一，贴合整套设计主题；内部增加闪电小图标，强化行动按钮的权重，引导用户点击。
为了收拢视觉焦点，背景叠加柔和渐变底色，搭配低饱和度浅棋盘格纹理，增添页面轻质感；纹理弱化处理，不会抢夺卡片主体的视觉重心。
给信息卡片增加毛玻璃通透效果，让 IP 形象的局部可以透过卡片若隐若现，前后层产生空间层次感，摆脱扁平单调的观感。
经过细节打磨之后，得到最终完成版本，对比原版可以直观看到整体变化。
任务完成页这类收尾页面，常常被当作简单的结果弹窗，容易被设计师忽视。 想要提升 UI 设计能力，不必一味追求大项目大改版，从这类小页面入手，平衡信息层级、加入情绪表达、打磨视觉细节，小页面同样可以做出出彩的设计。
兰亭妙微ui设计公司分享：不少 UI 设计师在展示界面改版优化案例时，常会踩一些表达误区，很难让评审看到设计价值。下面梳理改版案例的避坑要点与正确表达思路。
拿交互原型当作 “改版前版本”，和完成后的视觉稿做前后对照，这并不算改版设计。 将原型落地为高质量视觉，只是 UI 设计师的基础本职工作，这套对比无法体现你的改版迭代、问题分析与优化能力。
部分案例里拿来对比的改版前后页面，功能模块差异极大，几乎是两套完全不同的产品。 这种不属于改版，等同于重新设计一款 App。页面大量改动来源于产品需求迭代、交互逻辑变更，很难证明是你的设计优化带来的提升。
把 70 分的成熟界面优化到 90 分，提升幅度 20 分，足以体现设计实力。 但如果刻意捏造一份 10 分的劣质旧界面，优化到 60 分，哪怕分数涨幅看着很高，也没有说服力。 尤其是旧版明显是 AI 生成、漏洞百出的凑数图，行业内的评审一眼就能识破。
改版不一定要大刀阔斧重构页面，小而实在的改动，同样很有含金量，每一处优化都要有清晰合理的设计理由。
举个例子：签到金币组件优化。 原版金币样式普通，缺少产品识别度。我们可以结合产品特性，植入品牌 IP 形象、专属符号；假设产品主题和星星相关，就可以在金币内加入星星图形，还可以对星星造型做差异化设计，比如拉长其中一个尖角，强化专属视觉记忆点。
改动体量不大，但紧扣品牌诉求，优化逻辑完整闭环，就是高质量的改版细节。 如今借助 AI 工具，这类图形迭代也可以高效完成，基于品牌图形输入提示词，就能快速生成多版变体，便于方案推演。 核心：拒绝假大空，每一处改动，都要讲清楚「为什么改，改完带来什么价值」。
不要把行业已经通用的基础规范当作自己的改版成果。 比如社区信息流，罗列 3 图、4 图、5 图的排版规则，朋友圈等主流产品早已落地这套模式。把这种通识内容当成优化方案，没有体现个人思考，属于无效输出。
什么是有价值的新意改版？ 以心理咨询类列表页举例： 普通版本只是常规的列表布局。设计师洞察到心理咨询产品需要传递温暖、有温度的亲近感，于是将列表改造为便签纸张质感，搭配手写风格字体。 从用户情感诉求出发推导视觉方案，跳出标准化组件模板，这就是具备思考门槛的优质改版。
转载：站酷
导读｜从问题定义、安全登录到文件管理与详情查看，构建“发现-访问-协作”的文档操作闭环。本文不止评价画面风格，而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。
一、产品定位：先回答系统替谁解决什么问题
WorkONE 并没有把自己限制为一款简单的文件浏览器或云存储客户端，而是试图建立一个覆盖文档存储、智能组织、便捷分享与安全协作的个人文档操作系统。移动端承担高频存取与即时操作，桌面端（如有）承接全局管理与批量处理，而设计本身则被安排在降低认知负荷、提升操作效率等关键体验节点。
核心痛点解决：针对“重要文档散落在不同平台、查找困难”以及用户在跨设备切换时“找不到刚才那份文件”的挫败感，WorkONE 提出了将文档存储、组织、分享和搜索整合到一个无缝移动端体验中的方案。
核心价值：通过“一个应用搞定所有文档工作”的理念，将碎片化的文档操作转化为流畅的单一流水线——从登录认证到文件浏览、从详情查看到文档打开，每一步都经过精心设计以减少用户的操作摩擦。
图1：WorkONE 设计案例总览——问题定义与解决方案概览
二、信息架构：把功能转译为用户的工作顺序
信息架构围绕“今天该做什么—正在做得怎样—下一步如何调整”展开，但在文档管理场景中被转译为“我有什么文件—文件在哪里—我该如何使用”。
首页（Home Screen）：以“Hello, Jackson”的个性化问候开场，搜索栏置于顶部优先位置，下方以文件类型图标（DOCX、XLSX、PDF）作为快速入口，文件列表按最近使用或重要性排序。存储用量以进度条形式直观呈现（如68%），让用户随时掌握空间余量。
详情页（Document Detail）：采用信息卡片式布局，将文件元数据（文件大小、最后更新时间、所有者、共享人数）以标签-值对的形式清晰展示。底部的“Open Document”按钮采用全宽红色设计，作为页面的唯一核心操作，避免用户在选择面前犹豫。
图2：登录认证页面——安全入口与品牌第一印象
导航结构：底部导航栏提供主页、搜索、个人中心等核心功能的快速切换，确保用户在三个主要任务路径之间只需一次点击即可完成跳转。
图3：移动端首页——文件列表与存储概览
三、关键交互：从浏览信息走向完成任务
交互亮点在于把复杂的文档管理操作转译为直觉化的触控反馈。
搜索优先：首页顶部即提供搜索栏，文案提示“Search files, folders...”，让用户在打开App的第一秒就能输入关键词定位目标文件，而非先浏览再猜测。这种“搜索前置”的设计显著缩短了从意图到结果的路径。
文件详情快速预览：点击任意文件即可进入详情页，无需打开文档本身即可查看关键元数据（文件大小、最后更新时间、共享状态）。这种“先看后开”的交互模式让用户在决定是否打开文档之前就能做出判断，减少了不必要的加载等待。
一键操作：无论是“Open Document”还是其他核心操作，按钮均采用全宽红色圆角矩形设计，视觉权重最高，确保用户不会在界面上找不到下一步该点哪里。
图4：文档详情页——元数据展示与核心操作
四、视觉系统：品牌表达必须承担信息语义
WorkONE 的视觉语言在“专业严肃”与“现代活力”之间找到了精妙的平衡点。
色彩策略：深色背景（接近纯黑）建立专注、高端与科技感，鲜红色作为核心操作色，在大面积暗色中保持清晰的视觉焦点——登录按钮、进度条、品牌标识均以此色呈现。白色文字在深色背景上形成高对比度，确保可读性。
玻璃拟态：卡片和导航栏采用半透明磨砂玻璃效果，让背景的红色渐变若隐若现，保持了界面的通透性与层次感，避免了纯深色背景的沉闷感。
3D 元素：文件类型图标（PDF、DOCX、XLSX）采用3D立体渲染风格，具有厚度和光泽感，不仅增强了视觉趣味，还通过形状差异帮助用户快速识别文件类型。3D插画元素（如登录页的整理文件夹小人）为产品增添了人情味，缓解了企业级工具常有的冰冷感。
圆角与阴影：所有卡片、按钮、输入框均采用大圆角设计（约16px-24px），配合柔和的投影，营造出悬浮于背景之上的空间感。这种设计语言统一了从登录页到首页再到详情页的视觉体验。
图5：视觉设计展示——多界面联动与品牌视觉语言
五、面向产品与设计团队的可复用价值
对产品经理而言：最值得借鉴的是“搜索前置+详情预览”的信息分层策略。WorkONE 没有把所有功能平铺在首页，而是通过搜索栏解决“找”的问题，通过文件列表解决“看”的问题，通过详情页解决“了解”的问题，通过打开按钮解决“用”的问题——形成了一个完整的操作漏斗。
对设计团队而言：要重点学习深色模式下的色彩语义规范。WorkONE 将红色严格限定为操作色和进度指示色，不用于装饰性元素，确保了色彩的信息传递效率。同时，3D图标与玻璃拟态卡片的组合既保持了专业感又不失趣味，这种“严肃内容轻松表达”的手法值得在各类企业级产品中复用。
跨行业经验复用：本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司，同时也是专业的软件界面设计公司，在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司，我们深知不同行业对界面交互的特殊要求；作为数据可视化设计公司的复杂仪表盘方案，以及高端网站设计公司的品牌级视觉呈现，这套"以用户任务为中心"的信息架构逻辑均可复用。同时，我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力，确保设计稿能够被高保真还原。
六、专业审视：仍需补齐的体验边界
现有方案的主要风险是功能密度与深色主题的平衡问题。
深色卡片可读性：在深色背景下，如果卡片之间的明度对比不够，用户可能难以区分不同的内容区块。建议强化卡片边框或增加间距，确保信息分组的视觉清晰度。
批量操作缺失：当前设计聚焦于单文件操作流，但文档管理场景中用户经常需要批量选择、移动、删除文件。建议增加多选模式和批量操作工具栏，覆盖专业用户的高频需求。
离线可用性：作为文档管理工具，用户可能在网络不稳定环境下使用。核心的文件浏览和已缓存文档的查看应支持离线模式，并在UI上明确标识文件的在线/离线状态。
结语：设计的最终判断标准是业务与使用价值
WorkONE 展示了文档管理类产品从“功能堆砌”走向“体验驱动”的路径：以搜索建立效率认知，以清晰的列表维持浏览信心，以详情预览减少操作犹豫，以一键打开完成行为闭环。真正决定产品粘性的，不是它支持多少种文件格式，而是用户每次打开App时，是否能在一秒内找到那份“我刚才明明记得在这里”的文件。
兰亭妙微作为作为专业的用户体验公司，我们始终坚持：好的界面设计公司不仅要交付好看的画面，更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付，核心始终不变——让技术真正服务于人的需求。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
导读
从 AI 拍照诊断、个性化养护日历到自然对话式问答，构建“识别-诊断-养护”的植物生命周期管理闭环。本文基于提供的视觉方案，从产品定位、信息架构、关键交互、视觉语义及体验边界五个层面，拆解这套将硬核园艺知识转化为极简数字体验的设计方案。
Spora 并没有把自己仅仅定位为一款植物百科全书或简单的浇水提醒工具，而是试图建立一个覆盖精准诊断、个性化护理计划与即时专家咨询的智能园艺操作系统。
● 核心痛点解决：针对“70% 的室内植物在第一年死亡”以及用户“看不懂植物求救信号（如黄叶、枯萎）”的焦虑，Spora 提出了“Grow healthier plants with AI”的核心价值。它解决了新手养花“不知为何死”和老手养花“精力顾不过来”的双重难题。
● AI 赋能：AI 不仅仅是后台的图像识别引擎，更是前台的“私人园艺师”。它被安排在“Camera Screen”（拍照诊断）、“Diagnosis Result”（健康评分与处方）以及“AI Plant Assistant”（自然语言问答）等关键决策点，让复杂的植物病理学变得触手可及。
● 核心价值：通过“Care Made Simple”的理念，将模糊的园艺经验转化为精确的数据（如“200ml water”），让用户从凭感觉养花走向科学养花。
信息架构围绕“我的植物现状—接下来做什么—遇到问题怎么办”展开，打破了传统工具类 App 枯燥的列表结构。
● 首页层级（My Plants）：以“植物卡片流”为核心，每张卡片不仅展示照片，更直观呈现“Health Score”（健康分）和“Next Task”（下一步任务）。这种设计让用户打开 App 就能掌握全局健康状况，而非陷入复杂的分类筛选中。
● 详情页深度（Plant Detail）：采用仪表盘式布局。顶部是实时的环境数据（光照、湿度）和健康趋势图；中部是具体的行动指南（What you can do），将抽象的“缺氮”转化为“使用平衡液体肥料”的具体指令。
● 任务系统（Care Calendar）：将分散的养护动作（浇水、施肥、换盆）聚合为时间轴视图。通过“Needs Attention”（需关注）和“Healthy”（健康）的状态标签，帮助用户快速区分轻重缓急。
交互亮点在于把复杂的园艺知识转译为低门槛的互动反馈。
● Camera Screen（诊断交互）：取景框设计简洁，支持“New plant”与“Diagnose existing”双模式切换。拍摄后并非直接给出冷冰冰的结论，而是通过进度条和匹配度（如 87% match）建立用户对 AI 判断的信任感。
● AI Plant Assistant（对话交互）：这是最具差异化的功能。不同于传统的 FAQ 列表，Spora 提供了类似微信的聊天界面。用户可以问“Should I cut yellow leaf off?”（我该剪掉黄叶吗？），AI 结合该植物的具体病史给出建议。这种交互极大地降低了获取专业知识的门槛。
● 任务执行反馈：在具体的养护任务页（如 Water Alocasia Frydek），不仅告诉用户“做什么”，还解释了“为什么重要”（Why it's important），并通过一键“Mark as done”提供完成任务的爽快感。
视觉风格在“科技感”与“自然感”之间找到了完美的平衡点。
● 色彩策略：摒弃了传统园艺 App 滥用的高饱和度绿色，转而使用深苔藓绿（Moss Green）搭配大面积留白和深黑背景。这种配色既保留了植物的生命力，又营造出一种高端、静谧的实验室质感，暗示了产品的科学性。
● 字体选择：标题使用 Gilroy（几何感强，现代有力），正文使用 Manrope（阅读性极佳，中性干净）。这种组合确保了在展示大量养护参数时，界面依然清晰易读，不会产生视觉疲劳。
● 图像质感：UI 中的植物摄影采用了微距和高对比度处理，叶片纹理清晰可见。配合圆角卡片和柔和的阴影，让数字界面仿佛有了呼吸感，消除了医疗诊断类界面的冰冷感。
对产品经理而言，最值得借鉴的是 “诊断即服务” 的闭环设计：拍照不仅仅是为了识别名字，更是为了生成后续的养护计划和触发 AI 咨询，极大提升了用户留存。
对设计团队而言，要重点学习数据的可视化翻译。Spora 没有直接罗列氮磷钾含量，而是用“88% Health Score”和“Early Stage”severity 标签来展示，这种将专业数据“降维”为用户可感知指标的能力，是工具类产品体验升级的关键。
跨行业经验复用：本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司，同时也是专业的软件界面设计公司，在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司，我们深知不同行业对界面交互的特殊要求；作为数据可视化设计公司的复杂仪表盘方案，以及高端网站设计公司的品牌级视觉呈现，这套"以用户任务为中心"的信息架构逻辑均可复用。同时，我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力，确保设计稿能够被高保真还原。
现有方案的主要风险在于AI 诊断的容错性与责任边界。
● 误诊风险：植物病害往往具有相似性（如缺水和水涝都会导致叶片下垂）。建议在 Diagnosis Result 页面增加“置信度”提示，或者提供“二次确认”的引导步骤（如“请再拍一张叶子背面”）。
● 地域与环境差异：同样的植物在不同气候下养护方式不同。AI Chat 的回答需要更严格地结合用户所在的地理位置和季节，避免给出“通用但无效”的建议。
● 离线可用性：考虑到阳台或花园可能信号不佳，核心的“浇水提醒”和“已保存的养护指南”应支持离线查看。
Spora 展示了 AI 垂直领域产品从“信息查询”走向“决策辅助”的路径：以视觉建立审美信任，以诊断切入核心痛点，以陪伴式 AI 维持长期活跃。真正决定这款 App 生死的，不是它能识别多少种植物，而是当用户的爱植生病时，它能否像一位老朋友一样，给出那个最让人安心的解决方案。
兰亭妙微作为作为专业的用户体验公司，我们始终坚持：好的界面设计公司不仅要交付好看的画面，更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付，核心始终不变——让技术真正服务于人的需求。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
导读 从 AI 处方识别、家庭账户管理到就诊清单，构建“诊前-诊中-诊后”的全周期健康管理闭环。本文从产品定位、信息架构、关键交互、视觉语义及体验边界五个层面，拆解这套以“家庭”为核心的医疗档案解决方案。
Medical Resource 并没有把自己仅仅定位为一款挂号工具或简单的电子病历存储盘，而是试图建立一个覆盖多成员档案管理、就诊准备辅助与医疗数据智能化的家庭健康操作系统。
● 核心痛点解决：针对用户（特别是家庭照护者）面临的“纸质处方易丢失”、“老人小孩病历分散”、“复诊时忘记带关键报告”等混乱现状，App 提出了“Your Health, Our Priority”的服务理念。
● AI 赋能：AI 不仅仅是后台的 OCR 识别工具，更是前台的“健康秘书”。它被安排在“Smart AI extracts what matters”（智能提取关键信息）和就诊前的“What to bring”（携带清单生成）等关键决策点，将非结构化的纸质单据转化为结构化的数字资产。
● 核心价值：通过“One Place for Every Family Member”的设计，解决了多人口家庭健康管理割裂的痛点，让就医过程从“慌乱寻找”变为“从容应对”。
信息架构围绕“当前状态—家庭成员—历史记录”展开，打破了传统医疗 App 仅针对个人的单一视角。
● 首页层级（Home）：采用“时间轴+卡片”布局。最优先展示的是“Upcoming visit”（即将到来的就诊），并直接关联到具体的家庭成员（如 Father, Mother）。下方则是“Health Summary”概览，让用户一眼掌握全家人的就诊频次和报告数量。
● 档案层（Records）：这是 App 的核心资产库。顶部设置了显著的成员切换器（All, Me, Father, Mother, Wife），支持一键过滤。列表项不仅显示医生姓名，还通过标签（Prescription, Test Report）和日期清晰分类，解决了“找不到某次特定检查报告”的难题。
● 就诊层（Visit）：将抽象的“看病”具象化为任务流。在就诊详情页，系统自动列出“What to bring”（需携带物品），如处方、心电图等，将信息架构从“存储”转向了“行动指引”。
交互亮点在于把复杂的医疗管理转译为简单的勾选与扫描动作。
● AI 智能录入：Onboarding 阶段即展示核心能力——“Scan your prescriptions and let AI automatically extract”。用户只需拍照，系统即可自动识别医生、日期和药品信息，极大降低了手动输入的门槛和错误率。
● 就诊准备清单：在 Visit 页面，交互不仅仅是查看，更是确认。用户可以通过勾选框确认“Prescription”或“Test Report”是否已带齐。这种微交互有效地缓解了患者就医前的焦虑感。
● 家庭视图切换：顶部的成员胶囊按钮（Pill buttons）支持快速滑动切换。这种高频操作的便捷性，体现了对家庭照护者（通常是子女或配偶）使用场景的深刻洞察——他们需要在不同家人的病历间频繁跳转。
● 色彩心理学：主色调采用高饱和度的“医疗蓝”（Medical Blue），在白色背景上建立专业、洁净且可信赖的视觉基调。蓝色在医疗领域通用性强，能有效降低用户的心理防御。
● 信息可视化：处方单不再是模糊的照片，而是经过 UI 重构的清晰卡片。关键信息（如药名、剂量）被高亮或放大处理，非关键信息弱化，确保在移动端小屏幕上的可读性。
● 情感化摄影：宣传图中使用的医生形象面带微笑、眼神笃定，配合明亮的诊室背景，传递出“专业且亲切”的品牌温度，中和了医疗数据本身的冰冷感。
● 对产品经理：最值得借鉴的是“场景化前置”思维。传统的病历 App 是“用完再查”，而 Medical Resource 是“用前提醒”。将“带什么资料”这一痛点在就诊前主动推送，是提升用户粘性的关键。
● 对设计团队：要重点维护“多角色状态”的视觉一致性。在同一个界面中，如何清晰区分“我的数据”和“父亲的数据”，同时保持整体风格的统一，是此类家庭级应用的设计难点。本方案通过标签颜色和头像关联做得相当出色。
● 跨行业经验复用：本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司，同时也是专业的软件界面设计公司，在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司，我们深知不同行业对界面交互的特殊要求；作为数据可视化设计公司的复杂仪表盘方案，以及高端网站设计公司的品牌级视觉呈现，这套"以用户任务为中心"的信息架构逻辑均可复用。同时，我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力，确保设计稿能够被高保真还原。
现有方案的主要风险在于隐私安全感的显性化不足以及AI 识别的容错性。
● 隐私焦虑：虽然用户访谈中提到“keeping my personal health information completely secure is very important”，但在 UI 上缺乏生物识别（FaceID/TouchID）入口或隐私锁的视觉暗示。建议在进入 App 或查看敏感病历时增加安全验证环节。
● AI 置信度：OCR 识别难免出错。在“Smart AI extracts”之后，必须提供便捷的“人工校对”入口，允许用户修改识别错误的医生名或日期，否则错误的档案比没有档案更可怕。
● 紧急场景：目前的首页侧重于“计划内就诊”。建议增加“Emergency Info”（紧急信息）模块，如血型、过敏史、紧急联系人，以便在突发状况下供急救人员快速获取。
结语：设计的最终判断标准是业务与使用价值 Medical Resource 展示了医疗工具类 App 从“数字化存储”走向“智能化陪伴”的路径：以 AI 降低录入门槛，以家庭视图拓宽服务边界，以就诊清单延伸服务场景。真正决定产品温度的，不是存储了多少张处方照片，而是它能否在用户最无助的就医时刻，递上一份清晰的指引和安心的保障。
兰亭妙微作为作为专业的用户体验公司，我们始终坚持：好的界面设计公司不仅要交付好看的画面，更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付，核心始终不变——让技术真正服务于人的需求。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微ui设计公司分享：界面看着粗糙、精致度不足，却找不到优化切入点？首页顶部 Banner（广告大图）往往就是问题的关键。
界面配图除普通素材填充之外，还包含运营广告类素材。二者属性不同，排版逻辑也存在明显差异。如果 Banner 处理草率，会直接拉低整个页面的视觉质感，尤其是 App 首页顶部的大广告位，设计失当带来的负面影响尤为突出。
今天我们聚焦首页顶部 Banner，系统讲解它的设计思路与落地方法。
早年绝大多数 App 首页都会配置顶部 Banner 模块，如今不少产品已经将该组件移除，或是下移至页面中下部（如淘宝、京东）。但依然大量产品在首页或二级页面保留了这类布局逻辑。
按照用途，Banner 可以分为固定广告图与运营活动图两类：
分层渲染的优势在于：文字可后台快速编辑替换；背景与文字分层，能够实现视差等差异化动效。
固定广告图想要做到稳妥耐看，需要守住 4 条基础准则：
正式设计前，需要先选定版式，搭建对应的栅格参考系统，约束元素摆放位置。移动端 App Banner 最常用的就是左右布局、居中布局。左右布局兼容性强、不容易翻车，但相对普通；居中布局视觉冲击力更强，对素材、场景有一定要求。
左右布局需要先定义四周边距参考线，四边内边距无需完全均等：
四边约束完成后，继续细化栅格：增加垂直中线分割画面；绘制水平参考线约束文案垂直位置；设置右侧竖线对齐主体图形中轴线。
栅格搭建完成后落地流程：
注意：修饰效果点到为止。目标是用最少的加工提升完成度，不要按照 H5 大促主视觉的标准做过度复杂的特效。
居中布局分为两种形式：①标题在上，主体在下；②标题与主体全部居中，文字叠加于主体之上。
第一种适合 Banner 高度充足的场景；移动端首页 Banner 高度普遍偏扁，因此文字 + 主体叠加居中是更常用的形式。
栅格搭建要点：
✨视觉小知识：Banner 视觉会向上延伸到状态栏区域，如果标题严格放在画布正中，人眼观感会觉得整体偏下。因此核心标题应当摆放在画布中上位置，实现视觉平衡。
栅格就绪后填入标题、辅助文案与主体图形，再做细节打磨。
⚠️素材避雷：细长型物体（黄瓜、眉笔、香蕉等）不适合居中版式，优先选择轮廓饱满、比例适中的主体素材。
背景简易处理技巧（非实景场景）：不直接使用完整场景图，采用「纯色 + 弥散光斑」。从主体物体取色微调作为底色，叠加半透明模糊圆形光斑，高效做出柔和的层次氛围。
这套方法不会做出惊艳炸裂的效果，但可以有效避免凭感觉设计带来的各种问题，适配 UI 界面的整体调性，做到安全、合格、不出错。
很多新人会追求一步到位做出高表现力 Banner，但复杂视觉效果对平面功底要求很高，仅靠框架模板很难驾驭。新手应当优先夯实基础落地能力，牢记以下禁忌：
重点认知：Banner 只是 UI 界面的其中一个模块，不需要它抢尽风头。不给整体界面拖后腿，就是合格的 Banner。
Banner 设计不能完全依赖 AI 一键生成，AI 痕迹过重的广告图会严重降低界面品质。设计师需要掌握基础栅格与排版逻辑，自主把控文案、素材、层次细节。
兰亭妙微ui设计公司分享：不少设计师交付的界面，常会被甲方评价 “看着像交互线稿”。明明已经完成信息布局，只是普通文字列表卡片，无论怎么调整，总摆脱不出原型稿的朴素感。那如何给卡片列表赋予高级的视觉质感？下面结合实操案例完整拆解优化思路。
原页面头部卡片样式单薄，视觉表现力不足。结合当下流行的设计趋势，我们选定毛玻璃质感卡片作为优化方向，搜集成熟参考，以此为基础落地质感改造。
想要实现 “上部通透、底部厚重” 的玻璃视觉，给卡片填充透明度渐变底色；同时为描边设置反向透明渐变，模拟玻璃折射带来的厚度层次，奠定毛玻璃的基础基调。
完成多层光影细节之后，把卡片组件放回整体界面，校验初步视觉效果。
毛玻璃的轻盈质感需要合适背景来衬托。结合产品定位，选用清透的蓝调渐变作为页面背景，最大化凸显卡片半透明的材质特质。
材质效果调试完毕后，再填入业务信息，做好层级化文字排版，完成整套头部卡片设计。
完成全部调整后，对比优化前后效果，可以直观看到：卡片不再是单调的信息容器，材质光影、空间层次全部拉满，摆脱交互稿感。
以上就是毛玻璃风格卡片列表的完整实操技巧，善用渐变、多层阴影与半透明属性，就能快速为普通卡片提升设计表现力。
转载：优设
蓝蓝设计的小编 http://www.lanlanwork.com