如何用减法思维设计智能鼠标？设计思考与实践过程揭秘！

CMF设计军团机构

深圳/教育工作者/4年前/576浏览

版权

CMF设计军团

产品获得德国IF奖和亚洲最具影响力银奖，产品生命周期持续8年之久

产业的发展离不开CMF（色彩、材料、工艺）

CMF设计军团成立了手机等3C电子CMF（色彩、材料、工艺）行业交流群，目前已有众多手机及消费电子等品牌终端及供应链企业加入，加群主“CMFDESIGN017”，备注“3C电子CMF”，加入技术交流群，与行业专家一起交流！

本文主要介绍：减法思维的设计方法，设计思考与验证过程，造型中的线条与骨骼优化，手感、美感、材料相融合。

型号/雷柏T8触控鼠标

时间/2014年上市

设计/zhouhongchao

与苹果Magic Mouse相竞争的雷柏T8鼠标，树立顶端形象，两片曲面相交形成体块，仅一条交线呈三维波动，由油泥雕刻并用手掌打磨而成，最终呈现简约的设计美学，曲线划分黑白两色，以金属工艺支撑，简约优美灵动前卫形象。产品获得德国IF奖和亚洲最具影响力银奖，产品生命周期持续8年之久。

项目背景概述

自WIN8发布后，触控硬件蓬勃发展，触控的尖端技术代表本企业的技术水准。近两年一线厂商均推出了触控产品，如罗技触摸鼠标（M600和T630）以及联想的（灵石和N700）。

其一，为了巩固雷柏品牌及市场占有地位，打造领域内顶端形象产品。其二，旧品T6的设计差异化不明显、材料做工不精致，不能满足当下消费者的要求。其三，外观美学和人体工学要重新诠释，产品识别需重新塑造。

T8触控鼠标，是个人在雷柏工作期间代表作之一。触摸鼠标是鼠标中难度最大的，极简设计需要长时间功力修炼，设计过程颇费周折，从2012年起几经失败，总结经验后在2014年才进入正轨。

新设计的T8的将定位于高端形象产品、金属材料、简约的设计美学。着重解决目前触摸鼠标的难点（人体工学）。其难点在于在25毫米的厚度下，统一均衡人体工学、美学、产品识别、材料等要素，最终以极简的形象呈现。

设计思考与实践过程

1. 质感的体验—视觉和触觉

2. 线条与骨骼

3. 造型讲道理

4. 比例与尺度

5. 化繁为简—手感、美感、材料相融合

6. 包装设计

7. 设计花絮

产品概述

雷柏T8无线触控激光鼠标曲线优美，律动轻灵，轻薄便携。触摸表面采用特殊喷漆，防汗防滑，触感舒适，下壳采用全金属覆盖喷砂CNC工艺，质感卓越，并与表面外壳无缝隙衔接。

使用时，只需简单的挥动手指，即可实现四向滚动、缩放等Windows 8快捷功能，节省更多宝贵时间，且通过驱动程序可自定义手势功能，一切尽在您的掌控之中。

1. 质感的体验—视觉和触觉

当我们看到光洁的玻璃，光滑的鹅卵石时，忍不住想去抚摸它，它的触感是光滑且凉凉的。当面对一个鸡蛋，我们的触感是细微粗糙且热乎乎的。这里的触摸体验包含三个层面：

①第一层面是视觉的表面的颗粒，例如毛茸茸的尾巴视觉上是亲和的，砂纸的表面是生涩的。

②第二层面是，身体接触体验，具体为手指在鼠标上滑动体验。以往的触摸鼠标，例如苹果鼠标（Magic Mouse）其视觉是感觉光洁的，接触体验是有阻力的，就像在玻璃上滑动，而罗技的（M600）是大面积高贵宝石，接触体验是轻盈的。

