造型讲道理-雷柏T8鼠标为例

62|5评论|7751人气|123收藏|2021-05-13 11:03:53

本文字数8千字,逐字阅读完需20分钟,多为专业词汇,针对单款产品纵深设计,为读者解密设计背后道理,适用于产品造型和人体工学研究者参考。


设计深度研究关键词

·物种品类说来启发设计。

·系列界定形态风格感悟

·25毫米的厚度诠释人体工学和美学融合实践。


雷柏T8触摸鼠标设计/

项目背景概述

    下个篇章罗列了雷柏办公系列的9款产品,图形剪影的方式显示每款产品的差异特点,本人有幸主导这9款设计,并深喑鼠标设计之道,篇章以T8鼠标为例,具体描述设计背景、设计目标、设计过程的思考。

WIN8发布后,触控硬件蓬勃发展,触控的尖端技术代表本企业的技术水准。近两年一线厂商均推出了触控产品,如罗技触摸鼠标(M600和T630)以及联想的(灵石和N700)。为了巩固雷柏品牌及市场占有地位,打造领域内顶端形象。从传播和营销角度需要对设计的源起和故事及外表重新构思。旧品T6的外观设计差异化不明显、材料做工不精致不能满足当下消费者高质感要求。三:触控鼠标厚度比较薄,为全新品类系列,外观美学和人体工学要重新诠释,产品识别需重新塑造树立触控系列新特质

基于上述背景,产品目标明确后,设计的方向和出发点如下:树立顶端形象,进入高端领域,提升产品溢价。新设计的T8的将定位于高端形象产品、金属材料、简约的设计美学外观差异明显且材料工艺细节精致化,在五金供应链体系成熟优势下,开展金属新工艺导入。25毫米的厚度下重新诠释人体工学和美学融合其难点在于在25毫米的厚度下,衡人体工学、美学流线的韵律、产品识别、材料支持等要素需要大胆尝试和不断实验触控PCB制约,前部触控面积接近平面利于触控灵敏度调整和电子装配生产。



项目时间/

20124月—2014年6月             

担任职责/

主创设计师

获得成绩/

荣获2015德国IF 设计奖

荣获2015亚洲最具影响力设计奖

产品生命周期8年



设计源起/

    入职公司伊始就学习鼠标基本制作方法,强调“制作”执行而不是顶层“设计”规划,随着经历办公系列鼠标实践历练,设计的意识加强,希望挑战高难度鼠标,操刀触摸鼠标设计蠢蠢欲动。触摸类不同于其他鼠标,由于技术科技先进和品种独特,产品形象不能增加特征(只能用最少的减法设计),世面上参考产品不超过5款,对于触摸鼠标设计前后经历多次失败,之后两年,T8源起受油泥雕刻大师陈工影响,陈工在2005-2010年间制作的流线模型雕刻令我印象深刻,对模型描摹学习师傅的“雕刻优点”加“系列化DNA”思想及“生产工艺”深知,集成应用在此产品中,以至于下文长时间雕刻打磨形体,形体和生产工艺结合上探索


一:产品创意

功能简介:

1/雷柏T8无线触控激光鼠标,曲线优美独特,闪烁的流线型设计使得鼠标上下壳无缝隙对接,完美融为一体。采用一体化设计,上中下分开组装,选用优质材料制造。上壳采用优质的磨砂材料,能够有效防滑防汗,触控面贴合手掌,给你带来完美触感。下壳采用全金属覆盖喷砂CNC工艺,底盖的铝合金材质的使用,让鼠标拥有卓越的质感。2/采用高性能激光引擎,拥有极强的过面能力。通过专业71色纸与多种复杂面料测试验证,让您的鼠标几乎可以驰骋于任何界面。3/拥有高达1600DPI激光引擎,实现实时追踪与精准定位。4/有别于传统的按键式鼠标,雷柏T8无线触控激光鼠标采用先进的触控技术。拥有极其丰富的触控手势,使用者根据个人需要,只需简单的挥动手指,即可实现四向滚动、缩放等Windows 8 快捷功能,节省更多宝贵时间;且通过驱动程序可自定义手势功能,一切尽在您的掌控之中。5/鼠标颠覆了传统的鼠标结构,保持了鼠标表面的完整性,创造性地将微动置于鼠标底部,使得鼠标整体性更强,更具有美学观赏性。6/采用5G无线传输技术,远离了目前大量使用的2.4G无线传输信道,能够有效避免WIFI、蓝牙等设备所带来的干扰,极大的增加了鼠标的操作可靠性,保证无线传输的稳定性。 7/搭载了雷柏自主研制的R58超低功耗处理器,运用精心设计的电路图,已经电源开关处所采用的省电设计,保证电池使用寿命能够长达九个月,免去了经常更换电池的烦恼。以上科学技术包裹简约的设计美学呈现,对设计解析如下:

       设计解析

