作为 WooCommerce 独立站网页设计师我们知道如何利用图片大小来使我们的设计布局更和谐、更明确。在这方面, 本文将为大家分享在设计中一些看不见的力量。我们将了解如何微妙使用 “白色空间” 或 “负空间”，来使您的设计有效地与观者沟通。
您的 “资料/墨水” 比率
越谨慎使用空格, 您的 “资料/墨水比” 就越高。多少信息的函式是被每一滴墨水或转达了移动和网络设计的每一个画素。左边比右边有一个更高的资料/墨水。图真的需要填写 “墨水” 吗? 不, 它是很好沟通点和线。我们学习了关于元素的对齐方式意味著这些元素之间的关系。同样重要的, 是如何关闭这些元素。
这只是一个简单的正方形网格, 像瓷砖地板上。但是如果您创造更广泛的水平间距垂直行广场, 现在您有一系列的列。所以, 当资料在上面的图中有剧烈的变化, 心里可能想要连线的点错了顺序, 仅仅因为一个点接近另一个。
使用空白的清洁布局
设计师倾向于使用网格布局来帮助组织信息，网格帮助对齐元素，这是一个基本的布局, 设计在一个网格。左边是您的导航, 和更大的区域主要内容。这种布局是不错, 但是注意, 导航和之间的空白列之间的空白文字主要内容区域内都是相同的。现在有一个更清晰的描述之间的导航和主要内容, 以及所有我们要做的就是新增一个空格。
使用空白的清洁排版
在前一篇文章中, 我们学到了如何分级的众多因素之一, 可用于建立排版的层次结构。空白可以帮助组织您的排版。例如, 看看这头, 后设资料和内文。他们彼此和谐的大小关系, 由于这样的事实, 他们的大小是选择从不同的规模, 但是, 他们看起来很邋遢! 问题是, 这些元素之间的负空间还没有考虑。
通过思考如何塑造您的布局和空白、您的设计看起来更清洁和更清晰, 更可用, 并将更好。在 WordPress 外贸独立站网站建设中运用以上两条就可以帮您完成一个很好的 WooCommerce 独立站网页设计。