【广州微勤网络科技有限公司】主营:网站建设|网页设计|网站推广优化|APP开发|微信公众平台制作|小程序开发|H5网站 关于微勤网络 | 联系我们 | 15013057453
当前位置:首页 » 新闻资讯 » 【广州做网站】如何做好网页的排版布局

【广州做网站】如何做好网页的排版布局

发表:2019-11-06 | 阅读:373 | 作者:微勤广州网站建设

网页的排版布局看似简单,其实是非常重要的,合理的网页排版往往既能突出内容重点,又能传递较为全面的内容,在保证信息传递的过程中避免过重的阅读负担,提供极佳的视觉体验以及内容的可读性和可用性。一个好的网站是需要综合考虑到网页的合理排版布局的,需要我们合理设置字体颜色、大小,图文搭配等。

今天微勤广州网站建设就来说一下网页的排版布局应该怎么做

1、 选择合适的字体、字型

选择合适的字体很重要,不同的字体往往代表着不一样的性格,对网站的呈现也会产生很大的影响,影响网站独特形象的树立,网站中也不要一次性使用过多的字体。字体(typeface),字体就是文本的文字样式,它是一个比较笼统的概念,比如宋体、黑体等;而字型(font)更加具体,它是字体的一个子集。在网站中,我们经常需要设置的就是字体,包括它的大小(字号)、字重(加粗、常规等)和字体样式。5号加粗的微软雅黑就是一种字型,小四倾斜的华文宋体也是同理。有些人常常需要花几个小时、几周或几个月来挑选一款合适的字体,但仍然不确定哪款最合适。网页中常用的字体可以分为以下4类:

(1)、衬线字体(serif)

是指在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。这种字体比较容易识别,因为它强调了每个字母笔画的开始和结束,可读性比较高,在长段落或者整文中比较适合使用。衬线字体的栗子包括Times,Cambiria等,而中文中最标准的衬线字体就是宋体,衬线的特征非常明显,字形结构也和手写的楷书一致。

(2)、无衬线字体(sans serif)

这种字体没有那些额外的装饰,而且笔画的粗细都差不多。这种字体比较醒目,往往被用在标题、较短的文字段落。相对严肃正经的衬线字体,无衬线字体更能给人一种轻松自在的感觉。现在人们也越来越趋向于使用无衬线字体,可能是因为它们看上更简洁,更有极简主义的风范。Verdana、Arial和雅黑字体都是常用的无衬线字体。

(3)、脚本字体(Script)

脚本字体大多是装饰性质的。因其美观大方而受到不少设计师的欢迎,它们最常出现在婚礼请柬、证书等文件上。在网站中使用脚本字体可以增添独特的艺术美感,不过在使用时记住尽量给它们留下足够的空间、便于它们更好的发挥。

(4)、手写字体

顾名思义,手写字体即是模拟人写作的笔迹,它可以非常正式,也能十分随意。这种字体可能最能代表公司网站别具一格的独特魅力,展现个性化色彩。相对于其他字体,它最大的优势也在于这种字体有着其他类别都不具备的人的元素。

2、调整行长和行距

行长,是指单行文字的长度。如果一行文字太长,访客很难注意到该段落的起点和终点,阅读起来比较困难;而一行文字过短,访客在浏览时需要不停的来回扫视,这也会破会阅读的节奏。所以每一行文字的字数应该合理安排,提高网站的可读性。中文在14号字体时,建议35—45个文字。

行距,顾名思义,行与行的间距。行距对网站的易读性也有很大的影响。过宽的行距会让内容失去延续性,而太窄的行距又会易使访客跳行、出现阅读障碍。除此以外,我们还可以通过调整行距展现独特的版式效果,宽一点的行距更显轻松、随意,宽窄行距并存也能增加网站内容的层次感。行距通常随字体的改变而变化,行间距稍稍大于字体的大小(如果使用了10号字体,,那么默认的间距是12号)。这种默认的设置一般看上去很拥挤,你可以考虑增加间距提高可读性,不过也要记住不能增加太多,把握适度原则。

3、 适当留白

在排版中,我们也要使用留白,事实上前面的字间距、行间距、段间距都是留白的几种表现形式。除了这些以外,网站的不同区块、图片等之间也要留下充足的空间,让访客在获取、加工这些信息时更加容易。

合理的排版布局需要我们花费时间和精力去做,它不是简简单单的一件事情,只要根据以上的方法来做,大部分网页都可以做到合理的排版布局,可以增加用户体验,试想一个杂乱无章的网页有谁愿意看呢?因此为了提升用户体验,也为了能获取更多的客户,我们应该做好网页的排版布局。

如没特殊注明,文章均为广州网站建设公司微勤网络原创,转载请注明来自http://www.gzweiqin.com

咨询热线:
15013057453
在线客服:
客服一
客服二

官方微信站:
公司官网: www.gzweiqin.com