设计·留白

留白源于中国传统的虚实相生、阴阳辩证的哲学思想，是传统艺术的常用艺术表现手法。在传统的观念中留白就是留空，在设计领域里，留白也不局限于白色，而是指空白的“白”，是让某一区域无额外元素，无装饰，处于空白的状态。留白与“少即是多”的极简主义理念相通，越是精简的布置，焦点越鲜明，越是能让人感受到艺术之美。

在第12届上海双年展中，来自克里斯蒂娜·卢卡斯的艺术作品《顺时针》利用留白的手法获得了极高的人气，该作品利用艺术装置塑造了一个圆弧形空间，空间中放置了360个时钟，每一个时钟都比前一个快4分钟，这样一来360个4分钟就形成了24小时，整个空间象征着我们的一天。

克里斯蒂娜·卢卡斯的艺术作品《顺时针》

从图片可以看出，这件作品除了墙面上的时钟，其余都采用了白色材料构建，白顶、白墙、白色地面，通过大面积的留白让人们的视线聚焦在一排转动的时钟上，集中感受作品所传达的意境。置身其中，你能清晰听到360个时钟秒针转动的声音，感受时间流逝。这是留白赋予作品的震撼体验，在艺术装置中留下空余空间，自然地把读者目光引向转动的时钟主体。

留白在现代数字艺术设计中也同样具有指导性。在移动互联网去中心化的时代，我们每个人每天都要接收大量讯息，信息量早已过载，在这样的环境下，想要减少干扰，提高用户获取信息的效率，就需要合理运用留白思维，进行精简有效的设计。接下来，我们将以本团队近期进行的京东黄埔二期改版项目为例，从以下几个方面展开对留白设计的思考：

1.网页结构的留白设计

京东黄埔项目是针对商家成长，帮助新商家进行店铺经营的学习类项目，商家可以通过在黄埔做任务，领取相应奖励。但在黄埔二期页面上线使用过程中，商家反复提及页面内容过多，对功能操作造成干扰。后期由于业务需要和商家反馈，黄埔集中对二期的页面进行了改版，重新梳理了信息架构以及任务逻辑。

改版前，黄埔以商家入驻时间为依据，将其分为小白、精英和王者三种类型，分别针对不同类型商家设置任务，完成相应任务即领取奖励。任务逻辑简单直白，页面也采用简单的平铺方式来展示任务内容。但经后期调研发现，以入驻时间衡量商家线上开店能力的方式与商家的实际能力并不匹配，它忽略了商家注册店铺但长久不进行线上经营的情况，这样一来入驻时间再久，他仍是“小白”商家。

黄埔改版前的页面结构

黄埔二期的改版，针对信息架构进行了精简与优化，将以往以商家入驻时间分类的方式改为以商家需完成的任务类型进行分类，将原页面中“小白”“精英”“王者”的任务进行了拆分与重组，最终整理出三大主要模块：店铺建设、店铺引流、转化提升，每个主要模块又依据任务的完成方式分为“开店操作”和“开店秘籍”类，前者需要用户进行相关操作或通过考试才能过关，而后者只需要商家观看视频或阅读文档即可过关。这样一来商家可依据自己的运营目的展开进阶性学习，避免课程与实际能力水平不匹配的情况，且整个学习思路清晰明了，各个阶段需达成的任务目标也十分明确。

黄埔改版后的页面结构

由此可以发现，在进行网页整体规划时，运用留白思维进行简化，针对产品的主要功能类型规划出合理的功能信息架构，才能突出产品核心功能，优化用户的操作体验。

2.交互层次的留白设计

交互层的留白应用要比结构层的应用更为具体。在黄埔项目进行页面规划时，需求方希望将黄埔宣传视频在首屏重点位置露出，以达到宣传目的，但由于视频拍摄质量不高，大面积展示会破坏页面的整体调性，影响页面质量，于是在改版设计中，视频露出位置仍保持在首屏，但展现方式一改往常的图片加主题文字的形式，而变为图标加链接文字的形式，给页面右侧充足的留白空间用于视觉调性的营造。

黄埔改版后页面-视频位设计

对各个任务的介绍采用只露出主题文字与简单解释性文字，hover展开卡片，出现详细说明及操作按钮的交互方式，在一定程度上隐藏干扰用户的元素，当用户需要进一步阅读或操作时，可如同翻开卡片一般，展现卡片里包含的控件元素。这也能有效的减少内容所占的屏幕面积，使页面更简洁。

黄埔改版后页面-卡片式收纳设计

3.页面布局的留白设计

在网页的界面设计中，合理的运用留白可以使用户获得更流畅的浏览体验。从图中可以看出，改版前页面大量采用了面型图标，每个系列的课程对应着不同颜色的图标，过于抢眼。此外，这些图标平铺在页面上，虽是规整有序的排列，但仍使页面缺乏灵活性与透气感。

黄埔改版前页面-面型图标运用

黄埔改版后页面-线性图标运用

改版之后的页面取消了面型图标的运用，而采用简洁的线性图标，且缩小了图标所占面积，一方面可减少图标对文字识别的干扰，另一方面节约出来的空间可使主要的功能模块在首屏进行完全展示。字距和行距留有的空白空间，可形成明显的水平空白带，引导用户的浏览视线，提升界面的整体可读性。

另外，在京东黄埔二期的改版项目中，我们对于页面布局也进行了重新规划。原页面中各个模块之间相同的布局形式使模块区分不明显，缺乏特色，而改版后的页面从视觉表现层对不同模块进行区分，页面布局灵活、层次清晰，有效的提升了用户的阅读体验。

黄埔改版前页面-各个模块的设计

黄埔改版后页面-各个模块的设计

留白无论是在艺术作品还是互联网的设计中都具有一定的指导作用，合理运用留白，掌握留白的艺术，可以让你的作品更具呼吸感与表现力。