查看原文
其他

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

周红超 CMF设计军团号
2024-09-28
产业的发展离不开CMF(色彩、材料、工艺)


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

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

CMF设计军团成立了手机等3C电子CMF(色彩、材料、工艺)行业微信交流群,目前已有众多手机及消费电子等品牌终端及供应链企业加入,长按如下二维码或加群主微信13480765097,备注“3C电子CMF”,加入技术交流群,与行业专家一起交流!



 项目背景概述 

自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)在融合过程中注意外部因素:包括差异化、美学、结构、装配。内部因素包括:无名指、中指、手掌、移动的生理习惯等。

(图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)此设计在差异化层面上有了鲜明的特色,形态前翘后鼓,有仿生的倾向类似鸭嘴一样。线条处理层面上,二线合一、接近远离、凸出收紧等。两侧软胶双色注塑,底盖特殊构成为金属片材。此设计从效果图上得到领导和设计门的认可,后续在模型的制作上,美中不足。效果图和模型之间有些差距。效果图可以掩人耳目、蒙混过关,现实模型会实实在在、滴水不漏。总的说是美感上没能赏心悦目。世界上最丑的物体,总有一个角度是美的。世界上最美的物体,总有一个角度是丑的。设计追随后者,让产品在每个角度欣赏都是美好愉悦的。

(图T8-7-2)

设计花絮(三)

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

(图T8-7-3)

设计花絮(四)

2014年4月份。公司产品战略更新,秉承“良品第一”的原则,宁缺毋滥。在触摸鼠标的设计选择上更加谨慎。时隔2年,触摸硬件有了市场规模,在智能家庭领域尤为明显,公司开发触控鼠标势在必得。作为公司年度重点项目,对个人而言,开始挑战第四次设计。

A设计中,打造行业内顶尖触控鼠标,全金属机身、流线顺滑外观、附加无线充电底座。属于微创新行设计。

B设计中,差异化和美感兼具 ,线条结合形态带着轻盈律动。属于保守式设计,有利于差异化营销。

C设计中,鼠标外配USB充电线,在鼠标没电的时候可以查在笔记本上迅速充电,适用于出差和旅游。

三个设计均做了模型,最终A设计顺利开展。

(A设计)

(B设计)

(C设计)

(A油泥模型)

(B油泥模型)

(C油泥模型)


温故而知新,
回看8年前的设计,
对【极简】和【简洁】有了新的感悟,

简洁不等于简单,
简是肉体和物质的进化,
洁是精神世界的清零。
设计在经历百般打磨进化后,
背后蕴含着科学道理,
而记忆中仅剩下一条曲线。

以简短视频留念


以上设计来自周红超老师。是一位非常资深的设计专家及顾问,宜百科技创始人,获发明专利6项,实用新型12项,外观专利37项,曾获德国红点、IF等国际大奖有30项。有想认识周老师寻求合作的可以加笔者微信18565727094沟通咨询~~




想了解更多CMF内容吗?欢迎大家点击下方关注我们公众号,每日8点15,定时发布文章。另外,公众号右上角有搜索按钮,可以快速查找平台早期发过的文章内容哦~~


近期精选文章推荐:
【矩阵色】下一个趋势?看看你的行业是不是也在用
苹果旗下 Beats Fit Pro 耳机正式发布,设计赏析
一文了解液态金属!oppo或将采用它做手机新一代中框材料?
100个产品配色案例欣赏
三星为手机新推出49种颜色组合,矩阵化色彩设计升级!
关于色彩 | 直面CMF设计师困惑的七大问题解析,必看!
华为发布最新TWS耳机,不锈钢+口红式设计,材料工艺探讨
小鹏首款飞行汽车发布!或将于2024年量产
2021红点设计概念大奖:60件最佳设计作品完整榜单出炉!
小米发布最新TWS耳机,亮点汇总,表面处理工艺探讨
首发!2022-2023年CMF趋势报告,含5大主题内容
干货 | 3D-MID全新工艺,塑胶表面选择性金属化技术





继续滑动看下一个
CMF设计军团号
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存