电商设计banner图排版技巧分享(6)

来源:网络   作者:热心网友   发布时间:2017-01-02    浏览次数:2371

1.缪勒—莱依尔错视

图中两条线是等长的,由于上下线段两端的箭头方向相反,上线段的箭头占据的空间大,所以上面的线显的较长。


2.垂直线与水平线的错视

大多数人往往把垂直线看的比水平线要长,这是高估的错觉。在水平线长度为8-10mm时,这种错觉最大。


3.透视错视

图中的两条线是相等的。看起来下面的要短,是因为透视的错觉。


4.正方形的错视

标准的正方形左右的边看上去大于上下的边。


5.黑白错视

图中黑白线段,由于白线段明度大,具有膨胀的现象,所以看以来比黑线段长。


6.由于图形结构的影响而产生的错视

图中组成三、四、五边形的边长都相等,但由于周长和面积的不同,产生边长的不同。


7.对比错视

高个子和矮个子在一起,高的会显的越高,矮的会显的越矮。


错视举例:比如虚实手绘拼接,比如有些摄影作品


这里要说明的是,错视在一些视差动画的网页页面里运用的会比较多一些,还有一些app的引导页,这里Banner举例的话可能也不太合适,不过也可以给大家看一下:


比如这个画面里的黄色圆点,同样的黄色圆点,在暗色背景上是很突出的,但在同样是黄色的背景上就几乎看不见了,但其实原点是没变的,只是背景的颜色变了,就导致我们看到了不一样的结果。

d64d57c6753e0000018c1bc04c41.jpg


3、了解几个常用的平面术语,如下:

和谐统一/对比突出/对称/画面平衡/视觉重心/节奏韵律


和谐统一:

元素与元素之间,或所有元素构成的整体是一种协调的关系,比如大小/颜色风格等的协调。


Banner举例:整体的明亮色彩,搭配的雨滴小元素,以及雨伞产品和模特装扮,左中右排版方式都看起来很协调统一。

7bc857c675820000018c1b797adf.jpg


对比突出:

即把2个质或者量反差很大的元素放在一起,使人感觉主体鲜明突出,整体又活跃而统一,比如大小/数量/色彩/形状的对比。


Banner举例:红色模特部分面积比较大,无论是色彩还是面积优势,都使得它在柠檬黄背景上特别突出。

7e5557c6759a0000018c1b44f003.jpg


对称:

假设在一个图形中间画一条垂直或水平线后,画面的左右或上下2边是可以完全重合的,则我们称之为对。


Banner举例:典型的对称构图咯,Bra就是一个对称的形状。

6e5e57c675c10000012e7e5fe936.jpg


12345678910共10页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/dianshangsheji/5503.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通