1. 首页
  2. 设计网站
  3. 正文

网站文字多到炸 版面排不下 怎么办?

  什么时候,我们会滔滔不绝?

  大致有两种情况。

  一种是:我们需要说服别人,滔滔不绝,让对方没有思考的时间和空间,给其灌输我们的观点和理念。

  还有一种情况:我们介绍的东西或者观点,的确很是复杂,一两句话说不清楚,需要大段的语言。

  做网站,其实与此类似。

  “文字多到炸”的网站类型所见

  哪些企业的网站“文字多到炸”呢?

  根据我们的建站经验,以及如上的逻辑分析,“文字多到炸”的企业网站也就两类。

  一类就是行销型网。这类企业包括招商的、获客的、促销的,等等,它们试图对访客进行“劝说”,需要大量的文字。其实,也不限于网站,还包括H5页面、单页等等。

  还有一类就是“前卫网站”,如产品前卫,科技产品、虚拟产品、智能产品、信息产品等等;如模式前卫,分销模式、直销模式、加盟模式等等。通过大段的文字,将用户不熟悉的产品和模式,解释清楚。

  “文字多到炸”的网站文字排版方法

  页边距法。

  文字太多,还要实现排的下,这就需要拥有更大的版面。可以通过缩小页边距的办法,扩大版面,安排进更多的文字。

  网格法。

  给整个版面设计网格,将文字放入不同的网格。网格之间留出适当的空白。网格的办法,不仅可以增加文字的数量,而且让版面看不起不是太过拥挤。

  缩进法。

  不同版块文字,设置不同的缩进,可以让整个版面看起来更富有层次。

  留白法。

  仅仅将文字放入版面,这很简单,但是还要关注用户的阅读体验,就需要进行一定的留白。包括图片与文字之间、文字段落之间的留白。

  大小法。

  将重点文字放大的同时,也可以将一些注释、解释、说明等文字缩小,一大一小,看似对版面空间的占用未变,但是更富层次感。

  颜色法。

  借助颜色,也可以让不同文字形成层次感。但是,需要注意,一个版面,使用的颜色不宜过多。

  分栏法。

  内容太多, 可以将内容拆分为栏,栏与栏之间留出足够的空白,这样阅读起来不会太累。

  图文法。

  就是在文字中插入一定数量的图片,因为读图比读文字要轻松,可以起到放松的作用。

  展开法。

  在页面中设置“展开”的按钮或者UI,可以让用户选择,是否需要阅读大量的内容。

  如上,就是我们在设计网站的时候,遇到需要大量排版的内容,常采用的几种设计思路,可供网页设计师参考。

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/1413.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();