雷柏T8无线触控激光鼠标曲线优美律动轻灵,轻薄便携。触摸表面采用特殊喷漆,防汗防滑,触感舒适,下壳采用全金属覆盖喷砂CNC工艺,质感卓越并与表面外壳无缝隙衔接。工业设计重点解决以下三点:树立顶端形象,两片曲面相交形成体块,交线仅一条呈三维波动(图1),由油泥雕刻并用手掌打磨而成(图4),最终呈现简约的设计美学曲线划分黑白两色,以金属工艺支撑,简约优美灵动前卫形象(图2)材料工艺细节精致化,交线分割了黑白两色,白色铝合金和黑色喷涂上盖,铝合金喷砂阳极,高光线闪烁,纳米注塑粘合金属和塑胶骨架精密加工无缝隙(图3-a),显示高形象高精致。25毫米的厚度下重新诠释人体工学和美学融合,通过油泥打磨20天(图11),并在用户群中大量测试,在25毫米的厚度下找到10个关键曲线节点(图12),节点代表三维尺寸定位,用上述交线可以贯穿人体工学、美学流线的韵律、产品识别、材料等要素触控PCB制约,前部触控面积以平面利于触控灵敏度调整和电子装配生产(图3-b)



(图1 交线三维波动)

(图2 优美灵动前卫形象)



 (图3 鼠标侧面图) 

(图4 油泥雕刻)

一:设计方向

   2012-2014年雷柏办公系列细分为三大类一:触摸类(包含型号T8T5T120P),产品体积小巧纤薄,空间尺寸限制在(长60,宽50,高15毫米),主要靠拇指和无名指抓握,鼠标人体工学并不贴合手掌,适用于笔记本电脑携带办公以便展示文件,针对商务交际场合人群。二:中高端办公类,(例如型号66107200P3500P),产品体积较厚,空间尺寸限制在(长80,宽60,高35毫米),主要靠五个手指抓握,鼠标人体工学仅仅贴合手掌,适用于电脑软件办公,针对固定办公室办公人群。三:专业办公类(例如型号3900P),称为握鼠标,体积形态饱满,空间尺寸限制在(长100,宽55,高40毫米),依靠五指和手掌抓握,相对完全贴合手掌。使用场景和人群及操作电脑软件来划分以上三类,即抓鼠、贴鼠、握鼠。而本产品T8定位于第一类触摸类抓鼠。

    进一步的讲主要根据人体工学抓握方式进行细分,由于抓握产生了形体差异,长宽高有限制,明显感知应用场景。抓握方式是主心轴,基于此继续将需求细分,根据根据用户购买力细分,例如划分低、中、高对应不同的价格。根据需要划分普通和专业级别,对功能层级重要程度设置。最后将风格美学细分,商务、清新、居家风格散落定点分布等,产生了产品布局(图5)。在商业型产品经理规划产品布局先有历史界定再到需求细分最后才是风格美学。在高级设计师规划产品先有风格美学刺激吸引击中需求最后落点是历史界定区间。这里存在三个关键词:类别、界定、边缘。此三个关键词对于初级设计师较难把控,类别是指办公类与游戏类完全不同,界定是指针对办公类下面的系列均不同,边缘是把控进退拿捏到位。

 


1触摸类系列

2中高端办公类系列

3专业办公类

人体工学

主要靠拇指、无名指、小拇指抓握。称为三指抓起。

主要靠五个手指抓握贴合。

五指和手掌抓握。

 

应用场景和产品高度

高度在25毫米以下

方便携带不占用手提包空间。

高度在35毫米左右。

通过为PC电脑办公和笔记本电脑办公

高度在40毫米左右。

通过为PC办公和笔记本电脑办公

形象和风格

搭载触摸技术多点触控,高端旗舰形象。

时尚,百搭。

商务,正式,沉稳。

图示

 

 

代表型号

T8T5T120P

66107200P3500P

3900P

