- LKK产品设计草图思维:探寻商业草图创新本源
- 王晓丹 孟宪志 张正峰等
- 3212字
- 2025-02-17 23:50:21
2.2 草图思维的表达/草图思维第二步:决定画什么样子是“美”的
提到时代特征,不得不提到一个产品的品牌——Apple(苹果),它引领了很多潮流趋势,或者说它找到了人们喜欢的特征——“简洁”。苹果的产品大多形体比较简洁,却又蕴含不简单的内在。不管是产品外观层面,还是UED这个现在非常火的领域,都有着很多类似苹果的定义。

下面展示了苹果鼠标产品的发展变化图,可以直白地看到产品形体越来越简洁,轮廓线、分型线、结构线已经做了最优化的设定。在设计中,产品需要具有独有的形体风格,同时保持线条最简洁。另外不同时期与阶段的苹果logo与产品也是对应统统一的。

这个时代人们喜欢的是造型的简单与产品的不简单。简洁是一个相对的定义,这是大时代的特征,而小阶段也有自己的流行线条,比如汽车领域的流体雕塑等等。
2.2.1 产品线条的时代特征与趋势

汽车是一种设计非常复杂的产品,同时它也是一个很重要的风向标,通过对这个品类的思考我们会得到很多有价值的东西。甲壳虫是大众旗下很有代表性的车款,从年代久远的车款,到现在市场上的车款的变迁,经典甲壳虫形象的传承与现代科技审美趋势相互碰撞,新款甲壳虫车款在线条中延续经典的同时又透出几分干练与时尚,这些变化和相对硬朗的一些线条的应用大有关系。


保时捷产品经典的青蛙灯一直以来是其品牌非常有代表性的品牌特征,在新款车的设计中,车灯也变得越来硬朗,这可不是因为LED显示技术的限制,而是消费者对具有“硬朗”现代感线条的喜欢,这才是设计的原动力。

奥迪新老车款的对比也更好地印证了线条的时代价值趋势。
低价格/圆润/现在——高价格/硬朗/未来
2.2.2 线条的价值/产品的价值展现
产品价值大多在草图创意之前便已经被定义出来了,决定产品价值的常规因素就是CMF/功能与造型。这里重点说明线条与价值展现之间的关系。下面是一个真实的案例。设计之初是一个系列化电水壶的设计需求,价格从低到高有5款产品,定位低款产品采用电热管加热技术,高端产品则有保温功能按钮的设定。我们对产品做了更加直观的轮廓形态的对比图绘制,通过下面绘制出的对比图可以很明显地看出低端产品较圆润,高端产品更硬朗,而硬朗正适用于现在这个时代审美下大部分产品的线条设定。

低端/圆润/现在/复杂——高端/硬朗/未来/简洁
这是产品线条的价值体现,大家可以在未来的设计中细心体会,对草图表现中线条的选择有很大帮助,因为只有选对了产品所需要的“线条”,才能表现出好的产品。
2.2.3 品牌DNA线条原则/产品品牌独有形象的思考
家族化的DNA线条是独一无二的特征,是品牌的传承,是气质与精神的传递,优秀的一线品牌大都比较重视这一点。苹果公司的成功,让企业不再效仿当年诺基亚上市采用大量产品型号来占领市场的战略,而是采用爆品少而精的产品策略,并注意产品带来的品牌DNA的传承。选择苹果电子产品品牌,是因为手机、计算机行业对设计的重视度很高,产品设计得也较多,甚至现在不同品牌产品的雷同性越来越高,关注细节的线条才是更重要的,在相似中找到区别才是很多实际设计项目中的关键。不要在设计中把外观的绝对差异放在首位,别人是圆的你就把草图画成方的,这样的设定是不对的。设计是找到那个品类里面独有的风格,同时是大家公认的美,这样的线条中蕴含的内在才更值得认真细腻地思考。

以世界标准美女图为例进行分析,美女五官存在差异这是肯定的,但差异又是极其细微的,大家能轻易辨别出这些美女“背后品牌的不同”,又都是大家具有广泛审美认同的“线条”。草图需要差异,但一定要细腻地对待,线条有着品牌独有的特征,这一特征又往往不是完全不同的差异,大众喜欢的美具有趋同性。

