网站规划中的排版技巧
排版不只仅是选择一个字体,字体大小和粗细。人们一般以为你只需要选择一个美丽的字体,仅此而已。但是排版是大多数规划的重要组成部分。
作为一名印刷规划师,我很快学会了杰出的排版技巧的重要性。规划软件可以很简略地调整规划中与文本相关的一切内容。但当我转行成为一名全职网页规划师时,我对自己几乎没有设置字体的控制权感到震动,但我决心让自己坚持同样的规划规范。
下面是一些基本的排版元素,它们很简略完成,可以让你的作品规划更上一层楼。
线的长度
几乎一切的规划师,印刷和网络,都同意具有正确的行长度是好的排版的一个重要因素。当一行文字太长时,读者的眼睛很难从一行看到另一行。当一行文字太短时,读者的眼睛很快就会疲惫。为了取得最佳的可读性,行长度应该在40-70个字符之间,包含空格。
抢先的
前导是仿制体中铅字行之间的空格,引线一词来自于当文本是手机设备时,为了增加铅字行间的垂直距离,铅字行间会在铅字行间放置细细的铅条。正确的行距离可以使读者更简略地了解该类型,并进步全体可读性。一般的阅历法则是比字体大小大2pt-5pt。所以假设你的阶段是16pt,行距应该是18pt-21pt。
恰当的标点符号
这是一个十分纤细的细节,在web规划中经常被忽略,但是假设正确地完成,则会对规划发生严重影响。对我来说,恰当的标点符号包含悬挂式标点符号和恰当的破折号。
悬挂标点符号是指标点符号,特别是引号,坐落正文的主体之外。这样标点符号就不会打乱文章的节奏,进步可读性。
Em破折号、En破折号和连字符是不同长度的破折号,每个破折号都有不同的用例。对于在规划中运用正确的破折号的重要性,有过不止一次的不同意见。很多人觉得果汁不值得挤,但我以为这是一个小细节,不只语法正确,并且闪现了对细节的重视。
Em破折号用于标明思想上的停顿,可以代替逗号、括号或冒号。En破折号闪现规划,一般用于数字规划,如日期和度量。连字符是用来连接单词的。
每一个都有一个HTML代码,可以很简略地放入标记中,就像这样,它将闪现正确的破折号。
孤儿和寡妇
寡妇是阶段末尾的一行或一个单词,孤儿是列的开始或结束的单词或短行,与阶段的其余部分分隔。寡妇和孤儿发明了尴尬的破布,打断了读者的视界,影响可读性。暂时还没有找到一个简略的方法来调整这些与CSS,但他们可以防止通过调整字体大小,前导,字母距离或输入手动换行。