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

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

• 桌面端/平板端：承担全局洞察与复杂决策，如多航司对比、长航线规划与商务舱选座，主要面向高频差旅人士与追求效率的用户。
• 移动端：承接高频执行与即时反馈，如登机口变更通知、电子登机牌展示与快速改签，强调在移动场景下的单手操作便捷性。
• 核心价值：通过“Book. Fly. Repeat.”的极简理念，将繁琐的购票流程压缩为“3次点击”，解决传统航空应用中信息过载、决策链路长的问题。

二、信息架构：把功能转译为旅客的出行节奏

• 全局层：首页以巨大的出发地/目的地代码（如 JFK ⇌ MXP）为视觉锚点，确立行程的核心上下文；搜索栏置于顶部中央，支持快捷键（⌘ + Space），符合桌面端高效操作习惯。
• 执行层：将“Upcoming Flight”（即将开始的航班）卡片化，突出时间与舱位；“Hot Propositions”（热门推荐）则以列表形式展示，便于快速比价。
• 沉浸层：右侧或独立页面的“Select Seats”（选座）模块，将抽象的座位图转化为可视化的机舱模型，让用户在预订阶段就能预演飞行体验。

三、关键交互：从填写表单走向可视化决策

• 动态航路图：不仅仅是静态地图，而是通过光点移动、虚线轨迹和实时距离计算（Distance to arrival），让“正在飞行”的状态变得可感知。
• 即时反馈闭环：在选座环节，用户点击座位后，底部的结算栏（Checkout）实时更新价格与座位号，无需跳转页面即可完成确认，极大缩短了决策路径。
• 拟物化票据：电子登机牌采用了带有撕裂线设计的拟物风格，配合二维码与关键信息（Gate, Seat, Class），既保留了传统票据的仪式感，又具备数字化的便捷性。

四、视觉系统：品牌表达必须承担高端与科技感

• 色彩语义：深邃的墨绿色背景（#006A4F）奠定了高端、稳重的基调，象征夜空与深海；高饱和度的荧光绿（#8EFEEE）作为核心操作色，用于指引路径与选中状态；橙色（#FF6803）仅用于强调价格或紧急状态，形成强烈的视觉层级。
• 光影质感：界面大量运用了微弱的顶光与磨砂玻璃效果（Glassmorphism），模拟机舱内的氛围灯效，让数据卡片仿佛悬浮于深色背景之上，增强了界面的通透感与层次感。
• 字体排印：采用大字号的无衬线字体展示机场代码（如 CDG, HND），利用字重对比区分信息层级，确保用户在余光扫视时也能瞬间获取关键信息。

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

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

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

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

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

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

• 移动端 App：作为核心数据载体，承接高频的试纸扫描、结果解读与周期追踪，强调“5分钟出结果”的便捷性。
• Web 端/官网：承担品牌信任构建与深度教育，通过详尽的 FAQ、原理图解（如激素曲线）和价值观展示，解决用户对“在家测激素”准确性的疑虑。
• 核心价值：通过“硬件+软件”的结合，将复杂的医疗级激素检测（雌激素、促黄体生成素、孕酮）转化为可视化的生育洞察，帮助用户从“盲目猜测”转向“数据驱动备孕”。

二、信息架构：把功能转译为备孕的科学逻辑

• 感知层：App 首页以“Fertility Chart”（生育图表）为视觉锚点，通过三条不同颜色的曲线直观展示激素变化趋势，确立数据的科学性。
• 执行层：将“Scan”（扫描）按钮置于底部导航栏中心，作为最高优先级操作；官网则通过分步图解（Dip, Attach, Insert, Get results）降低硬件使用门槛。
• 认知层：通过“Why measure Progesterone?”（为什么要测孕酮？）等科普模块，解释数据背后的医学意义，建立用户对产品专业度的信任。

三、关键交互：从枯燥读数走向可视化洞察

