留白空间是指布局中没有元素排列的留白区域。这一期我们说的留白不是指某个特定风格的设计,而是指任何设计中都存在的留白细节,从页面中央到字与字之间的空间。正是这些不起眼的细节决定了设计的质量。只要认真掌握这些基本原则,就能做出完全不同的优秀的网站布局。
网站设计中留白的作用有哪些:
1.区分和链接。相等的留白可以将元素连接在一起,并传达统一和稳定的感觉。通过控制留白空间的大小,可以区分不相关的元素。
.突出,通过改变元素的位置,强调了大面积留白放置的元素,即使不需要放大也会特别醒目。周围大面积留白让焦点更加突出,从而提高元素的辨识度。
大到字与字之间的距离,小到整个版面的大小,大到版面的中心。控制好各个部分的留白是版面设计中非常重要的一环。在这里,我们将依次说明留白在不同情况下的应用和注意事项。
文本的留白空间:
汉字设计在虚拟框中,字库中字体的间距按照常规文本字体大小设置。当我们缩小字符的尺寸时,会出现与上述方框相同的情况,字符被粘在一起。这时候我们需要增加字符之间的留白,放大字符也是一样,所以需要减少字符之间的留白。
拉丁字母不同于汉字,字体的文字宽度不等。并对比默认的字符间距和软件自带的视觉间距(这里为了不被字义干扰,我们镜像了字体)。两种设置都不是特别理想。
无论元素如何放大或缩小,人眼能识别的最小比例都不会改变。比如方块之间的距离在大尺度的情况下不会出现任何问题。当等比例缩小时,方块几乎粘在一起。在这种情况下,我们需要重新调整方块之间的距离。
默认的单词间距需要考虑到不同字母的搭配,对于有特定单词组合的单词,我们可以更精确地调整单词之间的空格。诀窍在于视觉平衡。
留白在版面设计的各个方面都起着重要的作用。这一期,我们学习了留白的作用和注意事项,从字间距的设置到整个版面的编排,学习了留白的细节。相信大家已经掌握了比例和留白的关系,可以用在以后的设计中。