当前位置:首页 >  站长 >  网站运营 >  正文

巧妙利用布局和排版迅速提升网站颜值

 2017-11-20 14:43  来源: A5企业专栏   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

网站内容是吸引新客户、维护老顾客、提升用户转化率的关键所在。不少站长都熟练地掌握了这一策略,在网站中创建高质量且易于加工、理解的内容。但除了内容作为信息本身极其重要以外,还有一项对网站信息传递、用户浏览体验十分重要的因素,那就是网页排版。事实上,网站内容会因字体类型或排版形式的变化而有所改变,合理的网页排版不仅能够突出网站的重点内容,提高内容的可读性,还能保证网站的协调一致,让用户在浏览上更加轻松方便。打个比方来说,如果网页内容是钻石戒指,合理的排版就是珠宝盒,是信息的载体,能将信息以恰当、有效的方式展现出来。既然网页排版如此重要,今天小飞就带大家一起看看什么是网页排版,网页排版有哪些好处以及怎样做好网站排版(以文字排版为主)。快来一起来看看吧!

什么是网页排版?

网页排版就是将网页上各种元素如文字、图片、图形等可视化信息元素调整位置、大小,使布局清晰明了。排版通常被称为一种艺术,这是因为它与设计师的创造力息息相关。排版还可以服务于多种目的:强调网站的主题、定义个性化品质、表达某种情感、引发访客的兴趣、呈现整体的设计美感等。它是网站内容和布局的集合处,旨在信息和形式之间探索最佳的平衡点,是每个网站设计中都必不可少的组成部分。

为什么说一个好的网页排版十分重要呢?

1. 强调网站的视觉效果

视觉信息的重要性,小飞在前面不少文章中都已经谈过了。访客在登入网站的第一时间就受各种视觉信息的影响,会对网站形成一个基本的认识,这背后有很多心理学知识可以作为支撑,小飞今天就不一一介绍了。这些视觉信息还会奠定网站的整个基调。而网站的排版涉及到字体、颜色、布局等多个不同的元素,对视觉效果会产生很大的影响。比如我们可以使用粗体、下划线等突出某行文字,使用强烈对比的颜色突出重点内容,让网站在内容的展现上更有层次感。这样一来,访客甚至不用仔细研究文本或浏览图片就能获取一些信息,也更易获得用户的好感。

2. 提高网站的可读性

网站排版很重要的一点就在于文字的排版。访客浏览网站的目的就是获取想要的信息,如果网站在可读性方面有所欠缺的话,这是任何其他优势都难以补救的。在文字较多的情况下,文字的间距以及每行文字的长度都应该有一个严格的要求。小飞相信大家都是喜欢浏览清晰的文字的吧!文字间距太小、段落间距不明显,再有含金量的内容看上也只是密密麻麻的文字墙,再有趣的内容也难以引起访客的兴趣。除此以外,字体大小,布局和颜色的微小调整有助于强调信息的要点,将最重要的内容展示给访客,进一步提高了网站内容的可读性和可用性。

3. 保持网站的一致性

从某种程度上来说,网页排版就像胶水,它能将网站中各种不同的元素牢牢的"黏"在一起。访客通常希望看到整齐划一、协调一致的网站。当然这并不意味着网站需要看上去很大众化,而是指网站上的各种元素彼此之间可以很好的协调,从标题、导航菜单、文本到图片、页脚,再到行为引导按钮。排版就可以做到这一点,我们可以在网站中使用相同的配色方案和字距行距等,让不同元素相呼应、相得映彰。此外,搜索引擎也更加偏爱有序整齐的内容,网站的一致性更加方便搜索引擎快速的进行读取。还有,网站上各种元素协调一致,用户在寻找想要的信息的时候也会更有头绪,不至于晕头转向,有利于提升用户转化率。虽然网页排版可以维持网站的一致性,它同样也能暴露网站的不协调,这就要考验大家的实际运用了。

怎样做好网页排版?