世界各国的标准美女图
2.2.4 基础元素法则/产品线条的统一化思维
对于优秀的产品设计,线条存在于产品内在。只有能精准解读产品线条的DNA才能真正解读出产品的造型密码,产品线条DNA是产品独具特征的气质线条存在。在下图中可以很自然地找到其线条DNA(我们把其称之为产品基础元素线条),有线条DNA的塑造的产品有着自己的独特的个性,同时线条间非常融合,线条风格也非常统一,这样的设计也就成了一流的设计。能把产品真正分解成线条时便更加深刻的理解了产品的造型线条内在关系挖掘到了造型的本质,草图某种意义上也是线条DNA的表现。接下来介绍一组汽车衍生品,来呈现基础元素形体的合理应用,可以让产品线条达到统一的效果。

大众GTI衍生品1
GTI是大众的一个动力版本,GTI与大众其他版本的区别就是动力更强劲,所以以红色为标志性特点,在机盖前面的进气格栅上有一条红色的装饰线,这是GTI最具标志性的特点。红色是醒目、速度、强劲的象征,那么如何让线条的语言有所传承呢?可以基于这个考虑确定产品的设计。所以做大众GTI的衍生品就要考虑到红色的传递、线条的传递。那么,如何让它符合大众的风格?又如何与车相关呢?


大众GTI衍生品2
衍生品的创意灵感来源于车仪表盘/车轮,这也成就了手表表盘的特征。设计师用最简单的圆形,而没有用其他方形或异形的东西,因为它是车仪表、zv车轮、是表盘,让人最直白地想到的形状就是圆形。大众GTI系列车都有一条红线,这是一个最具有标志性的特征,那么如何用一条线进行分割?如何让一条线具有标志性意义?同样,表带的设计也可以采用这样一个思路。

大众GTI衍生品3
红线的运用是难点,同时也是一种简单的处理方式,是一个思维切入点。要注意这条红线一定不是曲线,而是一条直线,至少从某个角度看是直的,把这条线的设计作为产品的标志性特点。

大众GTI衍生品4
一条简单的红线也可以代表一个品牌甚至品牌背后的意义,这是一种设计的逻辑,设计师在设计所有相关产品时都可以运用这个思路去设计,这就是草图的指导思想。

2.2.5 完美比例法则/产品线条的精准交叉关系处理
好的产品会说话:指的是产品给人的第一印象传递出了产品信息。产品给人的第一印象是最终呈现的目的,也是最为直观的视觉表现。
产品的视觉逻辑:通过看不见的平面网格重新梳理产品功能信息并赋予功能信息清晰的逻辑和内在的韵律,让创意、色彩、形式、材质、功能元素、主体等,在相互作用、相互平衡中产生对比,形成对称、对齐,让产品整体呈现出和谐、有韵律的画面。
完美比例法则是产品视觉逻辑的分析方法
完美比例使得产品从整体到每一个部分之间都存在着一定的比例关系,影响产品给人的第一印象。在产品上应用完美比例,可以让产品形态及造型元素的排布非常严谨,以满足其产品气质。常用的比例有黄金比例、中心对称、辅助线(如对角线、相切圆……)及比例式(如1/2 、1/3、 1/6等)。

黄金比例又称黄金律,是指事物各部分之间一定的数学比例关系,即将整体一分为二,较大部分与较小部分之比等于整体与较大部分之比,其比值约为1∶0.618,即长段为全段的0.618。0.618被公认为最具有审美意义的比例数字。这一比例是最具美感的比例,因此被称为黄金分割。在生活中应用黄金比例,有神奇的魅力。
小例子


产品形态比例及造型元素排布符合非常严谨的比例关系,以满足其产品气质。


我们来分析这款产品,利用完美比例反推思考设计师在设计这款产品时的想法和元素布局。
1.首先确定产品外形轮廓,边长分别是a、b,并找到边缘中心线。
2.以b为边画一个正方形,此时正方形的底边正好是按键的最高位置。


3.连接以、b为边的正方形的对角线和中心线,确定屏幕的下边。由于屏幕大小是给定的标准件,根据人的使用体验,从产品的稳定性考虑,屏幕应中心对齐,这样就将屏幕的位置锁定了。
4.把屏幕的两侧边缘线延伸,锁定中间圆的大致位置,屏幕的上边距产品上端边缘的距离为A,从产品画面和谐、透气的角度考虑,产品上下边距应一致,都为A大小,则按键的区域就锁定了。
5.圆和按键位置已经确定,接下来要确定各自的大小。

6.圆的直径是,4个按键是由产品功能需求决定的,对按键区域进行平均分割,确认按键的竖向长度。
7.根据圆心和屏幕一侧延伸线相交确定产品LOGO的位置,以及按键上的装饰圆点。
8.根据前面的推导,使产品上每个元素都有原则地排布,从而完善产品细节。

Practise练一练

尝试画出下图产品的比例图。


Answer答案


