响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年网页设计正文部分字号(3篇)

网页设计正文部分字号 第1篇

用户疲劳是一个真实存在的问题。大多数人整天都在看屏幕,浏览手机、玩游戏、平板电脑、在电脑上工作或看电视。他们的眼睛已经很疲劳了。

大一些的字体可以帮助减少一些看屏幕的疲劳。

屏幕疲劳的另一个常见来源是移动设备,用户必须通过屏幕获取元素。大手机正在减少拇指容易触及的区域,但较大的元素和字体可以帮助解决这个难题。

变大字体和其他用户界面元素是很重要的一个原因是,因为它有助于调整视觉显示与物理显示相匹配,从而为用户提供更多的舒适感。

网页设计正文部分字号 第2篇

在文字排版中一行文字不能太多太长,这样很容易造成阅读疲劳而且在行距小的情况下很容易串行。尤其对于男士则更加吃亏(夸张点),相传在远古时代男人们负责外出打猎,通常会很专注的盯着猎物而忽视周围的风吹草动;而女人们则负责四处寻找野果野菜,照顾乱跑的孩子。所以在视界上,女性会比男性更宽广一些。所以在排版的过程中需要将正文按照两栏或者三栏的分栏式进行布局。

标点符号

接下来再说说标点符号,我国最早的古书是没有标点的。进入20世纪,现代白话文的使用日渐广泛,人们迫切需要有比较完备的新的标点符号。一些学人开始向国内介绍欧美最通行的一些标点符号,并根据古代的句读符号,参考西洋方法研究制定出了适合中国文字需要的我国最早的新式标点符号。笔者这里强调的不是标点用法,而是在排版中标点的特殊对待方式。

一般句号、问号、叹号、逗号、顿号、分号、冒号等不能出现在行首;换言之,引号、括号、书名号等的前半部分不能出现在行末,后半部分不能出现在行首。很多专业的排版软件比如Photoshop/Illustrator/Indesign/方正飞腾在段落设置面板中都有如下图的设置:段落面板—避头尾法则设置:JIS严格

连字:连字符是在每一行末端断开的单词间添加的标记。在将文本强制对齐时,为了对齐的需要,会将某一行末端的单词断开至下一行。勾选“段落”面板中的“连字”选项,便可以在断开的单词间显示连字标记。

单字不成行。在文字排版的时候还会经常遇到这样的问题,就是一个字带一个标点单独出现在一段的最后一行。通常业内不成文规定是要将最后的文字及标点缩进到上一行。其道理是因为一个字无论在阅读还是视觉上都不够分量足以撑起一行的空间,视觉上会显得很孤也不协调。(见上图画叉出)

与此类似的规则还有标题不落底。(见上图画叉出),标题作为一段的统领和总结是需要整段文字为其说明服务的;所以标题在排到一页或一栏的最后是不能与该段落文字首身分离的,这个细节大家平时一定要注意!如果出现此类情况,需要调整上一段的文字行距将标题强制挤到下一页或下一栏。

我们上小学写作文的时候老师都会教我们段首需要空两格,但是大多数老师都不会告诉你这么做的原因,只不过一代一代流传下来了。其实并没有硬性规定一定要段首空格,只不过在排版中会出现一种情况让你傻傻分不清楚!(见下图)下文其实是两段文字,但刚好排到第一段段尾与第二段段首时首尾相接了,这就需要用空格来区分段落之间的关系,就好比上文说到的要有段间距是一样的道理。如果段间距明显的话,段首完全没必要再空格。

同样的道理还有项目符号,其作用也是引领一段的开始,让读者更能精准分辨出段落开始与结束。这里还要提到一种比较特殊的段首提示法就是首字下沉,相信大家都会在书本或杂志中看到过。(见下图)首字下沉一般开始于一篇文章或章节的第一段。其字号高度是两行或三行的文字高度。

设计元素之间的对齐问题很多同学都是靠软件的对齐功能,比如全选上下两个块然后垂直居中。但往往元素之间的对齐应该是视觉上的对齐而非控件中心对齐,因为视觉中心不一定就是控件中心。(看下图),图形和文字的控件中心并未中轴对齐,但视觉上是平衡的。

想必大家在排版的时候经常会用到细细的分割线,如果你是web端设计那么线的颜色可以任选,但是如果是出版印刷的话细线的颜色必须是单色。比如黑色K:100,蓝色:C:100。有的同学可能会问细到什么程度算细线呢?大约和文字的笔画差不多一样细的就算细线,因为在制版的时候细线如果是双色、三色很容易套不准。

在颜色上还要注意一个关键细节就是文字颜色与背景色的对比度。根据WCAG的规定,文本和所处的背景的对比度至少为;大文本和背景的对比度应为7:1。这套规范主要是要确保弱视者、色盲看清楚屏幕上显示的文字内容。WCAG指南

以上是笔者工作多年来总结的关于版式设计中需要注意的一些细节问题。如果有遗漏或者补充,请小主直接联系笔者!共同学习、交流、进步!!!

网页设计正文部分字号 第3篇

你希望你的网站设计可以让用户产生强烈的第一印象。较大的字体比较小的字体更具有强烈的视觉效果和冲击力。大字体更容易被阅读。

这些策略都有助于持续地吸引用户的注意力。

使用大一些的字体的意外后果是设计中的其他元素都可能变大。大字体有助于你在设计中创造更多的空间。更多的空间通常会创造出更舒适的用户体验,也增加了对比的元素,有助于将吸引用户到设计的部分。(这是最基本的设计理论,但它有效。)

大一些的字体和增加的间距是大多数用户不会看到或谈论的元素,但他们会意识到。这种体验是很容易实现的,希望可以让网站数据像网站驻留时间和访问者数量一样上升。(这些措施可以是确定修改成大字体是否对用户产生影响的关键因素。)

结论

“ Smashing Magazine”在2011年发表了一篇文章,认为小于16px的正文字体太小了。我同意这一说法。

尝试18,20甚至22pt大小的文字。即使起初看起来很尴尬,但你会发现它很容易阅读,很容易理解,它让内容感觉不那么强烈。使用户用起来更方便,他们会感谢你并在你的网站上花费更多时间。

-------------------------

猜你喜欢