济南网页设计师都应该懂的做网站留白技巧发布时间:2017年12月21日 作者:济南网站建设 来源:济南做网站 上一篇 返回 下一篇

    空白是一个空的空间和周围物体之间的一个页面。在图形用户界面元素的空白:填充、周围的空间图像和图形对象、行间距和字母间距在文本内容。虽然有些人可能会考虑空格浪费宝贵的屏幕空间,这是一个至关重要的元素在设计中。事实上,空格是和内容一样重要的。

    空白区域是被视为一个活跃的元素,而不是一个被动的背景

    好的用户界面的空白值合并到所有页面元素从上到下。页面上的空格可以一样重要的UI元素占用的空间,因为文本、按钮、商标和其他对象需要空间去呼吸。

    1。提高文本可读性

    通过减少文本访问者一次性查看的数量,空白可以使阅读变得更加容易。缺少空白(凌乱的页面)不会让用户想要阅读内容。另一方面,正确使用的空白已经被证明增加了20%的文本理解。

    在优化文本内容时要注意的两个重要事项是段落边缘和行间距(文本中每行之间的空格)。后者可以大大提高正文的易读性。一般来说,间距越大,用户在阅读时就会有更好的体验(尽管过多的行间距会使线路断开)。

    2。明确的关系

整个布局是由它的部分组成,而内容关系是由周围的空白定义的。邻近的定律表明,靠近彼此的物体看起来是相似的。在这种情况下,空格充当视觉提示。

    通过减少它们之间的空间并增加它们与页面上其他元素之间的空间,可以将项目组合在一起。

对于用户界面,这意味着近距离的对象将作为一个“单元”出现。例如,在web表单的上下文中,将标签放置在相关字段附近以创建对象是一个好主意。当标签被放置在靠近字段的地方,这使得用户之间的关系更加清晰。

    3 .产品吸引注意力

    设计师可以用空白来传达最重要的信息。距离和注意力之间有一种关系;大距离部队的注意力。缺乏其他元素只会使现有元素更加突出。你可以利用空白来获取你的优势——在某些页面元素上画出游离的眼睛。由于屏幕上没有其他东西可以吸引注意力,所以在特定的内容片段周围额外的填充会迫使用户注意到该区域。因此,一个物体周围的空白越多,眼睛就越容易被吸引。

    4 .产品创建视觉层次结构

当使用适当的空格时,它允许页面创建一般的流和平衡,这反过来有助于传达设计的意图。空格可以支持整个层次结构。它产生对称或不对称。     结论

    空白不是浪费的空间,它是一个强大的设计工具。它可以与图像、文本或其他用户界面对象占用的空间一样重要,因为即使是空的空间也能达到目的,并支持布局的视觉完整性。

    虽然这似乎是一个简单的主题,但是空白空间是很难掌握的,因为空白的应用是艺术和科学。真正了解应该使用多少空白来创建良好的布局需要实践。


标签:
分享到 分享到微信 分享到新浪微博 分享到QQ空间 分享到腾讯微博
相关阅读
Copyright © 2013.济南远畅科技 All rights reserved. 地址:山东省济南市天桥区堤口路名泉春晓1-1-803 电话:0531-58762510