轻松学会产品设计(第三篇

作者:kranky 发布:2026-03-11 15:01:21 0浏览

一、面的理解产品设计中将具有面积感元素定义为“面”。“面”既可以是有形的空间体积块面,也可以是是元素构成的任何感官面积。大的连续空间可以看做是面大面积的出气孔可以看做是面。与“点”、“线”相比,“面”具有明显长度和宽度,在空间上占有的面积更大,因而视觉感受力更强。面的大小、空间、位置等不同状态都会让人产生不同的视觉感受。“面”的形态多种多样,如线条硬朗的直面、圆润亲和的曲面、自然生动的自由面等,不同的形态的面使人产生不同的视觉心理。1.直面“直面”指由直线构成的面,轮廓具有明显的规律性,如矩形,三角形、多边形等。直面与直线有着相同的视觉特征,如坚硬、锐利、稳定感等。同一个直面分割成几个直边面,形成一种面积大小的对比构成感。二条及以上长度相等的直线构成的矩形面是最常见的表现形式,它规矩的产品形态,富有直接性、简约感。优点是整齐有序,构成后的产品稳重、严谨、大方,较容易与读者沟通。直面的利落,简约风格最好表现。而使用不相等的直线构成的非矩形直面进行设计,可以创造出丰富的产品结构,增强形式感和趣味性。直面的边长不同,也会构成了面的指向性,具有方向感。直线边构成的面,易于塑造块面十足的产品。低多边形造型就是将曲面变成有直边构成的直面。金属质感+加上凌厉直面容易塑造力量感,机械感的产品。2.规则曲面“曲线面”指由曲线边构成的面,如圆形、椭圆形等。与曲线有着相同的视觉特征,给人随意、舒适、柔美的视觉感受。曲线面不像直面的整个面保持在一个二维平面,曲线面更多的保持着空间三轴(xyz)的变化,所以造成曲线的变化更加丰富。圆形构成的面是最常用的圆形给人饱满、完整、柔和的视觉感受。当我们看到圆形,会产生寻找圆心的愿望,所以使用圆形很容易形成视觉的聚焦,吸引人的注意力。将显眼元素放在圆心,人的眼睛一下看到视觉中心。曲面赋予产品柔和感其它形状的曲线面优点是趣味性和亲切感比较强烈,可以创造较为丰富的产品形态。曲线(像女性优美的身体形态)构成的面在女性产品中运用广泛,可以表现产品的优美感。不规则曲线面,具有柔和生动的变化,可表现儿童类产品的活泼可爱。将直面倒曲线圆角,让面既具有直面的利落与规整,又具有曲面的柔和。设计时,要注意直线与曲线圆角比例的大小,不同比例传导了不同的产品感觉。仅仅小倒角,二维平面不变,基本保持直面的感觉。直面少量圆角,且保持二维平面,产品锋利感更多,柔和感稍微有一点。蓝色部分的矩形部分和圆角比例趋同,给人舒服的和谐感,温和居家产品常用大倒角。产品在圆角上运用更是极致。不仅将圆角曲线运用到产品,也同时应用到界面之上,从下图我们可以看到,在界面上加入了更多圆角曲线的元素,达到视觉上的和谐统一。下面角从最外侧的圆角开始一直等距递进到电话图标,这个角落可以数出至少6条等距圆角曲线。顺滑圆角看着很舒服。我们单独理解一下圆角:5种圆角的曲率表现上图a为1/4圆弧过渡的圆角,之前的圆角图标,通常平面软件绘制的圆角四边形,以及通常我们称作“导圆角”,直线的曲率为0,切线连续(G1连续)。过渡的不顺畅我们可以通过视觉很明显地感觉到。上图为用一段曲线替代了1/4圆弧作过渡,连接直线的两端达到曲率连续,即这段曲线的曲率是从两端的0逐渐连续的增大的,我四个角上看到过渡顺畅,但是,存在一个问题,看上去四个角不够圆了。虽然光滑但不够圆,从曲率的示意图中观察到,这条曲线曲率的变化不具备圆的特征,因为圆的曲率处处相等,均质而统一的。上图示意,曲线两头连续过渡,中间部分过渡缓慢,接近均等,当然这个曲率过渡也要在设计中多考虑,才算达到自己想要的顺滑圆角。我们对比下这G3倒角和苹果圆角的连接方式,苹果圆角倒角分成三段来拟合,倒角和直线直接过渡缓和,三段曲线均达到相切连续且曲率大致相同,逼近圆弧的视觉感受。知道圆角的这种细节后,我们做设计是不是更具有美感了呢。矩形特殊倒角-跑道矩形矩形短边两头完全变成了半圆,倒角达到了极致。半圆和直线的比例,很大程度决定了面给人的感觉是硬朗还是柔和。长条矩形,倒最大的角,让2头构成半圆,就形成了跑道形态的面。跑道形态的面,如果直边短,柔和感就更多一些,直角边更长,就感觉更严肃些。极简设计常用的规则曲面:曲线通过简单的移动或者旋转而形成的面,如圆柱,圆球面,方形体等,这样规则曲面看起来简洁有次序。采用三视图可以清楚表达出曲面的特质。直线旋转成型可以得的圆柱曲面,仍然具有直线的利落,简约感。(注意如果截面圆大于直线的长度,那产品的曲面感就更强)方形体,倒圆角让连接的三边形成曲面连接在一起,让产品看起来更柔和。3.自由曲面曲线的走向是非单一方向,非圆或方基础形态,具有流动性,在xyz三个空间上都具有变化。复杂的自由面就像大自然随机的形态,因此自由曲面视觉上感受到自然、生动、有灵性。这个顶面给人一种自然山丘的感觉。重复构成的自由曲面,给人花朵的印象。像布面被拉扯的感觉汽车的自由曲面,也类似于布面被紧绷拉扯感,转折和宽窄变化都遵循视觉力来变现。鞋子本身是柔软的材料,采用自由曲面拼接来构成形体最为常用。自由面的轮廓形式多种多样,运用在产品设计中很考验设计师想象力和把控力。自由曲面优点是可发挥设计的空间很大,让产品变得很有特点,传达品牌独特的调性,但是操作难度高,自由曲面不管是设计、建模、生产都是更具有难度。二、面的运用1.面的连接面与面的连接,对产品的感受影响很大。直接连接,产生的边线,产品就会给人硬朗的感觉;连接处曲度大,就是曲线的效果,给人温和亲近感。面的连接倒角小,切面明显,硬朗力量感。面的连接倒角大,衔接顺滑,亲近温柔感。面面交线保持锋利感,给产品形成线的装饰感在本顺滑的面上,特意造一条面线,形成切削的装饰感。2.面的延伸从一个常规的正面延伸到侧面,增加产品的空间层次,让产品更加整体。耳机丝印的银色面从正面延伸到侧面边,产品丰富一个层次。从正面延伸到侧面和立面。3.纹理面如果单个面的面积占比大,并且空间走向单一的,产品容易空洞无质感。一般的处理方法:①.增加面积的走向,如2所讲的面的延伸,将单一规则面变成丰富的自由曲面。②.在单一面上增加纹理,让单一面增加内容物。在无人机的尾巴加入纹理,打破面的空洞,增加质感。电镀件加入了CD纹,精致感上升。纹理的收尾要融入产品,不能破坏产品的整体性。纹理边的结尾可以做渐变到消失处理,不影响边缘的整体边线,没有打破单一面的整体性。4.面的引导由于万物受到重力作用,下沉的面给人感觉就像是碗或者盆,是可以接纳东西的。内凹的面,会有视觉上收纳的感觉,下沉的小面按键,视觉上引导人去按压。水往低处流,凹陷的空洞有积水的作用。总结“面”的形态多种多样,如线条硬朗的直面、圆润亲和的曲面、自然生动的自由面等,不同的形态的面使人产生不同的视觉心理。但基本简化理解为:线给人的感觉,曲线柔(曲面柔),直线硬(曲面硬)。面在产品设计中的运用:1.注意面的连接角,符合产品整体的气质。2.巧用面的延伸法,设计个性独到产品。3.利用纹理面,打破面的平淡和乏味。4.下凹面具有收纳性。

① 本文仅代表作者个人观点,不代表猪八戒网立场。

② 本文经授权发布,未经许可,请勿转载。如有需要,请联系猪八戒官方。