1. 11.5 留白表示关系

界面上最关键的元素之一是元素间的留白。“留白”的意思是:一个界面与另一个界面之间的空间,元素可以是按钮、导航条、文章正文、标题或者其他。通过调整留白可以表示特定元素间或者元素组间的关系。

例如,把标题放在接近文章正文的地方,表示该标题与文字相关。要是文字被放到距其他元素很远的地方,就更具有可读性。下面是留白需要改进的例子。

figure_0117_0084

这些文字看起来不错,而且应该可读。但是,由于每个标题上下的留白都差不多,因此每个文本段没有明确分开。该内容可以稍作改善,略微增大各个段落间的留白,同时略微减小段落内的行高。

figure_0117_0085

这样就有了更清晰限定的区域。访客可以轻易地分辨标题和正文,也可以清楚地区分各个章节。优秀的设计师通常会从远处斜视或扫一下网页,这样就可以看出元素块留白后的效果。如果无法清晰看到这些组,可能就需要调整留白了。

Copyright & copy 7dtime.com 2014-2018 all right reserved,powered by Gitbook该文件修订时间: 2018-06-23 10:10:34

results matching ""

    No results matching ""