留白 – 设计之家

美的最高境界！28款留白字体设计

sj33cn — Thu, 10 Sep 2020 14:41:09 +0000

sj33cn — Wed, 25 Mar 2020 07:15:31 +0000

留白是指在画面中留下相应的空白，其追求的是一种“此处无物胜有物”的意境，追求的是一种精神境界。格调是一种审美形态，是对艺术品内涵的外部折射，其定位有助于提高艺术作品的品味。通过设计形式、色彩两方面的研究，将留白的应用定格为表现平面设计内涵，有助于提升设计作品的品味。

sj33cn — Sun, 06 Oct 2019 18:32:51 +0000

版式设计作为视觉传达的手段，不但要向观者传递信息，更要营造一种氛围，使观者能够融入其中，感同身受，同时还要留出一定的空间，使观者在阅读、观看之时能进行思考与回味，而这种氛围、空间则需要通过留白来实现。

从某种角度上说，留白是一种艺术。在平面设计中，内容太多或者太少都会导致版面整体上缺乏美感。其实，留白如同省略号一样，能够给人们带来更多的想象空间。作为平面设计的一部分，留白是形象的延续。只有充分发挥留白的作用，体现其内在价值，才能在突出主题、提升内容美感的同时，给观者创造一个较为轻松、愉快的氛围。

sj33cn — Wed, 03 May 2017 12:49:36 +0000

sj33cn — Thu, 28 May 2015 13:47:15 +0000

留白是艺术设计中需要遵循的重要视觉准则之一。网页设计中留白使元素之间保持距离，拥有呼吸的空间。下面放几招留白要点。

一些人可能认为页面上的空白越少越好，为了放尽可能多的文字，图片等信息，或者为了缩小整体版面。其实不然，页面上元素越多越容易混乱，让人找不到正确的阅读顺序（视觉流线）。所以页面需要充分的留白，当然过多留白也不好，需要找到一个平衡点。

一般来讲留白过多比留白过少要好一些。所以设计时多调整，看哪一种比较舒服。

不同的留白可以区分不同的版块以及同一版块的不同层次。留白能够增加或者降低元素的易见性。元素周围留白越多，显得越醒目突出。

Michael Wong网站的“About”页面，焦点就是标题文本“Hi there”。因为它的字号最大，周边留白最多，所以第一眼看到的就是它。

导航条上的几个引导文本也很突出，虽然字号不大，但是文本间隙比较大，文本和背景颜色设置也对比明显。

再来看Tuts+ Network网站。它的首页文本字号有的极大，有的极小，层次对比鲜明。

标题字号要最大，标题下的文本要紧跟着标题以示与标题有关联。段落要有段间距，否则文本显得冗长难读。页面底部要适当留白。

GOOD Magazine网站对字号和文字留白的使用很赞。因为它是以文章为主的网站，所以其文本很突出，字体不是一般的大，文本的行间距也够大，文本色与背景色对比鲜明。

Inky网站的首页文本层次运用也很出色。标题文字都够大，然而往下拉发现有些段落文本字号很小，似乎影响影响了文本阅读，其实加强了文本块与块之间的区分，增强了各区块的整体性。当然这是基于这些文本属于不那么重要的辅助性信息。

做出一个平衡的布局需要敏锐的眼光。

如Si Digital网站，其标题，底部和中间文本区域的具体留白方法都不一样。但总的来说字体很相似，每个区域四周都有充分的留白，显得宽敞开放。

Checkout App网站也类似。每个区块用空白区分的很开，看起来比较宽松舒适。

空白运用得当时，网页布局均衡，人通常不会注意到留白的存在，而空白运用不当时，页面布局就会给人感觉不均衡，就需要调整了。

可以把留白当做睡眠和空气，两者是生活不可或缺的元素。没必要把留白当做必须遵守的规则，不如把它做可爱的设计帮手。

原文：应酷