③第三个层面是长时间使用8小时后的感受，这里强调长时间后的使用体验，表面颗粒的细密度和粗糙度是影响因素。苹果的Magic Mouse在人体工学上不尽人意，两边的棱角显得割手。罗技的M600使用后的总结是重量显得太轻，光标容易晃动。T8的鼠标的视觉是闪烁的流线，显得有些刺眼，在光线的作用下金光闪闪，金属和颗粒表面的对比，视觉产生了。

接下来是接触体验，食指和中指上有轻微阻力的，就像手指抚摸鸡蛋那样自然。在鼠标的表面的油漆颗粒，光泽度，阻力程度都模仿了鸡蛋表面。大拇指和无名指处于铝合金喷砂的位置，不打滑，凉飕飕的触感。为什么产品最终呈现这种视觉和触觉，以上是考量，这是表面材质的运用，材质固有的效果。

为了让鼠标达到良好的触摸感，需要额外的涂料附加，在油漆的涂料的选择上，在50%的光泽度下，细密的颗粒，耐磨和可靠性。2013年曾协助油漆涂料厂商，开发了沙纹漆，用于游戏产品。对于这种高端简约鼠标，此种涂料是明显不适合的。理想中的效果是三层：表面层略带哑光光油（低调）、中间层细密的颗粒（触感），底层带有轻微的珠光（内涵）。

这三种合起来能最好的表达产品的气质和内涵。通过触觉和视觉来呈现。这种效果在供应商的制作中，颇费周折。慢慢试验、反复调试。难点在于白色款的珠光粉容易偏黄，黑色款光哑度难以控制。最终的确认的效果为双组份油漆。

底漆为：珠光粉+底漆+固化剂

面漆为：透明细沙文+PU哑油

2. 线条与骨骼

点汇集成线，线组织成面，面结合成体，体结合成物。具体怎样界定形态，例如某人理了新发型，两边推平，出现了明显的线条，显得精神和刚毅。天鹅和鸭子相比，前者的轮廓线条更为优雅，后者更为笨重。蜗牛和猎豹相比，前者是缓慢后者是速度，这一切是线条和骨骼的结果。

线条可以区别优雅与笨重、快与慢、硬朗与圆润。（图T8-1）的线条归纳的可以看出，以至于T8结合了优雅飘逸线条，而T5结合了速度的线条，Y100语音鼠标结合了圆润线条。这里的优雅线条、速度线条、圆润线条即为骨骼线，作为视觉焦点和形体转折，直接或间接的影响形体风格走向。人的手掌是有机形态，几何造型只能做出差异化，很难符合手掌的人体工学，鼠标的形态就自然的形成了有机形态。

在100*26*60的空间内，设计师设想鼠标就是这个空间内的一条鱼。为了生存内在精简提生理构成，外在适应环境优化自身的形体。这样就迅速的提炼出别具一格的风格和外在设计语言。

（图T8-1）

3.设计演化—造型讲道理

如下图（图T8-3）中是最原始的设计图纸，给予鼠标形态非常大的“倾向性”。鼠标前部低后部高，高低和骨骼线的曲率一直变化。从差异化角度开始突破，经过六个阶段，最终得到设计雏形。

①在差异化上，以一条一波三折的曲线贯穿始终，带动形态的有机变化，将雷柏的“舒适、时尚”，转换为简约流线的产品识别，代表产品在品牌上的映射体现。

②在美学上，主要调节最高点、最低点、转折点，实线、虚线、转折线，平缓曲面、弧度曲面、线转面。点线面由流线CNC贯穿，形成新视觉美感。

③在承载上，鼠标的设计感、做工材料、产品等级是否符合产品定位、行业内高度、与竞品相比胜算几筹、是否符合品牌形象、消费者审美倾向。

（图T8-3）

（图T8-4）中是依据线条制作的油泥模型，共20张，代表制作过程中的关键节点。反复雕磨，反复调节并寻找30位目标用户进行手感测试，形体由生硬变得光滑。

（图T8-4）

4. 比例与尺度

