武汉网站建设-衍艺网络品牌设计中心

首页 > 新闻观点 > 如何恰当地在网页设计中使用空白?
date: 2010/8/25       Read:627

如何恰当地在网页设计中使用空白?

文章内容:

前面我们介绍了为什么在网页设计中使用空白,这里我们再告诉大家如何恰当地在网页设计中使用空白?

 

首先网站设计师要从概念上接受空白!只有接受空白才会开始去使用它。不要将太多内容放在一个页面上,在各个设计元素之间留出空白。

 

    所有的设计都应该有一个目的性,网页设计的目的是为了更清晰有效地传递信息。过多的信息,拥挤的页面很明显不利于信息的传递。适当添加空白可以方便读者找到与某个信息相关的其他信息,也可以突出网站的重点内容。空白是网页设计,甚至是其他设计都必须的一个设计元素。

 

接着我们就是在网站建设的时候善用各种可以创造空白的标签元素。善用Margin(间隔)和Padding(填充)等网站设计标签,在编写CSS时,很多时候都是通过marginpadding等标签来为各个元素之间创造空白。对一些div,如headerfooter等部分使用一些padding,以免这些部分内部过于拥挤。而对于不同设计元素之间,则要同时使用margin,利用空白将各个设计元素区分出来。

 

我们自己来对比一下下列的图片,那个网页更容易阅读一些?

 

网站建设的样图

 

此外,行高(line-height)是另一个重要的css排版属性。很多人会使用默认值,但是根据自己的需要来设置它,会给页面更多呼吸的空间。

 

一般而言,我倾向于使用1.5倍的间距。假如你的文字大小是12px,那么行高就设置为18px。你可以尝试输入几个不同的数值,对比一下,看哪些行高更适合你的网页设计。

 

使用标题时要注意,标题和自身文字的间距要比标题和其他设计元素的间距要小,这点也同样符合我们之前涉及到的相似准则。

 

衍艺武汉网站建设公司专注于高端的武汉网站建设服务,不仅有着精美的界面设计,同时我们还会考虑到用户的体验,铸就真正的艺术美观与体验相结合的高端网站。

 

相关新闻

高端网站建设 衍艺网络品牌设计中心