• 动态曲线图：不仅仅是展示数字，而是通过平滑的贝塞尔曲线和色彩填充区域，清晰界定“易孕期”、“排卵日”与“黄体期”，让不可见的生理周期变得可见。
• 即时反馈闭环：在扫描环节，App 界面模拟了试纸插入的物理动作，并在几秒内给出明确的“Peak”（峰值）或“High”（高）状态提示，减少用户的等待焦虑。
• 引导式流程：官网的“How it works”部分采用卡片式分步引导，配合实物照片，让用户在购买前就能预演完整的使用体验。

四、视觉系统：品牌表达必须承担科学与关怀的双重语义

• 色彩心理学应用：主色调采用低饱和度的淡紫色与青绿色。紫色通常与女性健康、神秘感相关，而青绿色则传递医疗、科技与冷静的信号。两者的结合既保留了女性产品的柔美，又确立了医疗器械的专业感。
• 留白与呼吸感：界面大量使用白色背景与圆角卡片，配合柔和的阴影，营造出干净、无菌但不刺眼的视觉体验，符合备孕人群追求安心、平静的心理需求。
• 字体层级：关键数据（如激素数值、日期）使用粗体强调，而解释性文字则使用细体，确保用户在焦虑状态下也能快速抓取核心信息。

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

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

结语：设计的最终判断标准是信任与希望

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

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

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

• 桌面端：承担全局洞察与复杂编排，通过宽幅画布展示完整的节点依赖关系和实时吞吐量图表，主要面向运维工程师与系统架构师。
• 移动端：承接高频监控与即时告警，将复杂的拓扑图简化为关键指标卡片（Service Insights），强调在移动场景下对系统健康度的快速感知。
• 核心价值：通过“Smart Automation”（智能自动化）理念，将抽象的代码逻辑和网络数据转化为直观的图形界面，帮助团队从“被动救火”转向“主动治理”。

二、信息架构：把功能转译为运维的逻辑顺序

• 全局层（Desktop）：首页以巨大的拓扑画布为核心，节点（Nodes）代表服务，连线代表数据流向。底部面板承载“TCP Throughput”（吞吐量）和“Service Overview”（服务概览），这种布局直接回应了运维人员“哪里堵了、哪里断了”的首要问题。
• 执行层（Mobile）：移动端采用卡片式布局，将复杂的节点聚合为“Radis-Master”、“US-east-lb”等服务模块。底部的时间轴（Time scale）允许用户快速回溯历史状态。
• 反馈层：通过“System Usability Score”等内部评估模块，量化团队的协作效率，形成从“工具使用”到“效能提升”的闭环。

三、关键交互：从阅读日志走向可视化决策

• 动态拓扑图：不仅仅是静态连线，而是通过颜色变化（如红色连线代表高负载或错误）和实时数值（150 kbps），让数据流向变得可感知。
• 时间轴回溯：底部的时间滑块设计非常精妙，用户可以通过拖动滑块，像看视频一样回放系统在特定时间段（如12:50 - 13:10）的状态变化，极大降低了故障排查的难度。
• 沉浸式概览：移动端的“Service Insights”采用毛玻璃效果，突出核心数字（如2756.50的提升值），配合简单的滑动交互，让用户在通勤途中也能掌握系统脉搏。

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

