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