合理的网页排版往往既能突出内容重点,又能传递较为全面的内容,在保证信息传递的过程中避免过重的阅读负担,提供极佳的视觉体验以及内容的可读性和可用性。而做好网页排版需要我们合理设置文字的颜色、大小,让图片与文字更协调,导航图标与文字恰当嵌入等。说到底,文字排版是重中之重,合理的网页排版要求设计师融会贯通的使用文字排版。所以接下来小飞就重点介绍一下文字排版中需要注意的一些元素:

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

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

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

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

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

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

2. 调整行长和行距

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

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

3. 适当留白

留白的好处小飞在《少即是多 - 怎样在响应式网站中运用"留白"艺术?》有进行过详细介绍,大家感兴趣可以去看一下。在排版中,我们也要使用留白,事实上前面的字间距、行间距、段间距都是留白的几种表现形式。除了这些以外,网站的不同区块、图片等之间也要留下充足的空间,让访客在获取、加工这些信息时更加容易。

做好网站的排版并不简单,它涉及到方方面面的元素,需要花费很多时间和精力。新的字体和排版趋势每天都在不断更新,当前有效的布局和主题某一天可能就会过时。不过不用担心,快来起飞页自助建站平台做一个响应式网站吧!起飞页自助建站平台()提供了众多经典的模板,网页排版十分精美。另外,起飞页也一直在关注网页排版的最新趋势,会不断根据最新潮流推出新颖实用的模板,快来尝试一下吧!还有,虽然网页字体、排版布局版式变更很快,但如果你找到了一款非常适合的字体和排版类型,记得使用一段时间,看看效果,不要盲目追逐潮流。

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
起飞页建站

相关文章

  • 响应式网站中优化用户体验的7个关键点

    随着移动设备的不断兴起,响应式设计越来越受到大众的喜爱,站长们在搭建网站时也更加倾向于选择响应式网站。不过,大多数站长们都认为既然响应式网站可智能根据设备屏幕大小呈现不同的展示效果,那就不用再对移动端的网站进行手动调整了。其实这种看法是片面的,响应式网站虽然自身具备一定的特质,但有时PC端网站和移动

  • 盘点2017年最受欢迎的10个商城范例:我们从中可以得到哪些启示?

    在电商和线上购物快速发展的今天,拥有一个商城网站很是必要,关于试水独立商城的好处大家可以浏览《有了淘宝京东,为什么还要自建商城网站?》查看。但是,搭建商城网站并不简单,庆幸的是目前市面上涌现了不少建站平台,起飞页自助建站平台就是其中一个,各位商家可以借助起飞页轻松搭建出一个好看、实用的商城网站。不过

    标签:
    起飞页建站
  • 让首页背景动起来是怎样一种感觉?8张图告诉你真相!

    现在越来越多的设计师开始在网页中使用循环视频作为背景,这种现象的出现主要有两个原因。一方面,移动设备性能不断完善,网速越来越快,用户能够且有条件在移动设备上浏览视频背景的网站;另一方面,随着HTML5技术的发展,很多主流浏览器的视频标签都支持循环(Loop)属性,网页上单个或一系列视频短片的循环播放

    标签:
    起飞页建站
  • 缺乏灵感?给你8个值得每天学习的顶尖设计网站

    网站设计是一种艺术,它离不开灵感和创意。但灵感与创意的涌现是需要碰撞、需要时机的,大多数设计师都不可能每时每刻都灵感爆棚。当您缺乏设计灵感时,不妨看一看下面这些网站,它们都收录了丰富的素材,都有许多独立设计师上传的优质作品,没准这些设计就能让你眼前一亮,获得一些想法或启发。赶紧和小飞一起看看这8个值

    标签:
    起飞页建站
  • 目前为止用户体验度最好的表单:浮动标签式的表单

    在当今这个互联网时代,填写表单对用户来说就是家常便饭,在网站进行注册登录时、在网上购物时,都免不了填写表单这一环。表单是网页设计中重要的组成部分之一,在获取用户信息方面发挥着不可或缺的作用,它是用户和网站的一种互动形式,这种形式的互动越顺畅,网站的用户转化率就越高。这也是为什么许多站长们一直在研究如

热门排行

信息推荐