字体的大小、粗细和字距行距

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

网页中文字大小、粗细和字距行距对整个网页设计来说也是至关重要的,不同的选择会有不同的效果,下面我们将逐一进行分析。
一、文字的大小
文字大小决定网页形象,文字标题的大小控制了网页的形象。放大标题会给人有力、活跃、自信的印象;缩小则表现出纤细和缜密的印象。另外,文字大小的对比也会左右印象。标题文字的大小与正文之比叫做跳动率。跳动率越大,画面越活跃;反之越稳重。
文字的大小可以用不同的方式来计算,例如磅或像素。因为网页文字要通过显示器显示,所以建议采用像素为单位。较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。需要注意的是,小字号容易产生整体感和精致感,但可读性较差。一般情况下,网页正文可以使用12~16像素大小的文字。
将标题的文字变大,粗细效果会加倍。例如,大而粗的文字最有精神,大而细的文字都能使印象最强。另一方面,将文字变小,粗细效果会减弱。虽然细而小的文字有优美的感觉,但使用细而大的文字,效果会更加明显。总之,文字越大,越能强化粗细的印象。
二、文字的粗细
网页设计者可以用字体更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。粗体字强壮有力,有男性的特点,适合机械、建筑业等内容;细体字高雅细致有女性特点,更适合服装、化妆品、食品等行业的内容。在同一页面中,字体种类少,界面雅致,有稳定感;字体种类多,则界面活跃,丰富多彩。关键是如何根据页面内容来掌握这个比例关系。
1、字体粗细特征
字体细显得优美,粗则显得有力。将标题文字变细,就会显得十分优美。宋体也好、黑体也罢,哪一种字体变细都会产生优美的意味。将文字变粗,效果增强,粗字则传递了强而有力的印象。
2、粗字宜用作标题
网页新闻的大标题要用粗字体来表示,如果用细字,看起来就像无聊的、没有什么价值的新闻。粗字热情而细字冷静,因此热门新闻与细字不相称。粗字给人有精神、有力量的印象,最适合于强调喜剧性信息与富有活力感的网页。
3、正文不宜粗细变化
粗细效果对于正文中的小字是一样的,但故意运用粗细变化,就会造成可读性的降低。调整字体粗细要把握好度。特别应注意的是,主页的设计未必能够同制作者所指定的设计完全相同,考虑到这个差距的存在性,还在使用标准式样比较稳妥。
三、字距和行距
字距与行距的处理能直接体现设计作品的风格与品位,也能够影响读者的视觉和心理感受。现代网页设计比较流行把标题文字字距拉开或变窄的排列方式,以体现轻松、舒展、娱乐或抒情的版面,也常通过压扁文字或加宽行距来体现。此外,运用字距与行距的宽窄同时作综合变化,这样能够给作品版式增加空间层次和弹性。字距与行距变化不是绝对的,关键是要根据设计的主题内容和设计需要进行灵活处理。
行距的变化也会对文本的可读性产生很大影响。一般情况下,接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12,即用字10点,则行距12点。适当的行距会形成一条明显的水平空白条,以引导浏览者的目光,而行距过宽则会使一行文字失去较好的延续性。
除了对可读性的影响外,行距本身也是具有很强表现力的设计语言,为了加强界面的装饰效果,可以有意识地加宽或缩窄行距,体现独特的审美意趣,但要注意行距一般不超过字高的200%。加宽行距可以体现轻松、舒展的情绪,应用于娱乐性、抒情性的内容恰如其分。另外,通过精心安排,使宽、窄行距并存,可增强界面的空间层次与弹性,表现出独到的匠心。

来源:站900

您的赞赏,是对我创作的最大鼓励。

评论( 3

登录后参与评论
  1. 其实内容比字体重要啦

    回复
    1. 回复

      再好的内容,如果排版太丑,读下去的耐力有限

    2. 回复

      “行距的常规比例为10:12,即用字10点,则行距12点”,用行高表达的话,请问是怎样

加载中