轻松学会产品设计(第一篇-点)
点、线、面是组成设计的基本元素,产品外观设计(仅从外观出发)实际上就是如何处理好点、线、面、体的空间关系,所以无论使用做哪种风格调性的产品,产品中最基本骨架点线面体元素是不会变的。
产品外观设计是就靠点、线、面、体的变换和组合,创造出具有艺术感和实用性的设计作品。
比如经典Braun的产品:
![](https://img.haomeiwen.com/i11179740/2b7dc9485870756f.png)
点的理解
点成线,线成面,点是几何中最基本的组成部分。点的排列和组合也会产生线的或面的视觉移动。如两个以上的点排列时, 我们发现点与点之间存在着一种看不见的线,并且会产生运动和方向的感觉,这种现象叫做点的线化。点的密集排列也会产生面的感觉,这被称为点的面化。
![](https://img.haomeiwen.com/i11179740/a7b2abfba79df1da.png)
产品设计作品中的“点”是指产品中呈点状的元素,或者在产品外观上可把它们当作“点”对待的元素。
![](https://img.haomeiwen.com/i11179740/73d6243df3992754.png)
这里点的作用,活跃产品,形成点睛之笔,同时和下面橙色面积的橙色形成呼应关系。
我们来数下整个头盔有多少层次,1.内部黑色、2.深蓝色底色、3.注塑件橙色、4.丝印橙色渐变线条、5.叠压丝印大logo、6.白色金属扣、7.小文字(加上产品形体本身的层次就更多了)。人不仅喜欢简洁的东西,当我们将丰富层次安排在一个产品上,并且如此和谐,也会显得非常耐看。
同时从色彩上看,因为蓝色和橙色互补色,为了看着更顺眼,品质感更高,降低了蓝色的饱和度和明度,调整了橙色和蓝色的面积比,橙色更突出,整个产品有品质感,同时也有一种运动的激情在里面。
“点”的大小不是固定的, 它是相对于整体而言的,任何形状只要够小,都可以称之为“点”。越小的点作为点的感觉越强烈,而点越大就越容易被看成面。此产品中的按键和指示灯则可以看做“点”元素。
![](https://img.haomeiwen.com/i11179740/15a29307281e991c.png)
在很多形状里面,圆形给人点的印象是最深的,即使这个圆形相对比较大一些,它也更容易会被看成点。
![](https://img.haomeiwen.com/i11179740/0570a85e149d6c0a.png)
当然,任何形状的视觉形象都可以被当作点来看待,所以点不仅仅是圆的,还可以是规则的、不规则的、几何形的、有机形的、自然形的元素形态。我们应该根据设计目的,去选择或安排理想的形态。
![](https://img.haomeiwen.com/i11179740/3ebdd1708dd09ea9.png)
点的运用
在产品设计中,点是最基本的元素,也是富有生命感的造型元素,一个产品如果没有点的装饰,会显得毫无生机。接下来分别通过“点”使用场景进行分析,讲解“点”在产品设计中是如何运用的。
一、点的装饰作用
点能起到装饰、丰富产品的作用,当产品整体设计感不够强烈时,可以通过点状元素有效提升整体设计感。适当的点缀元素可以很好的丰富产品的层次感,强化整体氛围。
![](https://img.haomeiwen.com/i11179740/88d71833c593b9bb.png)
点元素常用来在产品大型已定的基础上起到装饰以及活跃产品气氛的作用。当产品整体太过呆板的时候,也可以适当的加一些点状元素活跃版式,这些点状元素使得产品更活跃而有设计感!
![](https://img.haomeiwen.com/i11179740/2f52ec94361b058c.png)
点具有烘托气氛的功能,使用大小各异,形状不同,颜色不同的点状元素,产品会出现活泼、运动、欢快的视觉感受。
![](https://img.haomeiwen.com/i11179740/67f2eaad23b3eb1a.png)
![](https://img.haomeiwen.com/i11179740/ca783c5d7b6cd18a.png)
![](https://img.haomeiwen.com/i11179740/8aaf77a8eeb3c6be.png)
当产品比较单调时,加入点元素进行装饰。在整个产品中,品牌logo,接口,丝印文字,提示文字,按键,灯孔,装饰性字母,螺丝孔,小元件等都可以理解为点元素。
![](https://img.haomeiwen.com/i11179740/a275255f82345161.png)
![](https://img.haomeiwen.com/i11179740/f4085b212940e01d.png)
![](https://img.haomeiwen.com/i11179740/9f2deeafa30631b5.png)
![](https://img.haomeiwen.com/i11179740/c38b6428a0af270e.png)
![](https://img.haomeiwen.com/i11179740/034c150a82fe6677.png)
![](https://img.haomeiwen.com/i11179740/e644fc365312f0f2.png)
![](https://img.haomeiwen.com/i11179740/c5e822895814228a.png)
在产品中合理的运用点元素,让产品增加对比,使得细节更丰富,刻画得更精致美观。
二、点的视觉引导作用
因为产品设计是为人服务的,设计的产品最终交付给人使用,而灵活的点在产品上的运用可以潜移默化影响消费的使用习惯。
1.点的虚实
![](https://img.haomeiwen.com/i11179740/0b100af3a18e15c6.png)
①空心圆形状。(大面积,虚空间)
②小圆点为过渡纹理。 (小面积,小装饰点)
③大孔掏洞为真透气孔,形成强烈圆的效果,大小上与① 呼应,同时边缘渐变到小的圆点 ,顺接② 面积,三个面积虚(轻)-实(半重)-半虚(重)层次形成一个整体,重心稳定,非常的和谐。
![](https://img.haomeiwen.com/i11179740/31c2a0fe0eb0e43e.png)
2.点的功能
![](https://img.haomeiwen.com/i11179740/d13a8be5c9ee0ec0.png)
![](https://img.haomeiwen.com/i11179740/6e430f8e2e45297e.png)
3.点的轻重
![](https://img.haomeiwen.com/i11179740/bf47a28b7bd347ca.png)
散热孔从下而上,点越来越小,渐变的点构成了一个方向感,暗示了这个产品是从上往下开始放的,消费者在充电的时候会自然的就有一个感官的判断,充电的时候就不会放反。
![](https://img.haomeiwen.com/i11179740/915e110a0689a8a2.png)
同时下一个点和上一个点是交错位置,就形成了位移动感,很符合整个产品的动感圆形飞碟大造型。
(里面的标注文字把点变成线也是做成了圆的形状,包括G的logo这个点也是圆润的形状,整个产品视觉保持一致圆润感。)
![](https://img.haomeiwen.com/i11179740/2803ba190643aeb4.png)
实心的点显得比空心的点更加的重。如果上面的是水滴,采用的是空心的点,下面开关键的笔画更多,会显得下面的会更重。
现在一个实心一个空心,达成了一个视觉上的平衡。
重要的是:开关键是需要按压操作的,而上面的水滴只是一个指示表示:“这是注水口”。两种不同的图标表示方式,将它们分类开来。用户使用时,不会误操作。
总结
产品设计中的“点”是指产品中呈点状的元素,或者在产品结构可把它们当作点对待的元素。
“点”是构成版面的最基本元素,也是富有生命感的造型元素,一个产品如果没有点的装饰,会显得毫无生机,适当运用点元素,可以使产品变得丰富生动,视觉效果活泼多变。
“点”常用来在产品已定的基础上起到点缀、丰富层次的作用;为了避免产品空缺,也可以加入点状元素做为背景纹理的运用,其质感和层次可以很好填补空白,使版面不会过于单调。
end~
(转载先请联系)
版权声明:本文图片来自网络
版权归原作者所有,仅供学习和交流
原作者如不愿在本文章发布
请及时通知作者予以删除