本文字数6千字,逐字阅读完需20分钟,多为专业词汇,针对单款产品纵深设计,为读者解密设计背后道理,适用于产品造型和仿生设计研究者参考。
设计深度研究关键词
l 物种品类说来启发设计。
l 形象、语言、造型与人体工学融合。
l 基于全塑胶的设计手段。
l 设计方法-横向和纵向深化。
l 研究影响滚轮体验的要素。
语音云鼠标/Y100
项目背景概述
2014年伊始,雷柏与互联网企业合作推出一款硬件输入设备(语音云鼠标),首次硬件与互联网的合作,打造联网+概念,鼠标语音功能+云存储+测试心率,互联网营销价格39元低价定位,实现硬件销售利润和新生代用户数据收集。
设计的难点在此类产品竞争中最终售价在39元,出厂价在30 元。减去电子成本和代理商及销售中间费用留给外观和结构件在5元的成本下,做到外在最实惠,将外观设计附加值最大化。对设计技法、流行趋势、结构模具、注塑装配、产能的考验很大。在这个限制空间内设计的方向和出发点如下:❶新品类和新生物,语音控制和云存储功能是全球首个概念,新功能开启新品类,产品识别需要初看此物体就传递出功能同时外观形象与传统鼠标截然不同。外观设计传递信息“大不同小不异”,大不同是指形态语义传达理念、风格、轮廓、风格、分割等。小不异指细节理念来源、子部件的特殊处理、模具分形都有源起并经起考究。❷形象和语言重新塑造,新形象会导致体块和线条改变,但会失去手感(人体工学),怎样均衡二者,需要大量的探索和实验。❸基于全塑胶设计,产品运营和销售模式约束成本,只能用塑胶材料且免喷涂,纯塑胶设计造成低廉感觉。怎样通过表面处理的细节的纹路及丝印图标的设计来拟补材料的低廉,与此同时通过造型设计、拆件色块、线条提升形体的美。以上是设计目的在下文的介绍中会一一描述。
项目时间 /
2015 年4 月—2015 年10 月
担任职责 /
主创设计师
一:产品创意
功能简介:鼠标配置特色的桌面应用浮标,通过此应用可实现语音聊天、语音输入、语音控制、语音存储等功能。让人与人交流、文字处理、搜索等常用功能更加智能、便利,带来全新的使用体验。1语音聊天是指:鼠标内置麦克风,通过应用程序可以与对方语音聊天。2语音输入是指:在所有的文字输入位置,对着鼠标说话,它可以将声音转换成文字,无需打字,例如office生僻字输入等。3语音控制是指:对鼠标说话,电脑自动执行的常用操作,例如复制、粘贴、保存、音乐、刷新、搜索文件等。4语音存储是指:语音命令将资料上传互联网云,实现备份。
设计简介:鼠标线条飘逸、握感舒适,是美学和人体工学完美融合。经物种品类说指引,展示了律动漂浮、活力自由形象,鼠标的每个角度均能带来新鲜的视觉感受。工业设计着重体现以下三点:❶新品类和新生物,通过学习物种的起源并研究鱼类的形体语言,鼠标形态塑造新生物感,类似鱼类一族的柔软飘逸律动,与传统鼠标从DNA上界定开来,引领一个全新品类。以至于轮廓、分割、分形线、曲面都学习生物自然规律,例如“魟鱼”的眼睛和浮动身姿与热带鱼的装饰色彩完全不同(图1),依据几何学指导并游走其约束(图2),寻找多个用户并手戴砂纸手套将体块冲刷打磨30天(图3),久之形态和曲面在手掌的摩擦下接近贴合。侧面按钮提炼为“眼睛”图形(图4-A处),三维空间凸出强化,代表发现和观察,强烈的符号示意语音功能。前部张开的嘴示意语音述说“拾音”功能(图4-B处)。❷形象和语言重新塑造,源自生物以至于清新、灵活新形象与传统鼠标的商务厚重风格截然不同,上部曲面干净整洁与底部细线律动形成对比(图4-C处)。❸基于全塑胶设计,在基于塑胶基材的上,仅强调少部分色彩,如在底部色彩呈曲线,曲线360度波动变化带来新鲜的视觉刺激,线条圆角锐气锋利但不在手掌触及之内,不会影响抓握。而侧裙的肌理散点纹路迎合当下设计趋势(图4- D处),部件侧方“行位”出模带来独特的图形识别(图4-E处),形成的缝隙里纵深设计出现细密纹路。
(图1,分析鱼的特征并界定类别)
(图2,形态依据几何学但局部突破限制)
(图3,形态久经打磨)
(图4,设计要点说明)
从特色表达的角度,形态满足了手感和美感,因此形体不需要大的变动,此阶段将“语音按钮”和“拾取声音”的概念强化出来。在电商选购时,铺天盖地的竞品刺激消费者的眼球,此时我们的产品若强化这一概念,无疑将会最大的吸引消费者伫足观赏。设计的任务即将这一特色表达出来且形象有品牌格调,同样是办公鼠标,微软和罗技及雷柏产品形象特征,体现了生物类别的界定不同,即使对于公司品牌内部系列和系列也出现不同(图5)。
二:设计方法-横向和纵向思维
在界定设计定位和明确设计目标方向后,将实践重点放在形态和人体工学及形象风格融合。本章节插叙讲述了横向思维(发散)和纵向思维(收敛),这种方法是前几次鼠标实践后的总结,原理相同可用于本产品设计之上。
设计的原型处于空间内。如(图6-A中)以线框的形式粗略的描绘最初概念,三个模块围成形体,中间是镂空的。形体的前面像动物说话的嘴巴,略微张开,声音的气流贯穿到鼠标全部,以至于形体的尾部也是张开的。如(图6-B中)将线框其图形化,探讨图形与图形之间的关系以及带来的视觉冲击力和特殊性。这是一个启发思考的阶段。连贯性,内在联系性。图形可以借鉴LOGO的图形设计技法。在这个阶段进行细化,调节线条和图形面积,利用形式美法则,寻找变化与统一、对比与调和、节奏与韵律、对称与均衡、调理与反复、比例与尺度,寻找最适合形式美。如( 图6-C中)从侧视图,可以对分件做出决定。此时要思考配色有何种优势,大概的分模具开始这时候主要视觉出来了。深化主要视觉,修整,将风格倾向最大化,要么流线要么圆润要么英朗。如( 图6-D中)“1”指的是外轮廓,也是风格线,制约着形态的风格走向。可以看到T8的轻盈的弧线、T5的速度直线、T120P的拱线(T8 T5 T120P为雷柏产品)。“2”负形特征。“3”正形特征曲面。“4”小特征,细小曲面辅助,考虑人体工学手感、美感,细节深化侧视图,此时将结合油泥模型“1”手掌区域,是鼠标的最高点,受力点在手的“头状骨”高度在36-42毫米之间。“2”手掌虎口,一般平滑,不要锋利(这里的平滑是相对的,随着支撑点而来,例如技嘉鼠标就有棱角,但是手感同样优越)。“3”食指,此处是食指和中指点击的地方,尺寸若是高了,滚轮则不会露出。尺寸若是低了,食指过于弯曲手感不适。“4”拇指,包含“抓”和“拿”,具体详见文章《鼠标五感》。尺寸在60-72毫米之间。“5”影响无名指第二关节。“6”影响无名指指肚。“7”细小曲面,共促风格的形成,影响外轮廓剪影和曲面光影。“8”手腕部,一般低于12毫米。
(图6,由概念到加发减法设计细化)
(图6,对语音按钮的强化设计)
三:设计方案及评价决策
形态设计不需建模渲染,仅三两笔勾勒架构即可,若架构和基因独到且益于品牌,有必要进行建模和打磨手感。(图7-方案A中),在鼠标领域外圆润形态占据多数,在流线的鼠标更是很少。方案A属于流线派别有浮游生物基因,且是大幅度流线。在手指不触及的地方全部剔除,用波动线条修整。骨骼线、轮廓线、转折线大幅度波动,强烈的扭动感。形成强烈的区别和识别,利于开启智能鼠标新品类。同时在满足手感的前提下,形态底部掏空。视觉上形成了最扁的流线体,融入类似树叶、贝壳、水母、海洋生物等。
(图7-方案B中),鼠标顶部大按键一分为二,大按键并非永远都是一体的。红色区域形成金属骨架,这样设计可以在线上和线下的销售中,强烈的色彩对比,吸引更多消费者伫足观赏。对于色彩可以是撞色(黄配紫)等等,配色的拓展很大。
(图7-方案C中)顶部外轮廓为一个椭圆球体,想象一下用手一捏,椭圆受力发生了细微的变化,形成这个动感椭圆。侧面的语音按钮,假如还是以往的方法(透出两个塑胶按钮),那么又普通了,设计好像又回到了从前。现在的设计按钮被硅胶覆盖,同样可以按动,另外硅胶上还有时尚纹理。5. 鼠标的外在心脏(滚轮)设计,由两个硅胶套,左边黑色、右边蓝色组成。6. 三角形纹理的运用,主要角度细致的细节处理。
(图7,三个设计方案)
就上述三个设计方案,基于品牌性和产品语言评价,且不对工程生产细节纠结。B属于微软产品语言(具体为商务办公鼠标),基础形态与其相似。C相似微软圆润饱满系列(具体为win10系列鼠标)。尽管使用设计手法和分割,但基因仍为相似,然A方案将其界定开来,从源头界定差异和特色。
四:细化设计-加减法
运用上文的加减法对此鼠标的概念初始到细化工程阶段描述。(图8)1中,顶视图为最简洁的几何图形椭圆, 椭圆的大小为90X50mm,这个尺寸说明了将会搭配PC和笔记本等移动设备,以此为基准进行设计加法。(图8)2中,将椭圆进行有意识的变化,将上部变大,从图形上有了倾向性,类似鸡蛋,一头大,一头小;(图8)3中,里面多了一圈曲线,这样平面就转换成了空间,两条线的距离为20mm,这条线是在油泥模型中刻画出来的;(图8)4中,中间出现了一条竖线,这样平面曲面就成了弧面曲面,其实这是个棱角,成为造型的一个识别元素;(图8)5中,此时明确中间加上了圆形按钮,作为快捷进入浏览器,左侧的三角形是语音孔,底部是镂空三角形图案;(图8)6中,加法进行局部调整,尝试强化出左侧快捷按钮,即强化“互联网”的概念;(图8)9中,尝试进行减法,重新回到椭圆的原点,尝试在形态语义上设计,并非形体加法上;(图8)10中,将主体变得与众不同,由静止变为运动,椭圆明显的向右倾斜,滚轮也向右倾斜了15度;(图8)11中,强化这个动感,让底部突出一个特色,左侧形成一个棱角(动态线)。形态整体向右倾斜,向右扭动;(图8)12中,细节是最能打动人的,会发现头和尾变成了尖角。因为此时我想引用另外一个元素(叶子尖),后来发现这个元素是多余的,减法的思想让我果断删掉;(图8)13中,在电商上销售的时候,正面务必要有足够的特色来吸引消费者。所有顶部一分为二,这样分割上带来了亮点,配色的可能性会更大,减法思想认为这是多余的;(图8)16中,设计深化阶段将结构和电子工程师进入项目,可量产纳入考量,这里的分模线有了改动;(图8)17中,从侧面主视角上,图形化突出“语音”按钮,强化思想指引一定要强化;(图8)18中,通过造型落差,继续强调语音功能;(图8)20中,模具内双向滑块,保证上盖一体化出模。
(图8 由减法到加法,再由加法到减法)
以上示意了设计初始到设计深化的思考过程,受加减法指引的同时还需牢记项目使命和目的。设计细化即工程人员参与进来,意味着增加一些或者减少一些不断的修改。这里不仅仅设计师的主观意愿还包含了结构工程对设计的影响以及决策者的价值观喜好,然这些不重要,有效的沟通可以解决。但是满足当今的审美要求,尽量做到简洁,即简洁就是语言,纯粹就是力量是追求。而项目使命和目的传达出语音、互联网、鼠标三个概念,之后所有的决策建立目标和用户体验基础之上。
五:基于成本的细节处理
5.1滚轮细节
这里探究什么因素影响滚轮使用体验,滚轮是鼠标使用频率最高的地方。滚轮的细节考据体现产品设计的精良。关于滚轮的人体工学,使用体验是主导,触觉和视觉是辅助。良好的人体工学包含五个过程。一:滚轮静止,手指直接触摸滚轮带来的感受。例如,观看某一图片,此时滚轮不做滚动,食指只是停留在滚轮表面,称为“静止触摸感受”,因此滚轮的弧度和刻度以及材料是设计注意点。二:滚轮缓慢运动,例如阅读一篇文章,滚轮缓慢滚动,频率为1 次/ 每秒,称为“缓慢滚动感受”,此时滚轮的直径的宽度开始起作用,以致游戏的鼠标的滚轮大多宽大,普通鼠标绝大多细窄。三:滚轮快速运动,频率为3圈/每秒。例如,快速寻找词条时,此时称为“快速滚动感受””。当手指快速运动的时,与滚轮的接触点为多个点,因此滚轮的边缘(倾斜45度方向)都有可能触及到,因此传统的形态设计多数为圆角。四:滚轮运动的方向,在以上过程中存在特殊情况,例如,在使用特殊软件时候,需要向下按压滚轮(例如coredraw\AI\preo 等)。其中包括左右方向运动“摇摆”。设计关键点是滚轮的材料,在这种情况下,软胶比纯金属的要舒适。另外“微动”的行程也影响舒适感。五:滚轮的转动时间,在使用超过8小时后存在手指对滚轮施加力,滚轮对食指的的反作用力,成为相互压力,例如下班后感觉到食指生涩酸痛等。此时材质的粗糙度、电子元件编码器共同影响。协调个要素可以将用户的疲劳感降到最低,带来最大的舒适。
5.2差异
对于鼠标的核心滚轮,很有必要研究其本质。横向游戏滚轮和普通滚轮,纵向分为低端、中端、高端。市面存在滚轮见对比表格见(图9)。在这六个空间区域内,滚轮的面貌有了很大的变化,变化之中有一些共性。“普通低端”区域内,多为圆润的滚轮,产品售价在50元以下,降低成本是关键。材料多为单一的塑胶和双色注塑。“普通中端”的区域内,会发现形态倾向中庸。多为电镀滚轮轴加硅胶滚轮套。(图10)成本均为0.6元。“普通高端”的区域内,材料更为高档。多为锌合金等合金材料(例如微软赛威鼠标)。“低端游戏”区域内:强调呼吸灯发光,新鲜的视觉效果。例如达尔优牧马人、大水牛鼠标的小厂商等。“中端游戏”区域内:强调手感和纹路。“高端游戏”区域内:强调细节和品质,即低调的背后全是华丽。
(图9 滚轮的细分)
(图10滚轮的特点和成本)
5.3影响因素
尝试总结影响滚轮体验和成本及设计的关系。核心:滚轮宽度,滚轮弧度,刻度。①.外在影响因素:手感、风格、流行、光线 、成本 、共用 、品牌识别 、材质。②.宽度和直径:游戏鼠标长度为120-135mm之间。多为手掌较大的男性使用。游戏滚轮多为宽大,宽度在7-10mm之间。直径在20-23mm。普通鼠标在90-110mm之间,多为兼顾PC和笔记本,宽度为6-8mm,直径20-22mm。定制版同上例如“雷蛇星球世纪”。③.弧度:平面式、圆角式、椭圆式、斜边式。④.刻度:表面纹路(横纹或斜纹或点状凸起)。⑤.滚轮轴:原理同汽车轮胎一样,轮毂加轮胎,轮毂类比滚轮轴,轮胎类似滚轮套,提供支撑作用。⑥.操作上下前后滑动,向下按,摇摆。⑦.材料:材料的软硬和对手指的反作用力。
5.4发散
(如图11),图A:双色注塑后,形成两段线条,属于分割式设计。图B:双色注塑,边缘为三角形阵列,属于纹理细节强调设计。图C:滚轮的两侧镜面效果,与中间的软胶形成了对比。图D:中间的硅胶套成为细节装饰。图E:软胶和塑胶穿插表现,属于镂空式设计。图F:强调个性化,例如图案和文字的引入。图G:保证滚轮全包围式软胶,在中轴线处下沉横线。图H: 菱形图案的运用。这些滚轮制作实物并依据上文影响因素来评价选择。
(图11 滚轮的细节设计)
5.5收敛
在目前雷柏的环境下,双色滚轮仅有一款。但是外观过于粗糙,不够精致。新设计既外观吻合此鼠标,另外后续产品可共用此滚轮。综合各要素。如(图12)的方向内演化为右侧三种方式,经过实物测试实验为最佳三个方式,之间的差别很小。(图A)为全圆滑滚轮,纹理呈细条状居中,共60个横条,每条宽度0.4毫米。(图B)为半圆滑滚轮,纹理位于两侧,增加摩擦,共50个横条,每条宽度0.6毫米。(图C)为相对硬朗滚轮,纹理位于中间,共50个横条每条宽度0.6毫米。
(图14 滚轮的细节对体验的影响)
End
欢迎设计交流
本节介绍:所有权归属雷柏科技公司,作者仅解析设计背后道理。
小小心意,大大鼓励
本文章版权归 周红超 所有,禁止匿名转载及个人使用,任何商业用途均需联系原作者。
举报
曲面造型帅气,什么软件建的模型?
Very good
干货,先收藏啦