兰亭妙微ui设计公司分享：每年 WWDC 大会落幕，除了新功能与交互逻辑，系统 App 图标总是设计师群体最先捕捉到的变化点。图标虽只是方寸之间的视觉载体，却完整折射出整套系统的设计语言走向 —— 色彩倾向、玻璃质感强弱、边缘锐利度、图层层级，每一处细节，都在重塑用户对系统整体气质的感知。

随着 WWDC26 召开，iOS 27 与 macOS Golden Gate Beta 版本上线，共计 36 款苹果原生应用图标完成迭代。新版图标依旧延续Liquid Glass 液态玻璃设计体系，但在视觉表达上做出明显转向：色彩饱和度更高、画面对比更强；厚重的玻璃折射效果被削弱，整体趋向轻盈扁平；图标边缘轮廓更加利落，图层层级关系清晰分明，全平台视觉一致性进一步提升。

需要注意，当前仅为 Beta 测试版本，部分图标细节仍有调整空间，锐利边缘、弱化玻璃光晕等特征，既可能是苹果确定的设计方向，也属于测试阶段的过渡效果。下文将结合新旧版本对比，拆解各款 App 图标的具体改动。

核心设计四大变化

1. 视觉表现更大胆：色彩更深，画面对比度显著增强；
2. 质感趋向更轻盈：弱化厚重玻璃渲染，减少过度折射，整体更扁平；
3. 细节刻画更清晰：图标边缘锐化，图层层级边界明确，识别度提升；
4. 风格一致性增强：统一贴合 iOS、macOS 全新系统界面语言。

重点 App 图标改动详情

Mail（邮件）

图标内部文字缩写由 California 调整为 CA，原先粗重的轮廓线条优化为细线条，整体更干净利落。

Maps（地图）

定位底座与建筑元素改为玻璃透视材质，原本粗犷的白色轮廓线条做细化处理，符号精致度提升。

Photos（照片）

花瓣图案采用玻璃扭曲堆叠的视觉处理，去掉厚重的实感，整体视觉重量变得更加轻盈通透。

Camera（相机）

镜头反光效果重新绘制，渲染效果更强烈，不少网友调侃新版镜头看起来酷似滚筒洗衣机。

Reminders（提醒事项）

圆点配色进一步加深，移除内部投影效果，图标一体化、扁平化特征更加突出。

Podcasts（播客）

弱化朦胧模糊的玻璃高光，圆环结构边界变得干脆利落，从柔和半透明过渡为锐利干净的液态玻璃质感。

Settings（设置）

强化齿轮外轮廓，优化齿轮内外层级，机械结构的辨识度进一步提高。

Siri App

iOS27 中 Siri 获得独立 App 图标，抛弃旧版多彩渐变底色，采用白底搭配渐变金属环，视觉风格彻底革新。

Messages（信息）

气泡造型做简化处理，去除多余柔和渐变，图标与背景对比度更高，观感直接干净。

Phone（电话）

听筒符号高度简化，去掉多余过渡渐变，轮廓干净，内部冗余细节大幅删减。

Find My（查找）

放弃柔和朦胧的透明分层，改用色块分区设计，雷达环与中心定位点一眼即可识别。

Finder（访达，macOS）

人脸图标鼻子造型更加圆润，隐隐复刻早期 macOS 访达的经典设计气质。

App Store

蓝色底色加深，渐变效果减弱，图标通透度提升，整体质感更轻量化。

Books（书籍）

书页细节做删减，书本主体居中对齐，图标识别更加干脆，但丢失了旧版柔和的层次氛围感。

其他代表性应用

• Chess 国际象棋：强化马棋子主体视觉，弱化棋盘元素，识别更直接，但空间立体感有所削弱；

  

• Passwords 密码：钥匙的实体细节减少，色彩填充更加扎实，从写实物件转向符号化表达；
• Image Playgrounds 图像乐园：图标完成主题切换，从抽象 AI 创作符号，改为气泡包裹的风景画面，视觉重心由工具转向生成结果；
• Time Machine 时间机器：时钟与箭头轮廓加重，视觉重心从圆盘载体转移到备份恢复符号本身；
• iPhone Mirroring（iPhone 镜像）：删除手机屏幕内部细节，聚焦两台设备交叠轮廓，镜像的概念表达更加抽象直白。

