公司动态 · 行业动态 · 技术交流

新闻中心

网站设计中的网站留白细节——南京爱恒网

发布时间:2022-10-10 浏览:320次

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