在105*65*25mm的空间内，存在新鲜的设计。105*65的大小体量才能满足既搭配PC又能搭配笔记本。25毫米代表鼠标的厚度，目前行业产品的极致是“苹果Magic Mouse鼠标”的22毫米，此款也是本鼠标的竞品之一。不是越薄越好，而是满足手感的前提下，协调各限制因素，达到最佳舒适状态。

本产品更注重人体工学。研究表明拇指的接触面积最小为10毫米（图1-5-1）。在技术上没有变革的前提下，改良精准度、美学、人体工学等。

（图1-5-1）

5. 化繁为简

手感、美感、材料相融合

5.1 线的承载

如下图（图T8-5-2）形体中存在三条线。顶部线（绿）、中间特征线（红）、底部线（蓝）。最为关键的是中间特征线，这条红线具有三种作用：美学、人体工学、材料。美学是线条波动带来的美感，人体工学是根据手掌定下的五个点，材料是指CNC在铝合金上的强化。

以上三个线条承载了曲面和形体的变化，决定了形态的差异化。这里的绿红蓝线为一级特征，影响大形态和轮廓。

（图T8-5-2）

5.2 线与产品的六要素

如下图（图T8-5-3）这里探讨点线与产品六要素的关系。针对鼠标而言产品的六要素是指：人体工学、美学、材料、结构、模具、电子。骨骼线上的五个点存在空间内。连接起来形成特征曲线。

（点1）在鼠标的结构上，前部高度（受微动开关制约），鼠标的厚度多从前部体现。所以影响因素为结构元器件。

（点2）无名指的抓握舒适，这个点的下移为了曲线更为波动，但是不能低于3毫米，否则无名指无法抓起。

（点3）和弧面决定了人体工学左边的大拇指的着力点，必须在10毫米的面积范围，

（点4）是为了拉开差异化，另外是手掌按压的结果。

（点5）是为了将CNC的工艺最大化展示出来。以上维持了线条的优美和人体工学，让骨骼线一波三折。

（点6）是电子FPC制约，尽量让曲面倾向平面，让使用效率最大化。

（点7）受电池的高度、行业的极致制约。同时影响抓握高度。

（图T8-5-3）

从下图（图T8-2 ）可以看到研究手掌与形态的关系，产品经纬网匹配手掌肌肉，角度关系和面积接触关系等。

(图T8-2 手掌与形态的关系)

5.3 线与造型识别

如下图（图T8-5-4）中外轮廓和特征线第一视觉突出差异化，红色虚线围成的轮廓同时具备了美学和人体工学，但是这第一视觉类似“苹果Magic Mouse鼠标”，因此为了避开嫌疑，强化突出了这些小落差。这里的线为二级特征，具体为特征线加曲面虚线所围成的剪影。

（图T8-5-4）

5.4 线与面的衔接

如下图（图T8-5-5）中正常使用状态下红色区域的面积决定了厚度，视觉上的纤薄。而最美丽的地方在A和B 转折处。此处具备线转化为面，成为视觉的交点。

（图T8-5-5）

5.5 形态的呼应关系

如下图（图T8-5-6）和（图T8-5-7）中其实在形态处理上，完全可以将C和D区域处理成棱角。这里属于显得三级特征，不易被消费者发现，这里涉及变化与统一，细节与整体。

此处设想形体被雨水冲刷之后，形成的自然流淌痕迹。是物体与环境相互影响的结果，物体是鼠标本身，环境是手掌的肌肉压迫鼠标，长时间下二者共同影响形成特殊的曲面效果。这种小细节的优点在于随着环境光线产生微妙光影变化。

（图T8-5-6）

（图T8-5-7）

如下图（图T8-5-9）在融合过程中注意外部因素：包括差异化、美学、结构、装配。内部因素包括：无名指、中指、手掌、移动的生理习惯等。

6. 包装设计

在欧洲市场雷柏品牌差异化明显，包装风格以蓝白搭配，识别度强。在雷柏根据产品定位、包装成本、竞品状况、销售环境的不同划分为四类包装。（抛开专色和特殊加工工艺，仅从材料成本计算，以鼠标为例）。

