灵锶智能 × ONEW核心｜机器狗我们上!

唯一 / 新起点 / 灵感 / 一体化

SELECTED WORK / 品牌网站案例

CLIENT / 项目品牌

灵锶智能 LINXAI　/　中英双语品牌官网

设计重塑价值 / Design that Reshapes Value

PROJECT / 项目信息

行业机器人 / 网站策划、视觉设计、交互与开发 / 中英双语

/ THE PROJECT

灵锶智能研发行业级四足与轮足机器人，本体可搭载设备，进入巡检、应急、运输等工作任务。它面向的不只是终端采购，也包括技术集成、二次开发和行业合作。不同客户来到官网，需要了解的内容并不相同。

ONEW 负责网站策划、视觉设计、交互与开发，项目采用中英双语。这次内容与设计的工作，围绕机器人平台的介绍展开：型号怎样组织，任务设备怎样呈现，结构如何解释，技术资料与合作入口放在哪里。

灵锶的业务建立在机器人本体之上。一台底盘搭上不同设备，可以进入不同的工作任务；来找它的客户，也可能是采购设备的人、做系统集成的人，或继续开发行业方案的团队。官网如果只按“产品名称＋性能介绍”展开，这几种关系很容易混在一起。

栏目规划先确定 D50、D30 两个系列，再在系列内介绍型号。系列交代产品之间的归属，型号继续说明本体差异。这样安排之后，新增型号有自己的位置，不必每增加一款产品，就把首页再拉长一段。

LINXAI / D50 SERIES

D50 / 点足

D50W / 长腿轮足

D50WS / 短腿轮足

产品原图编排 / 同一系列中的点足、长腿轮足与短腿轮足。这里比较的是本体形态，不是行业方案。

以 D50 系列为例，点足、长腿轮足和短腿轮足是不同的本体形态；电力巡检、公安巡逻和消防救援，则是不同的任务搭配。前者涉及机身与行走结构，后者涉及搭载设备和使用方向，不能当成同一层分类。

首页把它们分成两组操作。左右切换比较型号，顶部标签观察标准及不同任务形态。当前产品留在画面中央，名称、介绍和重点信息围绕它展开。用户可以保持同一个观察位置，查看本体和设备搭配的变化。

项目场景视觉 / 机身姿态、足端与地形共同建立对使用环境的直观认识。这是设计中的场景表达，不代替实地部署资料。

产品中心与行业应用也各有入口。技术人员可以从型号和配置查起；已经有具体工作任务的客户，则可以先看行业内容。这里没有预设一条所有访客都要走完的浏览路线，而是允许他们带着不同问题进入。

行业页继续解释环境、检测对象和设备搭配。例如电力任务会分到变电站、电力隧道与高压线廊道，而不是只放一张“机器人用于电力行业”的大图。本体能做什么，与一次任务究竟需要什么，通过这两类页面互相参照。

灵锶的产品本身就有清楚的视觉特征：银色金属表面、黑色机身与传感部件，以及局部红色结构。设计稿围绕这些实际特征组织画面，没有另外覆盖一套与产品无关的荧光图形。

设计稿 / 首页首屏。文字区与完整机身分置两侧，灯光、地面和产品保持在一个连续空间中。

主视觉把文字与产品分开安排。画面一侧留出较安静的暗部，容纳标题、简短说明和按钮；另一侧保留完整机身与足端。文字没有压在关节、设备和行走结构上，产品的关键部位不需要让位给一整屏宣传语。

深色背景的作用，也不只是制造“科技感”。侧向光线让银色结构的边缘与转折更清楚，机身下方的阴影把重量和落地关系留在画面里。金属表面、红色部件与黑色区域之间的对比，已经足以形成视觉重心。

橙红色操作提示与产品局部颜色形成呼应，用在选中状态、箭头和进度等需要辨认的位置。大面积背景仍然克制，避免按钮、背景特效和产品同时争抢注意力。

但不是每一页都沿用同样的强度。产品概览和技术资料转到浅色背景，以稳定的字号、分隔线和对齐关系支持阅读。前期需求一方面希望核心技术有表现力，另一方面又强调面向行业客户的实用性；展示区与查阅区分开处理，比把整站都做成一段演示更合适。

