UI设计中的重要一环:留白!你了解多少?__凤凰网

?

空白是一个空白区域,布局中没有放置任何元素。在设计时,我们不能只考虑“这些元素的放置位置”,而是要考虑“应该空置什么”。

空白的设置将极大地改变设计的效果。将所有元素放置在布局的中心,布局将产生相等的空白,如下所示。

%5C

如果要进行排版“稳定”,可以选择此方法。

相反,如果所有元素都保留或对齐,则将对比高密度部分和低密度部分。如下图所示,右侧将留空,这将给人一种“分层”感。

一、留白的美学价值

1.留白的作用

除了创造层次感之外,白色空间还具有整合多个元素和强调重点的效果。

如下图所示,文本均匀排列。不容易看出哪些元素是相关的,哪些元素是最重要的。

%5C

在设计中,您要突出显示的部分周围的空白区域可以与其他元素进行比较,这些元素可以发挥重要作用。

2.留白的大小与赋予版面的印象

看看下面的两个数字。以密集和无序的方式放置货物会产生兴奋,复杂和廉价的感觉;而豪华柜台一般会有很大的展示空间,可以呈现出优越感,宽敞感和舒适感。

%5C

这也是白色空间的意义,留下较少的白色,布局的活泼,快乐的气氛;留下更多的白色,将为布局增添“呼吸”,即宽敞,舒适。

3.留白呈现的空间感

当设计元素很少时,如果元素被放大并放置在页面的中心,则顶部,底部,左侧和右侧的白色区域相等,则页面看起来非常令人满意。如下图所示,左。

但是,如果将元素稍微移动到角落并增加其他区域的空白区域,则会使布局更加空间化。如下图所示。

%5C

4.留白设计的基本技巧

消隐的基本操作是:左,右,顶部和底部对齐,而不是常规的中心对齐。

中心对齐不适合的原因是因为如果主要元素从一开始就放置在页面的中心,则相等的消隐难以呈现空间感,并且其他元素的排列也受到限制,并且很难改变安排的风格。

但是如果主要元素放置在角落中,则可以使用剩余空间来促进各种布局的布局。如上图所示。

二、留白的意义

1.突出主题

白色空间的目的是使主题更加突出,空白的空白比例也大不相同。

%5C

从这两幅图中可以看出,白色空间是主题的主题。剩下的白色空间越多,被摄体被观看的概率就越高。留空时不要太贪心,否则图片会混淆,主题会很模糊。适当的空白可用于更好地表达主题。

2.简化画面

%5C

白色空间的本义是使图像简单,使图像舒适简单,简单而不空白。

3.增强品质感

在产品的设计中,适当的白色空间将使画面时尚。白色空间改善了人们的视觉范畴,适当的白色空间将使产品看起来更高端。

%5C

以上是UI设计中空白设计的含义和美学价值,希望能帮助您学习UI设计!