菜单导航

设计秘技:你不知道的排版方法!(原创)

作者: 昌平信息网 发布时间: 2019年12月17日 22:23:45

在遵循自然习惯的基础上,对页面设计加以特殊设置,让用户在不知不觉中获取设计师想让用户知道的信息。

设计秘技:你不知道的排版方法!(原创)

不知道大家有没有打开一个网站或者一个APP,但是不知道去看哪里,页面中有太多的信息内容,很难决定从哪里开始,然后就很容易关闭了。

在互联网时代,用户不是在读书,读我们设计的每段文字,他们是扫描,扫视!

扫描意味着他们只有在眼睛被吸引的时候才会停下来阅读。

作为设计师,需要很好地控制用户的阅读路径,帮助用户处理信息,今天分享的这个视觉动线方法希望可以帮到你。

什么是视觉动线?

大家可以想象一部电视剧,每一集从一个场景转移到另外一个场景,这些场景会有连续性,每一个场景之间有顺序。

设计秘技:你不知道的排版方法!

不知道大家有没有去过上海迪斯尼,其中一个项目加勒比海盗,在迪士尼的设计中,动线往往是里面很重要一个环节和流程。

设计秘技:你不知道的排版方法!

▲进场:从进场开始,光线越来越亮,门口用巨大的海盗建筑和石头的海盗旗,慢慢把你带入到电影里面的场景

设计秘技:你不知道的排版方法!

▲入口:潮湿的墙壁,昏暗的灯光,金币宝箱,破旧的木头,低沉的音乐让你瞬间进入电影世界

设计秘技:你不知道的排版方法!

▲航行:骷髅人和你招手,发出让人惊悚的笑声,同时还伴随海水的声音,让我们的感官和听觉都紧张起来

设计秘技:你不知道的排版方法!

▲氛围:阴暗的灯光里面到处是悬崖峭壁,以及反派的出现,水流也越大越大,瞬间把我们置身于电影之中

设计秘技:你不知道的排版方法!

▲氛围:水面慢慢平静,眼球突然出现一艘大船,船体突然失去重力,伴随着巨大的海浪声

设计秘技:你不知道的排版方法!

▲高潮:昏暗的场景突然明亮起来,巨大的海面和行使的船只就在眼前

设计秘技:你不知道的排版方法!

▲高潮:船长和他的战士就在这里互相作战,伴随着浓浓炮火的声音

设计秘技:你不知道的排版方法!

▲收尾:伴随着音乐声和平静的海水声慢慢把观众带回现实

上述就是迪士尼在动线上的经典设计,整个路径伴随着听觉、视觉,让你感受非常好,我们做产品也是如此。

设计秘技:你不知道的排版方法!

最近新零售很火,各种生鲜店,那么这些店在设计时候为了保证效益最大化,设计中要让每一个角落被利用起来,就需要设计顾客的游览动线,动线直接影响了店铺销售额。

用户的购物动线,一般分为L型、F型、曲线型,大家有兴趣可以去了解下。

设计秘技:你不知道的排版方法!

▲上图丝袜中,哪一个看起来让人更显瘦呢?

在一些国外电商中,同样通过设计上的动线引导增强用户购买欲望,在左侧的图片中,丝袜加了几条垂直的线条,使得我们觉得这个丝袜穿身上会让人腿显得更长,其中就是运用到线条垂直延续感,制造动线。