还有大量应用（时钟、音乐、天气、备忘录、Safari 浏览器、FaceTime 等）改动幅度较小，大多仅微调刻度、明暗层次、边缘过渡，保留原本核心造型。

写在最后

这套全新图标设计，留给我们两个值得思考的命题：一是在真实手机桌面场景下，新版图标能否拥有更高的辨识度；二是这套 Liquid Glass 迭代后的视觉语言，能不能在 iOS、macOS 等多系统之间，维持高度统一的表现。

从评论区反馈也能看到两极分化的评价：有用户认为玻璃质感不断轻量化是有趣的演进方向；也有不少用户觉得新版图标显得生硬，过度扁平化削弱拟物质感，部分旧版的温润氛围感不复存在。

究竟你更偏爱旧版温润厚重的玻璃质感，还是新版锐利、轻盈的设计风格？

转载：优设

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

一个好的底部标签栏，既能传达产品的核心功能、品牌形象与设计理念，也能成为判断应用精致度的标尺 —— 用户通过第一触点就能感知这个 App 是粗糙还是用心。看似简单，要设计出视觉美观、反馈清晰的标签栏，却有许多值得深究的地方。兰亭妙微在大量移动端项目中沉淀了一套系统的标签栏设计方法论，本文从认知、规范到创新延展，进行全面梳理。

我们常说设计要以用户为中心，可究竟怎样才算以用户为中心？在兰亭妙微的设计实践中，答案藏在对用户心智模型的深入理解里。只有真正搞懂用户心中对世界运作方式的预设，才能做出自然、直觉、零学习成本的好设计。

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

用自然品牌语言解释API支付、薪资与应付账款产品

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

导读｜用自然品牌语言解释API支付、薪资与应付账款产品。本文不止评价画面风格，而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

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

Crezco为企业和平台提供嵌入式支付、薪资与应付账款能力。品牌官网需要同时服务业务决策者、产品团队和开发者，因此既要解释商业价值，也要证明接入成本、合规与技术能力。

图1  项目界面与设计细节

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

首页以“Build better payment products”为总价值主张，随后介绍产品矩阵、嵌入式能力、工作方式、合规与客户证言。移动端保持同一叙事顺序，开发者内容和代码示例被放在足够靠前的位置，避免网站只停留在品牌传播。

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

产品模块采用清晰的行动按钮和分步说明，帮助不同角色进入构建、了解或联系路径。移动端把复杂产品矩阵改为纵向卡片和简化导航。案例、合规和集成优势作为转化前的证据，减少B2B购买中的不确定。

图2  项目界面与设计细节

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

深绿、米白和田野摄影构成“金融基础设施像土地一样可靠”的品牌隐喻，区别于常见蓝紫科技风。线性插画解释API与支付流程，珊瑚色按钮提供清晰行动焦点。品牌质感与产品理性之间保持了良好平衡。

图3  项目界面与设计细节

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

复杂B2B产品的官网不是作品集，而是一条认知与转化路径。产品经理和市场团队应共同定义不同角色需要的证据：决策者看收益和风险，产品经理看能力边界，开发者看文档和示例。设计则需要让这些内容共享同一信息体系。

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

自然摄影虽有辨识度，但需确保不稀释支付产品的专业属性。建议进一步突出定价、上线周期、支持地区与API可用性。合规信息不应只是视觉图标，还应链接到具体认证、数据处理与服务等级说明。

图4  项目界面与设计细节

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

Crezco证明企业金融品牌可以摆脱同质化科技视觉。更重要的是，它用产品结构、技术证据和合规内容支撑品牌承诺，让设计不只“看起来可信”，而是能够被验证。

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

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

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

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

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

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

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

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

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

图1  项目界面与设计细节

图2  项目界面与设计细节

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

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

图3  项目界面与设计细节

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

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

图4  项目界面与设计细节

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

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

图5  项目界面与设计细节

图6  项目界面与设计细节

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

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

图7  项目界面与设计细节

图8  项目界面与设计细节

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

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

图9  项目界面与设计细节

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

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

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

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

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