青岛网站制作的网站排版

分类: 浏览次数:5184 2018-11-30 00:00:00
满意回答
2018-11-30 00:00:00

我们经常认为写作是一件简单的事情;我们经常认为使用正确的语法、决定元素在页面布局中的顺序以及选择视觉效果好的字体就足够了。但是排版的艺术包含很多经常被忽略的因素,对于网站而言更是如此,整个写作和发表过程是沉浸式的,文本的质量经常被忽略。在这一章,我们将会展示很多不同的排版技术、良好的实践和一些经验之谈,同时也包括常见的排版错误。但是首先让我们仔细看一看网站排版的一些基本概念。

QQ截图20180905115947

清晰度受字体设计、屏幕优化和微观版式影响。它与彼此可以相互识别单个字符、字母或字形相关。我们不能改变字体的外形,但是可以选择正确的字体,并且选择相应的版式。当涉及清晰度问题时,许多设计师在一些标准、探索法和排版技巧上达成了共识。比如,大写字母会比小写字母更难以扫读,正体字比斜体字更容易识别。在正文文本和背景间合适的对比会提高清晰度,正如适宜的行宽和行高所产生的效果。与字母的下半部分相比,上半部分对于扫读的意义更大,然而升部(ascenders)和降部(descenders)的高度对于字母的识别具有重要作用,这也是很多人认为有衬线(serifs)字体更容易识别的原因。正如你所看到的,当我们谈到清晰度时,很多因素都在起作用。可读性是设计主要关注的问题。它受布局、内容块的摆放和独立栏目的展现影响。我们可以通过很多方式保证可读性,其中很多方式都受读者习惯影响。从根本上讲,人们“读”网站内容的方式和读印刷品的方式不同。理解这种行为和为这种行为进行设计非常关键,这也是用户体验设计的要点。网站排版需要深思熟虑。行宽(measure 或line length)就是每行文本的长度。最佳的长度取决于上下文,但是对于左对齐的文本块,45 到75 个字符(包括标点符号和空白)之间的长度值得推荐。66 个字符被认为是最佳的长度:这个长度阅读起来最舒服,使眼睛不必在本行结束和下一行开始之时移动太远的距离。不要让行宽太短,因为频繁地在行与行之间移动,同样会使眼球疲劳。

令人惊讶的是,我们最近关于版式设计[注释]的研究发现,包含大量文本、排版相关的网站(新闻、杂志和排版相关的博客等)有更长的行宽,通常在70到100 个字符之间(每行最多的字符数)。总体上,每行的字符在75 到85个之间。不过,目前还没有研究表明这样的行宽是否会带来更好或更坏的可读性。

陕西体彩网另外,很多网站是多栏布局。行宽在多栏布局中可能会短一些。根据习惯,对齐的文本通常在区域的下半部分;但是不需要精确控制单词间的空白和连字符,较长的行在浏览中的显示效果会更好一些。

虽然设置正确的行宽很重要,但是可读性可以通过正确的行高(leading 或line height) 显著提高。行高就是一行文本的垂直高度。它是两个连续文本之间的距离,或者说是两行文字基线之间的距离。为了防止一行的降部覆盖下一行的升部,必须保证足够的行高。在默认情况下,浏览器会把行高设定为1em,或者字体大小的1 倍,这个高度通常会显得太小以至于不好辨析字体。一个被广泛接受的经验是,把段落的行高设定为字体大小的1.5 倍。实际上,根据我们对平均行高的研究发现,这个约定俗成的行高仍然在被广泛使用(平均行高是字体大小的1.48 倍)。作为一个简单的指导,行宽越大,行高也应越大。

陕西体彩网注意到我们在CSS 中可以通过无确定单位的整数来定义行高值。这个数字作为度量因素和字体大小相关,并确保在文字大小改变后,行高也发生相应的变化。总体来说,无衬线(sans serif)字体比衬线(serif)字体需要更大的行高,页眉比正文需要更少的行宽。同样,较粗字体比较细的字体需要更大的行高。


标签:
青岛企业邮箱哪家做?多少钱的相关问题

Copyright All Rights GreatGoal Design co.,ltd. 鲁ICP备16002128号-3

山东福彩网 湖北福彩网 湖北11选5 河南福彩网 云南福彩网 秒速赛车平台来【大发df3833.com】 秒速赛车平台来【大发df3811.com】 秒速赛车平台来【大发df3822.com】 秒速飞艇平台来【大发df3833.com】 澳门百家乐平台来【大发df3811.com】 幸运快乐8平台来【大发df3822.com】 重庆时时彩平台来【大发df3833.com】 幸运快乐8平台来【大发df3811.com】 幸运28平台来【大发df3822.com】 太阳城娱乐平台来【大发df3833.com】 加拿大28平台来【大发df3811.com】 幸运飞艇平台来【大发df3822.com】 香港六合彩平台来【大发df3833.com】 香港六合彩平台来【大发df3811.com】 pk10平台来【大发df3822.com】 pk10平台来【大发df3833.com】 快乐飞艇平台来【大发df3811.com】 秒速牛牛平台来【大发df3822.com】 欢乐生肖平台来【大发df3833.com】 极速快3平台来【大发df3811.com】 腾讯分分彩平台来【大发df3822.com】 分分彩平台来【大发df3833.com】 澳洲幸运8平台来【大发df3811.com】 光大彩票来【df3822.com】 九号彩票来【df3833.com】 二分彩平台来【大发df3811.com】 刘伯温论坛来【大发df3822.com】 开元棋牌来【df3833.com】 开元棋牌来【df3811.com】 太阳城开户平台来【大发df3822.com】 六合彩开奖平台来【大发df3833.com】 台湾宾果28平台来【大发df3811.com】 亚博体育来【df3822.com】 亚博体育来【df3833.com】 ag亚游平台来【df3811.com】 ag亚游平台来【df3822.com】 ag亚游平台来【df3833.com】 ag电子游戏来【df3811.com】 ag电子游戏来【df3811.com】 新濠平台来【df3822.com】 千赢国际来【df3833.com】 千赢国际来【df3811.com】 ag捕鱼王来【df3822.com】 ag捕鱼王来【df3833.com】 ag捕鱼王来【df3811.com】 捕鱼王来【df3822.com】 泛亚电竞来【df3833.com】 泛亚电竞来【df3811.com】 北京快乐8平台来【大发df3822.com】 泛亚电竞来【df3833.com】 极速六合彩平台来【大发df3811.com】 极速六合彩平台来【大发df3822.com】 幸运快三平台来【大发df3833.com】 新疆时时彩平台来【大发df3811.com】 新疆时时彩平台来【大发df3822.com】
分享到:QQ空间新浪微博腾讯微博人人网微信