魔扣论坛

魔扣源码论坛业务
查看: 113|回复: 1

网页文字排版设计技巧分享 要的就是精彩!

[复制链接]
  • TA的每日心情

    12 小时前
  • 签到天数: 2951 天

    [LV.Master]开坛老将

    7万

    主题

    227

    回帖

    27万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    745583
    贡献
    157867
    威望
    32799

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2018-1-3 23:02:00 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
    排版设计
                    说到排版,这是个大学问。网站上每一个元素都能影响浏览,排版设计的好坏绝对能考验一个设计师的基本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要分享网站主题部分文字的排版,后期我们还会在不同系列文章中根据重点地穿插介绍排版技巧。
    文字的排版需要考虑文字辨识度和页面易读性,本文就从最佳易读性规范和CRAP设计四原则的角度与大家分享怎样在网页中做出精彩的文字排版。
    先想想,你觉得好的文字排版是什么样的?

    在我们看来,好排版一定有着比较棒的阅读性,文字内容在视觉上是平衡和连贯的,并且有整体的空间感。
    布局、内容摆放和栏目设计都会影响文字的阅读性。从易读性来看,需要设计师考虑字体、字号、行距、间距、背景色与文字颜色对比等。
    我们在前面文章中已经重点介绍了字体和字号,以下最佳易读性规范则介绍行距和间距,分享适宜的行宽和行高,帮助浏览者保持阅读节奏,让读者拥有更好的阅读体验。
    一、最佳易读性规范
    1.行宽
    我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。
    因此我们可以让内容区的每一行承载合适的字数,来提高易读性。
    传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。

    2.间距
    行距是影响易读性非常重要的因素,过宽的行距会会让文字失去延续性,影响阅读;而行距过窄,则容易出现跳行。

    网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。
    比如12号字体,行间距是12px—18px,段落间距则是18px—24px。
    另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。
    比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。

    3.行对齐
    排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。
    不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。
    通常情况下,建议在页面上只是用一种文本对齐,尽量避免两端对齐。
            相关阅读
    网站推广有哪些技巧,保证网站收录
      网站推广有哪些技巧么,网站刚建设完后,接下来就是最重要的网站推广,但网站推广不一朝一夕就能做好的,那么要提高网站的访问量和知
    哪些网络推广必须要掌握的技巧,你的网站就岌岌可危了!
      如果不掌握这些推广方式,你的网站就岌岌可危了!网站需要推广,网站得到推广,就会增加你的网站的曝光率,这样你的网站就会有获得大
    有效的提升网络推广的六大小技巧!
      网络推广的方式多种多样,但是它们想要达到的效果是一样的。网络建设推广中其实有很多的技巧,这些技巧可以帮助我们更有效的进行
    通过网络推广引流的七大技巧
      网络推广便是运用互联网进行宣传推广活动。被推广方针可所以公司、产品、政府以及自己等等。依据有关数据闪现2009查询中国93
    网络推广技巧如何掌握,网络推广步骤
      很多企业认为将网站建设完成之后就完事大吉了,其实并不然。如果想要网站的价值好,使用正确的方法合理的去进行网站优化是很重要

    该用户从未签到

    2

    主题

    243

    回帖

    489

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    244
    贡献
    244
    威望
    0
    发表于 2020-9-18 11:59:39 来自手机 | 显示全部楼层
    占坑编辑ing
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表