留白,什么时候用?

原标题:留白,什么时候用?

留白,是视觉设计师经常使用的一个设计手法,通常来讲,为了达到高雅、简洁的效果,就会用留白,不论是平面设计还是空间设计。

放张图体会一下

不过,也有很多时候大家会看到信息密度很高的设计,比如下图

那么什么时候留白,什么时候用高密度设计呢?

在挖藕知识星球里和大家一起讨论的时候,很多小伙伴都说到了留白是为了聚焦,也的确是这样的。

不过呢,我再多说一点, 低密度的留白处理,会把注意力都吸引到对象本身,而以对象为中心的周边信息,比如文字、图片以及氛围等,都是为了突出对象本身价值的,所以留白这种设计手法经常用于画廊、工艺品、奢侈品等场景,因为在这种场合下需要 突出稀缺性、唯一性、品牌,用非标品的特征去赢得品牌溢价。

在消费心理上,这叫做“ 单独评估”,在单独评估的场景下,人们更 容易被感性的东西所打动,于是商家利用消费者暂时的不理性来获得品牌溢价。比如那些逆袭的服装品牌,一旦想走高端路线,一定要进商场,一定开专卖店,一般商场也会限制统一品类的品牌入驻数量,就是怕你“货比三家”之后变的理性起来。就是先把你变成韭菜,然后再把你割了。

相比于留白把注意力吸引到局部, 高密度信息通常引导人们关注整体。信息又多又全,足够的标准化,没有太多的情感因素在里边,都是可直接对比的信息,比如淘宝,就像是之前的集市,讲究的就是琳琅满目, 背后的诉求就是物资丰富、种类繁多、应有尽有,而且突出性价比,线下的就是义乌小商品市场。

通常这类场景,同类信息都会很多,让你去对比,去找到性价比最高的东西。这叫做“ 联合评估”。在联合评估的场景下,通过同类信息的对比,立马就把单独对比时的那些情感因素抛到脑后了。

各个商家都不想进入联合评估的拼性价比的红海,于是就开始差异化,但是功能上毕竟差异化挺难做的,于是感性的东西就是一个经常运用的手段,比如设计、品牌。高密度信息的场景,比如搜索,我们希望搜索出来的结果足够多、足够全,好“ 数量产生质量”,让我去找到更优质的信息,屏幕上的信息密度会很高,这样搜索信息的效率才足够高。一般to B场景里经常出现,当然to C场景也有,但是注重效率和成本的to B场景会更多。你看批发网站界面设计的lowlow的,其实那些有经验的买家,要的就是这种没有太多情感干扰的设计。

回到网站、APP这些数字产品设计上,如何应用?

说一个理财产品的例子,很多情形下,为了主推同类产品里的一个主推产品,会出来单独宣传,用大卡片的展示形式,但有时候为了避免“浪费”空间,又做了左右滑动查看更多,如下图:

此图根据理财通界面为原型改造,理财通本身不是这么做的

其实这样做并不好,如果做,就只做一个,进行“单独评估”,不要进行“联合评估”。如果真的是特别主推,那就像余额宝一样,单独做一个专区,不和其他理财产品放在一个对比。

以上的例子是关于产品形态的应用,另外关于具体内容的设计,我们也举一个例子。AppStore的每日推荐,都是大卡片形式,将注意力聚焦到一组组的内容之上,满足用户随意逛、随意浏览的目的和浸入式的体验。

留白用了平面二维空间,高密度信息由于功能需要,不能用留白,那怎么办?从Z轴上想办法!有个东西叫做“前摄变量”,数据可视化里经常用。比如下图中有一大堆密密麻麻的点,在平面空间上只能表现出尺寸大小,如果需要更多维度的信息,那怎么办?通过颜色这个前摄变量来把信息在Z轴上“分层”,让颜色信息直接跳出来,这样同样颜色的信息就建立了联系,就有了相似性。“分层”–这是一种处理高密度信息的有效方式。

低密度的留白信息很高雅,高密度的分层设计很高明。

为什么我作为一个交互设计师,要关注视觉,不是因为行业在提倡UXD(体验设计师),而是因为信息的获取是人与系统交互的前提,而视觉要素可以影响到信息的获取,就是这么简单。

另外,出于求知,我想找到影响体验的深层次原因,各个方向摸索了几下以后,朝心理学和脑科学的道路上走了几步,发现在这个道路上,没有什么交互与视觉之分,都是一起的,所以能答疑解惑的知识我都会了解下。

加老D私人微信,朋友圈更多精彩

你有在看么

责任编辑:

Thenews.cc