自从【有问必答】开设以来,收到很多小伙伴的提问,苗苗也把这些问题都一一记在了小本本上,会依序给大家解答。在收集问题的过程中,有一个出现频率很高的问题:我们能够把东西做出来,却没办法告诉别人自己的设计内涵和意图,最后的结果就是,老板一直让我们改改改,我们背后骂老板不懂设计。
by burnttoastcreative
无法清楚的表达自己的设计意图很大一部分原因是我们没有足够的设计理论知识支撑。如果我们知道自己的每一个设计为什么这样做,在过方案时,我们的讲解可能会更有说服力,老板也会尝试站在我们的角度去看待我们的作品。
所以我们首要做的是先打好理论基础,然后练好表达能力。理论基础刚好苗苗也在回顾,就和大家分享下,我是先从平面构成最最基础的点、线、面开始,难度逐步增加,我们今天先分享关于“点”的知识。
点的描述
对于点的描述我们可以把它看做一切形态的开始,它是一种具有空间位置的视觉单位并具有矢量化的特性。
通俗点理解就是,细小的元素都可以称为“点”,所谓细小,是指元素在设计页面中视觉上显得比较小。
点的形态特征与心理特征
单点
by Les Canailles
by Les Canailles
单点有着很强的视觉吸引力,在一个相对稳定的页面中,当点居于画面中间的时候就会让人感受到平静、集中的视觉感受,如果位置偏上、偏下或偏左、偏右,都会给人们一种不安定的视觉感觉。
两条对角线以及由垂直中心轴与水平中心轴相交而成的十字
页面与单点的视觉关系是受页面两条对角线以及由垂直中心轴与水平中心轴相交而成的十字影响的,无论单点处于哪个位置,我们都会产生相应的心理特征。
两点
对于两个点,在原有的单点的基础上它们之间还存在着另一种视觉张力,这种视觉张力会引导我们视觉移动、形成一个视觉流程。
会按照我们平时的认知习惯,依据大小、远近的顺序,从大到小、从实到虚的视线在两点之间移动,两个圆点相连就可以具有方向性,如果两个圆点一样颜色、大小一样,我们一直在它们之间移动就会出现线的感觉,“点动成线”也是由此而来。
多点
三点以上就可以成为多点,多点可以产生更加丰富的视觉力。如果页面上出现了三个点,我们的眼睛会不自觉的去发现它们之间存在的关系,这样就会出现一个隐约可见的面。“线动成面”就是由此而来。
by Frame
多点一般我们会利用点的大小、位置、叠加来产生空间感,带有方向性的点可以直接充当线的作用,它们可以灵活的表现方向的多样性,同时这种表现比真实可见的线更加含蓄,很多设计师十分喜欢点的的这一特性,并且经常用到作品之中。
点的视错觉
所谓“错觉”就是人们的主观感受信息与客观事实不一致的现象,点所处的位置,随着其色彩、明度和环境等变化、会产生远近、大小等变化的错觉。
上图是我们最早接触到的点的视错觉,只是因为周围点的大小不一样而已,其实中间两个点的大小是一样的,相同原理的还有点与边框产生的错觉,点与夹角之间产生的错觉。
点的不稳定性
在以点为主的设计中,我们既要看到点的灵活性也要注意点的不稳定性,尽量利用点的大小、方向、位置的变化产生丰富的聚散效果。
画面效果的平衡
由于缺乏一定的方向性,多个点的聚集也可以产生一定量的页面重力的改变,所以可以通过距离与点的面积的相互来达到页面平衡的效果。
by Mireldy Design
by Florencia Baldini