A类包装，低端产品包装：此产品在行业内价格低廉，面对普通消费者。产品终端售价在40RMB以下。包装成本=（彩盒+说明书+纸质挂钩）=1.5RBM/1000PCS以内。例如雷柏以往产品型号M10等。

B类包装，中端产品包装：产品终端售价在99-110RMB左右。分为线上包装和线下包装。线上包装成本=[外盒+内盒（内托）+说明书+产品]=2.5RMB左右。线下包装成本=（外盒+吸塑+内盒\内托+说明书+PVC挂钩+产品）=3.5RMB左右。

C类包装，高端产品包装：此类为特殊系列产品，为企业主打产品，为形成产品档次和愉快的购买体验、消费体验、产品使用体验、消费者满意度。通常此类产品包装为高端统一的形象。特殊形状、特殊开启方式、高档纸张。例如“罗技G系列”和“雷蛇鼠标系列”。例如雷柏V系列的包装。包装成本=(外盒+内盒+内托+说明书+品牌卡片+PVC挂钩+产品+标贴+热缩膜）=5RBM左右。

D类包装，形象产品包装：其一，为宣传品牌和产品知名度，产品通常拥有新技术，在本行业占领先于竞品。新潮产品只吸引革新消费者，未形成主流消费。为达到某种效果，其包装成本不占主导。其二，同类别的品牌，相继推出奢华的包装，例如捷波朗、JBL等特殊材料。包装成本=（透明亚克力盒+塑胶固定件+硅胶缓冲+产品+外盒彩卡+热缩膜）=8RBM。

T8触摸鼠标定位属于形象产品，包装成本不占主导。所以选择流行外加档次的亚克力方式。其设计难点一：通透的方式展示鼠标，让鼠标产生悬空感，那么怎么固定鼠标，运输过程中怎么保护鼠标，以及更好的防跌落。难点二：怎样处理挂钩，可以让包装适应运输和商场展示。

如（图T8-6），展示了包装的部分细节。

挂钩：在挂钩的设计上，可以旋转90度，可以立起也可以平放。以便应对不同的环境。

上盖：透明的PMMA上盖，4度拔模角度保证了横平竖直。上部伸出筋位，覆盖透明硅胶，用来固定鼠标。

底盖：边缘的卡位用于和上盖结合，防跌落。鼠标固定于底盖上。底盖里隐藏着接收器和电池。

卡片：打开包装后，蓝色的品牌卡片醒目耀眼。

（图T8-6）

7. 设计花絮

设计花絮（一）

2012年WIN8发布不久，触控硬件未形成强需求，需求量有限。只能作为形象产品，并非盈利。首次设计（图T8-7-1）显得平庸，无法支撑高端形象的定位。关键在于没有差异化。另外生产工艺层面有很大风险，加之此项目不温不火，此设计便夭折了。

（图T8-7-1）

设计花絮（二）

2013年4月份，开始第二次设计。（图T8-7-2）此设计在差异化层面上有了鲜明的特色，形态前翘后鼓，有仿生的倾向类似鸭嘴一样。线条处理层面上，二线合一、接近远离、凸出收紧等。两侧软胶双色注塑，底盖特殊构成为金属片材。

此设计从效果图上得到领导和设计门的认可，后续在模型的制作上，美中不足。效果图和模型之间有些差距。效果图可以掩人耳目、蒙混过关，现实模型会实实在在、滴水不漏。总的说是美感上没能赏心悦目。世界上最丑的物体，总有一个角度是美的。

世界上最美的物体，总有一个角度是丑的。设计追随后者，让产品在每个角度欣赏都是美好愉悦的。

设计花絮（三）

2013年12月份，开始第三次设计。（图T8-7-3）在这次设计上，吸取前几年的经验教训。在美学、档次、人体工学、差异化上兼具。另外在纤薄化上追求极致。设计像一叶扁舟，中间的金属装饰分割视觉。设计隐喻和视觉纤薄化运用到一起。后续的模型也保证了360度美感。在终评阶段有同事提出了”有苹果鼠标的嫌疑“。