网站设计中的文字排版技巧

[ 时间:2019-06-04 来源:福州印秀网络 作者:未知 点击:次 ]

标签:

网站设计中的文字排版技巧

排版不仅仅是选择一个字体,字体大小和粗细。人们通常认为你只需要选择一个漂亮的字体,仅此而已。但是排版是大多数设计的重要组成部分。

作为一名印刷设计师,我很快学会了良好的排版技巧的重要性。设计软件可以很容易地调整设计中与文本相关的所有内容。但当我转行成为一名全职网页设计师时,我对自己几乎没有设置字体的控制权感到震惊,但我决心让自己坚持同样的设计标准。

下面是一些基本的排版元素,它们很容易实现,可以让你的作品设计更上一层楼。

线的长度

几乎所有的设计师,印刷和网络,都同意拥有正确的行长度是好的排版的一个重要因素。当一行文字太长时,读者的眼睛很难从一行看到另一行。当一行文字太短时,读者的眼睛很快就会疲劳。为了获得最佳的可读性,行长度应该在40-70个字符之间,包括空格。

网站设计中的文字排版技巧

领先的

前导是复制体中铅字行之间的空格,引线一词来自于当文本是手机设备时,为了增加铅字行间的垂直距离,铅字行间会在铅字行间放置细细的铅条。正确的行间距可以使读者更容易地理解该类型,并提高整体可读性。一般的经验法则是比字体大小大2pt-5pt。所以如果你的段落是16pt,行距应该是18pt-21pt。

适当的标点符号

这是一个非常细微的细节,在web设计中经常被忽略,但是如果正确地完成,则会对设计产生重大影响。对我来说,适当的标点符号包括悬挂式标点符号和适当的破折号。

悬挂标点符号是指标点符号,特别是引号,位于正文的主体之外。这样标点符号就不会打乱文章的节奏,提高可读性。

网站设计中的文字排版技巧

Em破折号、En破折号和连字符是不同长度的破折号,每个破折号都有不同的用例。对于在设计中使用正确的破折号的重要性,有过不止一次的不同意见。很多人觉得果汁不值得挤,但我认为这是一个小细节,不仅语法正确,而且显示了对细节的关注。

Em破折号用于表示思想上的停顿,可以代替逗号、括号或冒号。En破折号显示范围,通常用于数字范围,如日期和度量。连字符是用来连接单词的。

每一个都有一个HTML代码,可以很容易地放入标记中,就像这样,它将显示正确的破折号。

网站设计中的文字排版技巧

孤儿和寡妇

寡妇是段落末尾的一行或一个单词,孤儿是列的开头或结尾的单词或短行,与段落的其余部分分开。寡妇和孤儿创造了尴尬的破布,打断了读者的视线,影响可读性。暂时还没有找到一个简单的方法来调整这些与CSS,但他们可以避免通过调整字体大小,前导,字母间距或输入手动换行。

    您的收藏是对我们最大动力,电脑用户按Ctrl+D收藏本站!
    牢记我们的域名www.sjxgs.com,手机浏览器输入网址访问本站。
    手机用户还可以通过扫描二维码下载「设计秀高手」APP安卓版客户端。

    站长寄语:如果喜欢本站可以下载「设计秀高手」手机版APP软件。

    Copyright 2005-2020 设计秀高手 All Rights Reserved 闽ICP备08106292号
    首页  绘画  文章  顶部