Chelme / / #ux

设计里如何做留白

在页面设计排版的时候,往往离不开留白。在极简主义风格是主流的今天,「少即是多」是设计师奉为圭臬的准则。从设计师角度而言,美依赖于一些精心选择的结构性元素,而不是依赖于装饰的堆砌和点缀。这样的设计中,留白极为重要。

封面

在页面设计排版的时候,往往离不开留白。在极简主义风格是主流的今天,「少即是多」是设计师奉为圭臬的准则。从设计师角度而言,美依赖于一些精心选择的结构性元素,而不是依赖于装饰的堆砌和点缀。这样的设计中,留白极为重要。

所谓留白,即是「负空间」,并不一定是白色的,它可以是任何颜色、纹理、图案、甚至背景图片,是设计或页面布局元素之间和周围的空白空间。

留白分两种:

正确使用留白能够为整个设计带来平衡感。对于文本内容,易读性的高低和小留白的控制有着密切关联,影响着内容呈现,处理恰当的留白能够实现以下内容:

那么,如何做好留白呢?

控制页面元素

拥挤的网站很难阅读,太复杂的页面会让用户感到不舒服。所以尽量在页面中精简元素,在这里不得不提Apple这个经典的案例。虽然他们不是先驱,但是Apple将这一技巧的运用在自家的产品设计和网站设计上,体现的淋漓尽致。页面的每个部分都有清晰的视觉焦点,主次分明,用户永远不会在这里迷失和分心。

Apple https://www.apple.com/iphone/

优先考虑易读性和可读性

要注意文本间距。行距可以大大提高文本的可读性。一般来说,行间距越大,用户阅读时的阅读体验就越好,但是太大会破坏统一性并使设计断开。所以要找到完美的平衡。

打破空间

使用不同的颜色,不同字体大小来创造不对称的空白空间。在纯白的背景下,元素被更清晰的勾勒出来。

用作视觉分割线

更简单的页面,用元素和间距来划分,而不是线条。更少的线条和分隔线能让界面更干净,现代,实用。大块的空白可以使一些最麻烦的界面看起来很具吸引力和简单。

参考文章