动态内容也应有具体用途。整机旋转适合观察角度变化，拆解适合说明结构关系，实机视频则适合观察连续的动作和任务过程。它们可以共同介绍产品，但渲染场景不能替代实机测试，技术数据也不能只靠视觉气氛来支撑。

/ WATCH THE EXPERIENCE

LINXAI × ONEW

网站产品切换、360°观察与结构拆解的完整演示。

对集成与开发客户来说，机器人不是一个只能从外面看的封闭物体。机身上哪里能搭设备，电池与感知模块位于哪里，哪些部分构成完整本体，都是继续了解产品时会遇到的问题。

外观区的 360° 观察与结构区因此各有用途。旋转观察保留完整外形，补充正面图看不到的侧面、背面和搭载位置；结构展示则把完整机身中的模块关系展开。两者不需要重复同一段性能介绍。

已上线结构交互 / 顶部任务载荷平台。完整界面保留模型、部件名称、操作与对应说明，不截断控件或混入相邻页面。

结构界面提供合体、拆解和逐件演示。合体用于认识整机，拆解拉开模块关系，逐件演示则把注意力引向当前部件。观察方式与理解深度对应，不是让用户反复播放同一个动画。

以任务载荷平台为例，选中之后，模型中的位置、模块名称和用途说明一起出现。访客可以把文字与机身上的实际区域对起来，进一步理解设备怎样依附于本体，而不是只得到一句抽象的“支持扩展”。

这类内容的阅读顺序，与参数表不同。结构需要先看位置和关系，参数需要逐项查条件。把所有尺寸、性能与介绍文字叠在模型上，反而会遮住它本来要解释的部分。模型说明保留在当前模块附近，完整资料由产品页继续提供。

静态图片只能说明某个观察状态，因此演示视频单独保留。文章中的图负责指出值得留意的界面关系，视频负责呈现旋转、合体和逐件查看的连续过程；接口、开发与适配条件，则仍然要回到正式资料和技术沟通。

看完产品与交互，下一步未必是询价。集成商可能先确认传感、通信和安装条件，二次开发团队需要了解开发支持，采购方则要比较型号与任务配置。网站需要同时保留这些查阅方向，不能把每个人都当成第一次认识机器人的普通访客。

产品详情先提供系列概览，再展开核心能力、升级适配、功能展示与技术参数。标准本体已有的能力，与可以继续增加的配置分别说明。访客比较的，不只有外形和一个最大负载数字，也包括不同准备条件下能得到什么。

详细参数把 D50、D50W 与 D50WS 并排排列，尺寸、运动、传感、通信及开发等内容按类组织。同一项信息在同一位置对照，能够减少跨页面查找，也为技术人员保留一份可反复使用的资料。

条件不能在整理中被删掉。持续与瞬时负载、空载与负载续航，描述的是不同情况；标准配置与选配模块也需要分清。概览可以简短，完整资料却不能为了视觉上的整齐，把这些差别全部压成一个数值。

画册与详细参数入口靠近产品概览，开发资料入口接在技术介绍之后。资源与服务另外保留下载、常见问题和支持入口。这样安排，是因为查产品、确认开发条件和使用后的支持，并不是同一种阅读任务。

合作也不只有购买。前期沟通中，集成与开发合作、本体平台的使用，以及 ODM 设计生产被明确区分。它们需要了解的内容深度不同，网站不必让这些访客都先填写同一句笼统的“合作需求”。

当前官网的联系表单位于关于灵锶页面下方，先区分购买产品、市场合作、技术咨询和其他，再提供详情填写位置。这与前面按问题组织内容的思路一致：既保留明确入口，也让访客说明自己所处的阶段。这里呈现的是可见的咨询分类，不把它扩大解释为已经完成自动分派或技术对接。

从本体型号到任务设备，从结构观察到技术资料，灵锶官网需要说明的是几组彼此相关、却不能互相替代的信息。产品画面把形态和特征交代清楚，交互解释组成与搭载关系，资料与咨询分类则为后续技术合作留下具体的讨论内容。

EXPLORE THE PROJECT / 项目地址

https://linxairobotics.cn/

网站策划、设计与开发

ONEW / 品牌网站与数字体验