(图5 办公鼠标关键设计方向界定)

    以上是类别指引设计方向,另外产品老产品问题影响设计方向。例如雷柏T8触摸类的第二款产品,第一款产品T62009年上市后遇到了问题。1/外形与苹果高度相似,风格相似,不利于品牌差异化发展(图6)。2/在人体工学舒适度上过于简单且深究不足。3/材质均为塑料及喷涂简单工艺,品质感低廉。4/ID设计和工程设计考虑不全,导致在工艺制程上贴膜丝印遮喷漆导致产能下降,成本升高。希望通过新品T8来替代T6,设计时注意上述问题同时以品牌意识和新美学形象设计。

   如上所述,制定具体设计方向,塑造新形态区分新品类,产生品牌语调和产品语言差异,与此同时25毫米的厚度下重新诠释人体工学和美学融合朝向高端前卫风格,注意材料细节精致化。



                    (图6雷柏T6鼠标和苹果Magic Mouse    

    

.系列界定形态风格

    查阅书籍文献并未找到在鼠标领领域造型方法,一切自己亲历亲为,在理论指导和受他人启发并长时间油泥实验中找到方法。形态风格并非设计师偶然灵感兴起,后续受各种因素制约慢慢形成雏形,此时对形态理解较为深刻。

点汇集成线,线组织成面,面交汇成体,体结合成型,型受力成态,力来自理念施加促使其形变设计方向和理念不同影响了最终形态特质,但在公司实际商业产品形态风格还受品牌风格、产品族风格、系列化产品基因制约,最重要的是系列传递属性不同来约定其形态风格。到最后的工程研发环节对风格的改变较少,只是胖瘦长短修改,但风格特质犹存。在此时代品牌风格语言相对固定,重点塑造每个系列的特征。将其总结为(图7),内部因素包含一级指导,例如品牌风格、产品族风格、系列化基因,一切产品形态风格促进品牌定位。二级指导,本产品的功能目标(重点体现全触摸无按钮)、设计理念施加(生物进化识别)、他人启发(决策者建议)、亲身摸索(设计制作实验模拟)。三级支持,后续的工程研发、结构电子、生产装配实现上述一级和二级目标,执行既定的产品要求和设计要求。外部因素主要受是设计流行趋势影响,体现当下时代或者迎合未来。


(图7影响造型风格要素)   

具体怎样界定每个系列形态特征线条是源头,对线条引导视觉做研究发现,线条可以细分并有作用,例如在此时代某人理了新发型,两边推平,出现了明显的线条,显得精神和刚毅棱线”起主导作用。天鹅和鸭子相比,前者的轮廓线条更为优雅,后者更为笨重线条感受”起到主导作用。蜗牛和猎豹相比,前者是缓慢后者是速度线条速度”起主导作用。线条可以区别优雅与笨重、快与慢、硬朗与圆润。

(图8)的线条归纳的可以看出,以至于T8结合了优雅飘逸线,而 T5结合了锋利快速线借鉴了跑车兰博基尼Y100语音鼠标结合了律动缓浮线借鉴了魟鱼),分别体现线条的个性和视觉主导作用这三款鼠标形态设计源自上述理念来促使形态倾向某一方向,这里的优雅线条、速度线条、圆润线条即为骨骼线”(即面相交形成的棱线,起到骨骼支撑作用,作为视觉焦点和形体转折,直接或间接的影响形体风格走向。

另外线条的背后是经过手掌打磨,满足人体工学,人的手掌是有机自然形态,几何造型只能做出差异化,很难符合手掌的人体工学,在贴合区域鼠标的形态就自然的形成了有机形态而在手掌触及之外可形成几何形体

空间尺寸限制在(长60,宽50,高15毫米),结合线条的个性并背后满足人体工学,促使形态朝向一个参照物接近,这样就迅速的提炼出别具一格的DNA风格和系列设计语言这一就能满新形态、新品类,并解释25毫米的厚度下人体工学和美学融合 

(图8 三个不同系列形态风格界定


.25毫米的厚度下重新诠释人体工学和美学融合

    (图9)中是最原始的设计图纸,给予鼠标形态非常大的倾向性。鼠标前部低后部高,高低和骨骼线的曲率一直变化。从差异化角度开始突破,经过六个阶段,最终得到设计雏形。这一切不是孤立进行线条勾勒,而是与油泥打磨同步进行,适当调整油泥来展示线条美感,适当调整线条来满足手感舒适。在差异化上,以一条一波三折的曲线贯穿始终,带动形态的有机变化,将雷柏的“舒适、时尚”,转换为简约流线的产品识别。在美学上;主要调节最高点、最低点、转折点,实线、虚线、转折线,平缓曲面、弧度曲面、线转面。点线面由流线 CNC 贯穿,形成新视觉美感。在承载上:鼠标的设计感、做工材料、产品等级是否符合产品定位、行业内高度、与竞品相比胜算几筹、是否符合品牌形象、消费者审美倾向。(图11)中是依据线条制作的油泥模型,共20张,代表制作过程中的关键节点。反复雕磨,反复调节同时寻找 30 位目标用户进行手感测试,此阶段形体由生硬变得光滑。




(图9)形体线条演化过程 







(图10手掌与形体关系)


(图11)模型制作演化过程


3.1.修整比例与尺度

      105*65*25毫米的空间内存在新鲜的设计。105*65 的大小体量才能满足既搭配 PC又能搭配笔记本。25 毫米代表鼠标的厚度,目前行业产品的极致是“苹果 Magic Mouse 鼠标”的 22 毫米,此款也是本鼠标的竞品之一。不是越薄越好,而是满足手感的前提下,协调各限制因素,达到最佳舒适状态。本产品更注重人体工学。研究表明拇指的接触面积最小为 10 毫米(图12-a)。在技术上没有变革的前提下,改良精准度、美学、人体工学等。

(图12-a

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

线的承载 /

   (图 12-b)形体中存在三条线。顶部线(绿)、中间特征线(红)、底部线(蓝)。最为关键的是中间特征线,这条红线具有三种作用:美学、人体工学、材料。这里作为系列DNA基因曲线并美学化,美学是线条波动带来的美感,人体工学是根据手掌定下的五个点,材料是指 CNC 在铝合金上的强化。以上三个线条承载了曲面和形体的变化,决定了形态的差异化。这里的绿红蓝线为一级特征,影响大形态和轮廓。


(图12-b

线与产品的六要素 /

   (图12-c)这里探讨点线与产品六要素的关系。针对鼠标而言产品的六要素是指:人体工学、美学、材料、结构、模具、电子。骨骼线上的五个点存在空间内。连接起来形成特征曲线。(1)在鼠标的结构上,前部高度(受微动开关制约),鼠标的厚度多从前部体现。所以影响因素为结构元器件。(2)无名指的抓握舒适,这个点的下移为了曲线更为波动,但是不能低于 3毫米,否则无名指无法抓起。(3)和弧面决定了人体工学左边的大拇指的着力点,必须在10毫米的面积范围,(4)是为了拉开差异化,另外是手掌按压的结果。(5)是为了将 CNC 的工艺最大化展示出来。以上维持了线条的优美和人体工学,让骨骼线一波三折。(7)是电子 FPC制约,尽量让曲面倾向平面,让触摸灵敏度最大化。(6)受电池的高度、行业的极致制约同时影响抓握高度。


(图12-c

线与造型识别 /

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


(图12-d

线与面的衔接 /

(图12-e)中正常使用状态下红色区域的面积决定了厚度,视觉上的纤薄。而最美丽的地方在 A和B转折处。此处具备线转化为面,成为视觉的交点。proe建模中有类似经验,不断调整底面边缘会得到完美边缘轮廓。



(图12-e

形态的呼应关系 /

   (图12-f)和(图12-g)中其实在形态处理上,完全可以将 C 和 D 区域处理成棱角。这里属于显得三级特征,不易被消费者发现,这里涉及变化与统一细节与整体。此处设想形体被雨水冲刷之后,形成的自然流淌痕迹。是物体与境相互影响的结果,物体是鼠标本身,环境是手掌的肌肉压迫鼠标,长时间下二者共同影响形成特殊的曲面效果。这种曲面的优点在于随着环境光线产生微妙光影变化



(图12-f

(图12-g


(图12 线条和曲面背后道理)


(图13 线条和曲面背后道理)


.质感的视觉和触觉

外观差异明显且材料工艺细节精致化,当我们看到光洁的玻璃,光滑的鹅卵石时,忍不住想去抚摸它,它的触感是光滑且凉凉的。当面对一个鸡蛋,我们的触感是细微粗糙且热乎乎的。这里的触摸包含三个层面,第一层面是视觉的表面的颗粒,例如毛茸茸的尾巴视觉上是亲和的,砂纸的表面是生涩的;第二层面是,身体接触体验,具体为手指在鼠标上滑动体验。以往的触摸鼠标,例如苹果鼠标(Magic Mouse)其视觉是感觉光洁的,接触体验是有阻力的,就像在玻璃上滑动,而罗技的(M600)是大面积高贵宝石,接触体验是轻盈的;第三个层面是长时间使用8 小时后的感受,这里强调长时间后的使用体验,表面颗粒的细密度和粗糙度是影响因素。苹果的 Magic Mouse 在人体工学上不尽人意,两边的棱角显得割手。罗技的 M600 使用后的总结是重量显得太轻,光标容易晃动。T8的鼠标的视觉是闪烁的流线,显得有些刺眼,在光线的作用下金光闪闪,金属和颗粒表面的对比,视觉产生了。接下来是接触体验,食指和中指上有轻微阻力的,就像手指抚摸鸡蛋那样自然。在鼠标的表面的油漆颗粒,光泽度,阻力程度都模仿了鸡蛋表面。大拇指和无名指处于铝合金喷砂的位置,不打滑,凉飕飕的触感。为什么产品最终呈现这种视觉和触觉,以上是考量,这是表面材质的运用,材质固有的效果。为了让鼠标达到良好的触摸感,需要额外的涂料附加,在油漆的涂料的选择上,在 50% 的光泽度下,细密的颗粒,耐磨和可靠性。2012年曾协助油漆涂料厂商,开发了沙纹漆,用于游戏产品。对于这种高端简约鼠标,此种涂料是明显不适合的。理想中的效果是三层:表面层略

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

底漆为:珠光粉 + 底漆 + 固化剂面漆为:透明细沙文 +PU 哑油。图14为油漆可靠性测试,新涂料开发导入为外观品质奠定基础。


(图14 油漆可靠性测试) 


五:背后的花絮

花絮1:

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



(图15  设计方案)

花絮2:

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



(图16,设计方案

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



(图17  设计方案

花絮3:

    20134月份。公司产品战略更新,秉承“良品第一”的原则,宁缺毋滥。在触摸鼠标的设计选择上更加谨慎。时隔2年,触摸硬件有了市场规模,在智能家庭领域尤为明显,公司开发触控鼠标势在必得。作为公司年度重点项目,对个人而言,开始挑战第四次设计,是非成败、在此一搏、点燃激情、再度出发。此时个人已经上市十余款产品,在此项目上信心十足。A 设计中,打造行业内顶尖触控鼠标,全金属机身、流线顺滑外观、附加无线充电底座。属于微创新行设计。B 设计中,差异化和美感兼具 ,线条结合形态带着轻盈律动。属于保守式设计,有利于差异化营销。C 设计中,鼠标外配USB 充电线,在鼠标没电的时候可以查在笔记本上迅速充电,适用于出差和旅游。三个设计均做了模型,最终A设计顺利开展。




(图17 设计方案

以下为图片欣赏:










End  



本节介绍:所有权归属雷柏科技公司,作者仅解析设计背后道理。

赞赏

小小心意,大大鼓励

123收藏文章 62赞起来+1

周红超

数码智能 · 深圳市 南山区 科技园

热门文章

发明专利的10个关键步骤

103赞  9评论  6863人气

红点奖设计方法-以AceNew电源为例

222赞  22评论  15168人气

设计思维创新 / 07负空间

132赞  12评论  10643人气

365种 设计思维创新

150赞  21评论  13556人气

查看更多

留言板(5

添加表情
登录后评论 添加图片
    最新 最热
    勿空 2021-07-28
    举报 回复

    有理有据,深入浅出!!

    设计周树人 2021-05-27
    举报 回复

    熊熊 2021-05-24
    举报 回复

    666

    Lip 2021-05-24
    举报 回复

    码着,等等摸鱼看

    GG爱小Jay 2021-05-24
    举报 回复

    大佬厉害

    你可能还喜欢 换一换

    收藏
    创建收藏夹

    创建收藏夹

    收藏夹名称
    确定

    举报评论

    恶意辱骂,诋毁
    垃圾广告信息
    黄赌毒,诈骗信息
    政治敏感问题
    其他原因
    提交
    留言 点赞 收藏 分享

    周红超

    小小心意,大大鼓励

    赞赏金额

    ¥ 1
    ¥ 5
    ¥ 10
    ¥ 50
    ¥ 100
    其他

    赞赏金额

    微信
    支付宝
    确认支付

    最高赞赏200元

    支付宝支付

    使用支付宝扫描二维码完成支付

    微信支付

    使用微信扫描二维码完成支付

    余额支付

    当前余额:¥0.00

    支付操作会向你普象账户的注册手机号发送验证码
    请注意查收

    发送验证码
    确认支付
    支付成功
    关闭