丝路设计培训学校-专注CG行业人才培养

搜索课程
联系在线客服

当前位置:丝路设计培训>培训教程>UI设计>平面设计>

平面设计留白技巧-平面设计留白原因及大小空间留白方法

2017-12-14 17:09 来源: 丝路设计培训 分类: 平面设计
177 作者:如何设计名片

[导读] 很多人问我设计应该怎样留白,留白有时候看上去为什么感觉这里好空,有时候怎么又感觉设计中又没有留白,那我们应该怎样留白尼,今天我们一起来聊聊哦 留白,另一说为负空间,

很多人问我设计应该怎样留白,留白有时候看上去为什么感觉这里好空,有时候怎么又感觉设计中又没有留白,那我们应该怎样留白尼,今天我们一起来聊聊哦

 

留白,另一说为“负空间”,这两个词常常互换使用。它们共同所指的都是屏幕中出现的元素之间的一种关系。所谓留白不一定是要白色,或黑色。就算是图案、色彩或纹理背景都可以被称为留白。负空间是在内容外创造一个空白的环境,好让观者将注意力更加集中于内容。

今天尼,我们将讨论,怎样运用设计师的锦囊妙招中的超强致胜工具:留白。

 

留白的原因

就像已经被大家所讨论过的,负空间一开始是作为审美而不可或缺的一部分。

在设计中,在哪里留白显得更加重要。可以这么说,它决不仅仅处于视觉审美的需要,它得肩负更重要的角色,即在视觉审美与引导用户之间达成完美平衡。而且,如果现在有一段文字,留白还需在此基础上让文字清晰,创造具有可读性的环境。

总的来说,留白直接的影响如下。

1、眼球扫描

在设计中,两块较大内容元素之间的空间(在此称大空间),这类留白能吸引并引导用户的眼球扫描页面的方式。当运用得当,就能引导用户的视线去注意那些你想突显的元素。这在品牌标识展示或增加用户交互行为的时候最为有效。

2、清晰度

在两个较小的内容元素之间的空间(在此称小空间)诸如一个文字,或一行文字,列表,图标等,恰当的留白也能让这些元素更加易于辨认。

3、视觉审美

当你看到一张大图片,留白在视觉审美中发挥了很大的作用。举例来说,如果内容乱七八糟绝不会是一张好看的图片。

4、高品位

丰富的留白将为你的页面灌注一种精致优雅的氛围。

为了更好的理解和运用它,我们将要梳理不同类型的留白(大空间和小空间),以及运用它们的不同的方法(被动和主动)。

大空间和小空间

设计中,在哪里运用以及怎样运用负空间将取决于它们的角色。简言之,我们把这些角色大致分为大元素和小元素。

大元素的留白是涉及到两个大型元素之间的留白。主要运用于:

  • 总体内容

  • 独立的不同元素

  • 文本排版

  • 图片之间的距离

     

这类型的留白空间很大程度影响用户的视觉流,不管是潜在引导或者强势推动都可以让注意力引导到你想要他们停留的地方。但在此要强调的一个法则即是距离越大动力越强。想要打破平衡,然而,由于太多的留白违反了格式塔原则,其结果就是消弱了对象间的关系。

 

 

2、小元素的留白

另一方面来说,当设计师们谈到小元素留白,他们通常是指的较小的元素或是较大元素中的次级元素的留白。他们包括:

  • 字体

  • 行距

  • 段落


小元素的留白最多被用在强调网站整体的清晰度上面,尤其是在排版的清晰度上。当你试图利用文字间的留白打破平衡,保持清晰易读的同时又能不至于太过而让它偏离了重要的内容。

 

就像格式塔规律中谈到的,让距离较近的元素视觉上更为接近,这将暗示它们具有相同的功能。小元素的留白将会让用户知道按钮与链接之间的关系,而同样的留白将强化这种机制,这在用户使用过程中进一步增强认知度。

下面来分享一些留白的技巧:


免责声明:

丝路设计培训学院的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

相关文章 您可能感兴趣