分享

有美感的留白设计!怎么留?学一学

 平面设计大师 2022-07-15 发布于河北

图片

图片

留白的另外一个名字是“负空间”,换句话来说,留白并不一定必须是白色的,它可以是其他的任何颜色,留白发挥作用的核心是它和视觉焦点之间构成的对比。

图片

图片

不同的元素有不同的功能,元素越多,需要处理的信息层级就越复杂,相应的,需要划分的优先级和留白的方式就越复杂。仅保留必需的元素让画面更加简洁,也会让留白更加有力。

图片

图片

想要让留白的效能最大化,让用户以最低的成本获取到你所要传达的信息,视觉焦点应该只有一个,至少是一个为主,而其他的为辅,并且借助大量的留白来营造层次,制造出主次差异。

图片

图片

并非每个页面都是极简的、展示性的页面,有的网页上也会包含多个平级的视觉对象,这个时候需要控制整体的排版布局,通过合理的留白疏密控制,来营造均匀优雅的体验。

图片

图片

相比于文本内容,图片更抓人眼球,更容易被用户注意到。如果想让视觉主体是精心设计的文案的话,就尽量不要放上图片类的视觉元素,否则再多留白也效果不明显。

图片

图片

若非必要,在展示性的网页上不要使用大段的文本,文案尽量简明扼要,这样在足够的留白衬托之下,会显得更加有力量,无论是搭配其他视觉元素,还是单独作为视觉主体。

图片

图片

在包含大段文本的页面当中,文本中的字间距和行间距通常也算是留白。字间距的控制通常问题不大,但是为了可读性,行间距的控制需要注意,通常行间距应该是行高的120%到150%会比较让人觉得舒适易读。

图片

图片

通常,在展示性的网页当中,留白的量和视觉上所传递出来的品质感有着一定的关系。视觉焦点元素打磨精细、留白量更大的页面往往会显得更加优雅、富有品质感。

图片

图片

如果一个版面采用对角构图,即主要元素分布在成对角的斜线上,那么相对应的另外两个角,就可以空出来作为留白处理,这种排版方式既能保证版面的平衡性,且具有不错的设计感。

图片

图片

如果画面是以天空作为背景,那么尽量不要在天空上排文字,或者只在其边缘和角落排一点文字即可,这样能尽可能保留天空的完整性,给人一种干净、开阔、充满想象的感觉。

图片

图片

排版时一侧排布内容,另侧留白。能让版式在视觉上产生对比,形成一种透气的感觉。留白的部分可以完全留白也可以增加一些点线面的点缀,让画面视觉上更加丰富。

图片

图片

除开文字内容本身的部分用几何,字母或者图形去填充的方式被称为填充留白这样处理留白会让其变得更有趣味,不显单调。

图片

图片

对称的手法让版式整体看起来简洁又工整。对称留白能最大程度上聚焦设计主体。主体的丰富程度决定了版面的丰富程度。

图片

图片

区隔留白的目的是为了把不同类型的信息区隔开来,比如在标题与正文之间、正文与图片之间,留出一块比较大的空白,这么做比只空一两行会有更多呼吸空间。

图片

图片

优秀的留白作品不一定要元素非常少,一些有很多文字的版面,也可以有很好的留白,而相对的其他区域则只要排列一点点文字就可以了,于是就形成了一轻重、一少一多的强烈对比。

图片

图片

有些画面的主体是很简约,很精致的图片或文字,这类型的主体本身视觉冲击力不是特别强,很容易被干扰、分散注意力。所以我们在排版时要给主体尽量留多一点独立空间。

图片

图片

这种方式巧妙地把留白空间变成了正形的负形,这时候的留白空间就不再是一块空白,而是变成了图形的一部分,自然就不会显得空洞了。

图片

图片

图片

图片

图片

图片

图片

图片

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多