轻松学会产品设计(第一篇-点)

点、线、面是组成设计的基本元素,产品外观设计(仅从外观出发)实际上就是如何处理好点、线、面、体的空间关系,所以无论使用做哪种风格调性的产品,产品中最基本骨架点线面体元素是不会变的。

产品外观设计是就靠点、线、面、体的变换和组合,创造出具有艺术感和实用性的设计作品。

比如经典Braun的产品:

Braun系列, 点线面3元素采用最基础的几何图形,排布的非常规整,形成大-小-大的节奏变化 


点的理解


点成线,线成面,点是几何中最基本的组成部分。点的排列和组合也会产生线的或面的视觉移动。如两个以上的点排列时, 我们发现点与点之间存在着一种看不见的线,并且会产生运动和方向的感觉,这种现象叫做点的线化。点的密集排列也会产生面的感觉,这被称为点的面化。

点-线-面演化

产品设计作品中的“点”是指产品中呈点状的元素,或者在产品外观上可把它们当作“点”对待的元素。

橙色的螺丝钉和银色的钉就是非常明显的点

这里点的作用,活跃产品,形成点睛之笔,同时和下面橙色面积的橙色形成呼应关系。

我们来数下整个头盔有多少层次,1.内部黑色、2.深蓝色底色、3.注塑件橙色、4.丝印橙色渐变线条、5.叠压丝印大logo、6.白色金属扣、7.小文字(加上产品形体本身的层次就更多了)。人不仅喜欢简洁的东西,当我们将丰富层次安排在一个产品上,并且如此和谐,也会显得非常耐看。

同时从色彩上看,因为蓝色和橙色互补色,为了看着更顺眼,品质感更高,降低了蓝色的饱和度和明度,调整了橙色和蓝色的面积比,橙色更突出,整个产品有品质感,同时也有一种运动的激情在里面。


“点”的大小不是固定的, 它是相对于整体而言的,任何形状只要够小,都可以称之为“点”。越小的点作为点的感觉越强烈,而点越大就越容易被看成面。此产品中的按键和指示灯则可以看做“点”元素。

中键logo和指示灯就是点元素

在很多形状里面,圆形给人点的印象是最深的,即使这个圆形相对比较大一些,它也更容易会被看成点。


圆的特殊性

当然,任何形状的视觉形象都可以被当作点来看待,所以点不仅仅是圆的,还可以是规则的、不规则的、几何形的、有机形的、自然形的元素形态。我们应该根据设计目的,去选择或安排理想的形态。

好好把握点元素,提升产品质感




点的运用


在产品设计中,点是最基本的元素,也是富有生命感的造型元素,一个产品如果没有点的装饰,会显得毫无生机。接下来分别通过“点”使用场景进行分析,讲解“点”在产品设计中是如何运用的。

一、点的装饰作用

点能起到装饰、丰富产品的作用,当产品整体设计感不够强烈时,可以通过点状元素有效提升整体设计感。适当的点缀元素可以很好的丰富产品的层次感,强化整体氛围。

CMF所表现的点,给简约的产品带来一丝灵动,让产品更有吸引力

点元素常用来在产品大型已定的基础上起到装饰以及活跃产品气氛的作用。当产品整体太过呆板的时候,也可以适当的加一些点状元素活跃版式,这些点状元素使得产品更活跃而有设计感!

大面积的留白可以营造一种宁静的氛围,如果想加强产品的丰富性和活跃度 ,当产品留白面积偏大,总觉的空空的时候,可以在留白区域添加一定的点状元素,用于填充空白,同时也能很好的起到点缀、丰富产品的作用,质感和层次都有了 。

点具有烘托气氛的功能,使用大小各异,形状不同,颜色不同的点状元素,产品会出现活泼、运动、欢快的视觉感受。

图中使用橙色长条按钮和黄色圆形按钮,让本来沉闷的产品变得更吸引眼球。
产品设计中常用此方法  ,改变局部点的颜色,让整个产品产生异变,一下跳出来。
当产品给人的感觉不够强烈时,就可以把点状元素适当的异变,增强整体的气氛。

当产品比较单调时,加入点元素进行装饰。在整个产品中,品牌logo,接口,丝印文字,提示文字,按键,灯孔,装饰性字母,螺丝孔,小元件等都可以理解为点元素。

logo元素
按键
按键丝印
接口
产品小元件
螺丝件(表现产品机械感非常好用)
其它非必要装饰

在产品中合理的运用点元素,让产品增加对比,使得细节更丰富,刻画得更精致美观。




二、点的视觉引导作用

因为产品设计是为人服务的,设计的产品最终交付给人使用,而灵活的点在产品上的运用可以潜移默化影响消费的使用习惯。

1.点的虚实


散热孔是产品常见的功能区域,这个区域大部分由点构成,独特散热孔的排布,会让产品眼前一亮。

①空心圆形状。(大面积,虚空间)

②小圆点为过渡纹理。 (小面积,小装饰点)

③大孔掏洞为真透气孔,形成强烈圆的效果,大小上与① 呼应,同时边缘渐变到小的圆点 ,顺接② 面积,三个面积虚(轻)-实(半重)-半虚(重)层次形成一个整体,重心稳定,非常的和谐。


特意的留几个散热孔不打,在点构成的面中间,形成了独特而随机的点,虚与实有穿插, 增加一个层次 ,多了吸引人注意力的地方,减少死板。 


2.点的功能

凸出的点,既是纹理,又具有防滑功能。点的疏密+大小,对使用感觉很重要,使用时需要反复琢磨用户手握的尺寸。    
重复密集的防滑点,也是一个纹理面


3.点的轻重

当产品有固定放置方式,设置一个潜意识的心理模型,引导用户正确使用。

散热孔从下而上,点越来越小,渐变的点构成了一个方向感,暗示了这个产品是从上往下开始放的,消费者在充电的时候会自然的就有一个感官的判断,充电的时候就不会放反。

是不是感觉放反了,总想翻过来?

同时下一个点和上一个点是交错位置,就形成了位移动感,很符合整个产品的动感圆形飞碟大造型。

(里面的标注文字把点变成线也是做成了圆的形状,包括G的logo这个点也是圆润的形状,整个产品视觉保持一致圆润感。)

点的轻重对功能丝印也很重要

实心的点显得比空心的点更加的重。如果上面的是水滴,采用的是空心的点,下面开关键的笔画更多,会显得下面的会更重。

现在一个实心一个空心,达成了一个视觉上的平衡。

重要的是:开关键是需要按压操作的,而上面的水滴只是一个指示表示:“这是注水口”。两种不同的图标表示方式,将它们分类开来。用户使用时,不会误操作。


总结

产品设计中的“点”是指产品中呈点状的元素,或者在产品结构可把它们当作点对待的元素。

“点”是构成版面的最基本元素,也是富有生命感的造型元素,一个产品如果没有点的装饰,会显得毫无生机,适当运用点元素,可以使产品变得丰富生动,视觉效果活泼多变。

“点”常用来在产品已定的基础上起到点缀、丰富层次的作用;为了避免产品空缺,也可以加入点状元素做为背景纹理的运用,其质感和层次可以很好填补空白,使版面不会过于单调。


end~


(转载先请联系)

版权声明:本文图片来自网络

版权归原作者所有,仅供学习和交流

原作者如不愿在本文章发布

请及时通知作者予以删除

你可能感兴趣的:(轻松学会产品设计(第一篇-点))