• 深色模式基底：大面积的深灰/黑色背景不仅符合工程师的审美偏好，更能有效降低长时间注视屏幕的视觉疲劳，同时让高亮的数据元素更加醒目。
• 语义化色彩系统：
  • 荧光绿 (#66FF4C)：代表健康、通过、正常运行，作为主色调传递安全感。
  • 警示粉 (#FF518D)：代表错误、中断或高危警报，在深色背景中具有极强的穿透力。
  • 科技蓝 (#2860EB)：用于常规节点和信息展示，保持界面的冷静与专业。
  • 暖橙/灰 (#F68A02)：用于警告或次要状态，形成清晰的层级。
• 光效与质感：节点图标采用微发光效果，模拟服务器指示灯的物理质感，增强了界面的真实感和科技感。

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

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

• 建议：增加“业务视图”模式，将技术节点映射为业务术语（如将 US-east-lb 显示为“美国区负载均衡”）。
• 移动端局限：在小屏上展示拓扑图极易出现误触，建议移动端仅保留列表视图或极简的状态红绿灯，避免强行移植桌面端的画布交互。
• 无障碍设计：高饱和度的荧光色在对比度上表现优异，但需考虑色弱用户对红绿状态的辨识，建议增加形状区分（如圆形代表正常，三角形代表警告）。

结语：设计的最终判断标准是效率与掌控感

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

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

• 桌面端：承担复杂的多任务处理与全局管理，通过三栏式布局实现“列表-详情-操作”的并行处理，主要面向客服团队主管、客户成功经理（CSM）及技术支持人员。
• 集成层：核心差异化在于与 Salesforce 等 CRM 系统的无缝连接，将沟通记录直接转化为业务数据，解决“沟通”与“业务”割裂的痛点。
• 核心价值：通过“Streamline your email workflow effortlessly”（轻松简化邮件工作流），将分散的沟通渠道统一化，帮助团队从“被动回复”转向“主动管理”。

二、信息架构：把功能转译为客服的处理逻辑

• 导航层（左侧）：采用折叠式侧边栏，将“Inbox”（收件箱）、“Assigned to me”（分配给我）、“Shared with me”（共享给我）作为一级入口，并通过数字角标直观展示未读/待处理数量。下方的标签分类（Customer Success, Tier 1, Tier 2）支持按业务线或优先级快速筛选。
• 列表层（中列）：以卡片形式展示邮件摘要，高亮显示关键标签（如 #EVENTS, #TEST）和状态（Drafts），让用户在扫视中即可判断优先级。
• 详情与操作层（右侧）：点击邮件后，右侧滑出详情页，不仅展示邮件正文，还直接嵌入 Salesforce 的操作面板（Add Task, Add Note），实现了从“阅读”到“记录”的零跳转。

三、关键交互：从切换窗口走向沉浸式处理

• 沉浸式三栏布局：不同于传统邮箱的跳转模式，CentraFlow 允许用户在保持列表可见的同时查看详情和操作，极大减少了上下文切换的认知负荷。
• 快捷操作前置：在邮件列表项上直接提供“Drafts”（草稿）状态提示和快速回复入口；在详情页顶部集成“Add Task”、“Add Note”等高频 CRM 动作，缩短操作路径。
• 状态可视化：通过色彩鲜明的标签（如紫色的 #EVENTS）和状态指示器，让紧急程度和业务属性在深色背景中一目了然，辅助用户进行快速决策。

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

• 深色模式主导：大面积的深灰/黑色背景不仅降低长时间工作的视觉疲劳，还赋予产品一种高端、专业的科技感，类似专业代码编辑器或金融终端的质感。
• 霓虹渐变作为强调：使用高饱和度的紫橙渐变色作为品牌色（Brand Color），应用于 Logo、选中状态和关键按钮，在深色背景中形成强烈的视觉焦点，打破沉闷感。
• 层级分明的灰度：利用不同深度的灰色区分背景、卡片、输入框和文字，在没有明显边框的情况下依然保持了清晰的界面层级，体现了精细的 UI 打磨功力。

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

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

• 建议优化：虽然三栏布局效率高，但在小屏幕或低分辨率下可能显得拥挤。建议增加“专注模式”，允许用户隐藏侧边栏或 CRM 面板，全屏阅读复杂邮件。
• CRM 面板的灵活性：右侧的 Salesforce 面板目前看起来是固定的表单结构。建议允许用户自定义字段显示顺序，或根据邮件内容自动预填部分信息（如自动关联客户 ID），进一步减少手动录入负担。
• 移动端适配挑战：这种复杂的三栏布局在移动端难以直接平移。移动端应重构为“列表-详情”的分页模式，并将 CRM 操作简化为底部的浮动按钮或独立的功能页。

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

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

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

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

• 硬件端（手环）：作为极简的数据采集与状态展示终端，强调“一眼即懂”的直观性，通过独特的环形光效反馈身体状态。
• 移动端 App：承接深度数据分析与 AI 交互，不仅展示“发生了什么”，更通过 Proactive AI 解释“这意味着什么”以及“接下来该做什么”。
• 核心价值：通过“Закрыть три кольца”（闭合三个圆环）的游戏化机制，将复杂的健康管理简化为直观的平衡任务，解决用户面对海量健康数据时的焦虑与迷茫。

二、信息架构：把功能转译为身体的平衡逻辑

• 全局层（首页）：摒弃了传统的列表式布局，采用巨大的液态球体（Liquid Sphere）作为视觉锚点。这个球体不仅是品牌 Logo 的延伸，更是用户当日整体健康状态的拟物化表达。下方直接列出三大核心指标（卡路里、运动时长、睡眠时长），层级极高。
• 执行层（详情页）：在活动和睡眠详情页，顶部采用周视图时间轴，中部为核心仪表盘（如圆环进度），底部为具体的“ подсказка”（提示/建议）卡片。这种布局让用户先看到结果，再根据兴趣下钻查看细节。
• 信任层（营销页）：通过 EQA Labs 板块，展示“-9 cm”、“-7.4 kg”等真实实验数据，将抽象的健康概念转化为可量化的科学成果。

三、关键交互：从被动记录走向主动对话

• Proactive AI 交互：首页的 AI 助手不是等待指令的机器人，而是主动发起对话的教练。例如界面显示的“3天内你已经燃烧了240g脂肪，继续保持！”，这种基于数据的即时正向反馈，比单纯的图表更能激励用户。
• 液态隐喻：App 中的球体设计不仅仅是装饰，它模拟了水的张力与流动，暗示了健康是一种动态平衡。点击球体或与其互动，可能触发更深度的状态解析，这种交互充满了探索感。
• 硬件光效同步：手环上的光环颜色（橙、绿、紫）与 App 内的主题色严格对应，实现了从手腕到屏幕的无缝视觉流转。

四、视觉系统：科技与自然的深度融合

• 色彩语义：
  • 橙色代表营养/热量，唤起食欲与能量的联想；
  • 绿色代表活动/生命力，象征运动与燃烧；
  • 紫色代表睡眠/恢复，传递宁静与深邃的感觉。
    这种色彩编码贯穿了硬件光效、App 图表和营销物料，形成了极强的品牌记忆点。
• 材质表达：大量使用了玻璃、水滴、流光等材质元素。特别是那个透明的、内部仿佛有液体流动的球体，打破了传统科技产品硬朗的线条感，赋予了品牌一种“有机科技”的独特气质。
• 排版：大字号的标题与纤细的数据字体形成对比，既保证了信息的易读性，又维持了画面的呼吸感。

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

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

• 认知负荷：对于新用户来说，那个液态球体具体代表什么？是综合得分还是某种抽象状态？如果缺乏明确的图例说明，可能会造成理解障碍。
• 数据密度：虽然首页极其简洁，但在详情页中，如何平衡“美观的仪表盘”与“精确的数据读取”是一个挑战。例如睡眠相位图虽然好看，但专业用户可能更需要精确的分钟数统计。
• 建议：在保持美感的同时，增加辅助性的文字标签或图例；在 AI 对话中增加“为什么给我这个建议”的解释入口，增强系统的透明度。

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

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

以3D模型、进度与资源数据构建跨端施工项目驾驶舱

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

导读｜以3D模型、进度与资源数据构建跨端施工项目驾驶舱。本文不止评价画面风格，而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

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

Tectra面向建筑项目管理团队，通过3D建筑模型、进度、工时、材料和团队协作建立统一项目视图。产品希望让管理者从宏观进度快速进入楼层、专业或问题节点，并在桌面与移动端持续跟踪。

图1  项目界面与设计细节

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

首页以项目总览和3D模型为核心，顶部导航连接Dashboard、Progress、Timeline和Work Areas。模型热点、团队头像、完成率和趋势图共同表达项目状态；移动端压缩为关键指标、模型浏览和现场快速查看。

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

3D模型中的热点应与问题、责任人和资料双向关联，用户从模型点击即可进入具体工作项。进度图和时间轴提供计划与实际对比，筛选器支持按楼层、专业和周期切换。移动端重点应是现场更新、拍照与确认，而非完整分析。

图2  项目界面与设计细节

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

高明度蓝色形成数字建造与图纸联想，橙黄色作为行动和预警色，在大面积蓝白中非常醒目。建筑线稿与3D模型结合品牌背景，既解释行业，也建立独特视觉资产；超细标题与大留白让复杂项目数据显得更轻。

图3  项目界面与设计细节

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

建筑管理产品必须把模型、数据和责任连接起来。产品经理应围绕问题闭环设计对象关系：发现、指派、处理、验证和归档；设计师则要让同一状态在3D模型、列表、时间轴和移动端保持一致，避免多视图之间产生认知断裂。

跨行业经验复用：本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司，同时也是专业的软件界面设计公司，在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司，我们深知不同行业对界面交互的特殊要求；作为数据可视化设计公司的复杂仪表盘方案，以及高端网站设计公司的品牌级视觉呈现，这套"以用户任务为中心"的信息架构逻辑均可复用。同时，我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力，确保设计稿能够被高保真还原。

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

3D视图可能带来操作成本，应提供搜索、列表和快捷定位作为平行入口。浅色细线需要验证现场强光和大屏展示。进度百分比应明确计算口径，离线更新、版本冲突和现场网络不稳定也需要完整处理。

图4  项目界面与设计细节

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

Tectra的设计方向不是把BIM模型做得更炫，而是让模型成为项目工作的索引。当每个空间节点都能连接数据、责任与进度，数字建造界面才真正从展示走向管理。

兰亭妙微作为作为专业的用户体验公司，我们始终坚持：好的界面设计公司不仅要交付好看的画面，更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付，核心始终不变——让技术真正服务于人的需求。

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

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

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

• 桌面端/大屏端：承担深度分析与复杂决策，通过宽幅的 K 线图、多资产监控列表和 API 文档，主要面向专业交易员、量化分析师及开发者。
• 移动端/平板端：承接高频监控与即时操作，将复杂的链上数据简化为直观的资产卡片和快速交换面板，强调在移动场景下的便捷性。
• 核心价值：通过“AI-driven market intelligence”（AI 驱动的市场情报），解决 DeFi 交易中滑点高、路由复杂、信息不对称的痛点，帮助用户实现“Automate execution, optimize liquidity”（自动化执行，优化流动性）。

二、信息架构：把功能转译为交易的决策逻辑

• 全局层（Dashboard）：首页以巨大的“Exchange”（交换）面板和实时 K 线图为视觉锚点，确立交易的核心上下文。顶部的导航栏清晰划分了“Swap”、“About”、“Docs”、“Pools”等功能区。
• 执行层：将“Confirm Exchange”（确认交换）、“Join Presale”（加入预售）等关键转化入口置于显眼位置，并通过“Built on Solana”等标签强化技术背书。
• 认知层：通过“AI Trade Optimization”（AI 交易优化）、“Smart Liquidity Pools”（智能流动性池）等功能模块的图解，解释 AI 如何介入交易过程，建立用户对算法的信任。

• 可视化路由：在交易界面，不仅仅是输入输出框，而是通过可视化的路径展示（如 Liquidity Scan, Best Route），让用户感知到 AI 正在寻找最优解。
• 即时反馈闭环：底部的代币列表（如 SOL, USDC, JUP）采用紧凑的卡片设计，实时显示涨跌幅，点击即可快速切换交易对，极大缩短了决策路径。
• 沉浸式预售体验：预售页面通过 3D 代币模型和清晰的价格阶梯（Currency Price vs Listing Price），将抽象的投资预期具象化，激发用户的参与欲望。

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

• 玻璃拟态与光影：卡片采用轻微的半透明磨砂质感，配合柔和的紫色光晕，让冰冷的数据界面显得具有科技温度。
• 字体选择：选用“Sora”字体，因其干净的几何形态和现代美学，完美契合 Nexora 的高端视觉识别，同时在数字显示上保持了极高的清晰度。
• 跨设备一致性：从手机 App 图标到户外广告牌，统一的紫色调和 Logo 形态强化了品牌记忆。

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

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

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

兰亭妙微作为作为专业的用户体验公司，我们始终坚持：好的界面设计公司不仅要交付好看的画面，更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付，核心始终不变——让技术真正服务于人的需求。

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

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

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

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

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

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

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

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

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

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

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

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

三、设计背后的思考

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

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

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

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

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

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

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

一、 项目背景：打破沉闷

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

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

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

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

二、方案探索：风格博弈

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

方案1（蓝色系）：主打国际化，创新的报告布局动效，内容条理更清晰。

方案2（绿色系）：优化资讯层级，布局稳重，强调信息的易读性。

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

三、 核心优化亮点（划重点！）

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

1、资讯层级重构

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

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

2、检测报告动效化

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

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

3、地图可视化交互

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

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

四、设计感悟

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

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

近期兰亭妙微团队完成了一个智能制造领域的B端设计项目，今天就来和大家分享一下设计思路和优化过程。

B端产品的设计核心，往往在于如何在复杂的业务逻辑中，理清头绪，让关键信息高效、直观地呈现给用户。这次的优化正是围绕“高效”二字展开。

在确定整体风格时，我们主要遵循了三个原则：

1、品牌感：采用与客户品牌一致的色调和设计语言，确保产品系列的统一性，强化品牌认知。

2、简洁性：页面设计的核心是“化繁为简”。我们将重要的数据和预警信息突出展示，减少不必要的视觉干扰，提升信息的可访问性和可用性。

3、高效性 ：通过精简的界面布局、扁平的层级结构和直观的信息展示方式，力求让用户在短时间内找到所需信息，从而提高工作效率。

核心设计思考与优化

1、导航重塑：聚焦核心内容

【弱化导航】我们弱化了导航栏的背景，打造沉浸式的浏览体验，让用户能将更多注意力聚焦在页面核心内容上。

【横向折叠】侧边导航采用了可横向折叠的设计，在需要时可以收起，为数据展示区释放出更多横向空间，承载更多内容。

2、布局重构：信息分区更清晰

我们将整个驾驶舱页面重新规划为三个核心区域，让信息架构一目了然：

【左侧导航区】相比顶部导航，左侧导航能展示更多条目，且符合用户从上到下的自然浏览习惯。我们增加了收起功能，方便用户在专注处理信息时大化内容区域。同时，菜单背景叠加工厂的作业场景图， subtly 突出了软件的行业主题。

【中间信息展示区】这是页面的“C位”。顶部是主题卡片和可自定义的快捷入口；中部和下部则是核心数据图表展示区，图表颜色严格遵循品牌规范，在传递信息的同时也强化了品牌感。

【右侧个人信息区】将个人信息、待办事项和报警信息整合为卡片形式。

【待办任务】这是新增的模块，根据不同角色的业务人员展示不同的待办内容，非常实用。

【报警信息】将原有的列表形式进行了优化，重点突出报警等级和标题，让异常情况更加清晰明了，便于快速响应。

3、数据可视化：提升管理效率

借助图形化手段，将复杂、抽象的数据条理清晰地传达出去。我们根据每个模块的业务性质，为其选择了合适的图表类型，让数据“自己说话”，有效提升了线上管理的效率。

这次设计优化，不仅是一次视觉上的升级，更是对业务流程和用户体验的深度思考。

希望这个案例能给同样在做B端设计的你带来一些灵感！

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