当前位置:首页 > 实用技巧 >

网页中的字号规范(网页标题字号标准大小)

来源:原点资讯(www.yd166.com)时间:2024-01-04 07:29:04作者:YD166手机阅读>>

不是所有的网页设计都会那么给力,在开始动手之前一定要看好,网页设计要符合基本的规则才能在此基础上做到创新,好的网页设计基本的设计规则不能乱,比如说,网页设计中自己排版设计就很重要,今天针对这一块,蒙特给大家分享一些个人设计经验,有需要的欢迎关注!

网页设计规范是每个网页设计师从业时必须要遵守的行为准则,具体如下:

网页中的字号规范,网页标题字号标准大小(1)

1、字体的选择

对于大多数中国人来说,见过最多的字体应该就是黑体和宋体了,这两种字体是设计的基础字体,应用在生活的各个场景中。

宋体:源于书法体,主要特点是横细竖粗,笔画末端带有三角状装饰,字形端庄有力,常运用在文章正文当中。

黑体:字的主要特点是横竖均匀,笔画相对宋体较为粗壮,常用作文章标题,突出而醒目。

那么,我们会发现,很多时候网页设计师会选择微软雅黑体来代替宋体呢?原因是宋体是一款衬线字体,受到Windows平台字体渲染技术的限制,在小字号字体渲染方面表现略差,部分字号在显示时会产生锯齿、模糊等效果。而微软雅黑这款非衬线字体,笔画丰满、简洁,常用字号的显示效果相比宋体更为优秀,同时识别度更高。因此,从Vista时代起,微软雅黑体就作为Windows的系统默认字体沿用至今。

在网页设计中,为了保证有较好的显示效果,主要标题的字体建议使用微软雅黑体,次要标题可选用宋体。

文章的正文可选用宋体,也可使用微软雅黑体。

此外,如果网页设计中遇到需要展示英文字符的情况,建议选择Arial、Verdana和Tahoma这几种系统默认字体。

说了这么多,有些网页设计的朋友可能听糊涂了,不过不要紧,具体可以关注杭州蒙特,详细进行相关案例的了解,一目了然。有网页设计需求也可以和设计大咖一对一沟通。

2、字号使用规范

在网页设计中,一般选择使用双数字号,字号的大小并没有明确规定,但为了确保正常的阅读效果,可以参考以下参数:

在网页设计中最小的字号一般为12像素;正文常见字号有12像素、14像素和16像素;标题常见字号有18像素、20像素、26像素和30像素。

这里需要注意的是,由于显示器分辨率的不断提高,12像素的字号在大分辨率显示器中会显得较小,对用户阅读造成一定的困难。因此,在目前的网页设计中很少使用12像素的字号,网站常规正文字号普遍使用的是14像素或16像素。

一般宋体和微软雅黑字体均可以作为网页设计的常用字体。但在目前的网页设计中我们会发现,网页中基本都以微软雅黑字体为主,而宋体已不多见。具体来说,微软雅黑体相比宋体而言,少了一些装饰性,同样字号,微软雅黑体在视觉上更显粗壮有力,且辨识度更高,尤其是小字号的显示效果,微软雅黑体的视觉感会更为清晰与明朗。

那么,在网页设计中,网页内容的各个标题等如何选择字体和字号呢,实际上直观的效果可以参考蒙特多行业网页设计案例,这方面成功的案例非常多,有需要不妨进一步了解。

3、段落、行间距规范

在网页设计中,文字排版的要点分为两个方面,即段落和行间距。段落中“行长”与“对齐方式”的设置。

行长:通常情况下,行越长,行间距越大,否则用户在阅读时很容易串行。在网页正文中,汉字一般以每行显示30~40个字为宜,英文一般以每行显示40~70个字母为宜。

段落:对齐方式主要有4种,包括左对齐、右对齐、居中对齐和两端对齐。

段落对齐方式:在国内,大段文字的设计,多数设计师会根据中国用户的阅读习惯,将对齐方式设置为左对齐。

行间距作为段落中的留白,让字与字之间有了可呼吸的空间。过小的行间距会使页面变得拥挤不堪,增加用户错读的可能性。而过大的行间距则会占用大量的页面空间,缺乏美感。选择适当的行间距不仅可以提升文字的易读性,也可以最大限度地利用好页面空间。

传统中文文档默认行间距一般为1.5倍,在现阶段的网页设计中,汉字一般使用1.8~2倍的行间距。英文段落一般选择1.5倍行间距。具体也可以参考蒙特这方面的相关案例,做的也很多,具体欢迎关注蒙特了解。

4、网页设计的标注规范

在设计的日常工作中,设计师与前端开发人员的对接关系往往非常紧密,而设计图的标准化标注可以提高前端开发人员的工作效率。

效果图的标注一般包括以下3个部分:

1)页面中控件的颜色、尺寸、交互效果(如按钮、表单等)。

2)字体颜色、字号。

3)页面中各个模块的尺寸和间距。

在效果图标注中,应特别注意以下4个问题:

1)文字清晰易读。

2)使用的颜色应与背景色区分。

3)尽量在空白区域,不要对原图造成视觉干扰。

4)信息应条理清楚,同一模块的标注应摆放在同一位置,适当留有间隙,方便开发人员阅读。

对于网页设计来说,实际上很多时候只要我们注意好这些网页设计基础知识,再加上当下网站设计流行趋势以及设计师个人的创新和见解,网站设计一定会做的非常优秀,这里推荐几个行业网页设计经典案例,有需要的朋友关注蒙特,欢迎来撩!

,

栏目热文

网页中字号单位有哪些(网页字号配比规范)

网页中字号单位有哪些(网页字号配比规范)

前端开发中长度单位有很多,最为常用和熟知的肯定就是px了,随着前端的不断发展,em和rem也越来越普及,只用px一把梭的...

2024-01-04 07:12:06查看全文 >>

网页的尺寸一般有几种(网页常见的标准尺寸)

网页的尺寸一般有几种(网页常见的标准尺寸)

PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域,对于怎么进行基本的画布创建,规格设置,都处于两眼...

2024-01-04 07:33:36查看全文 >>

驾照c1与c2有什么区别(驾照c2和c1的区别)

驾照c1与c2有什么区别(驾照c2和c1的区别)

C1c2驾照的区别,主要是这三个方面:培训费用、考试难度以及驾驶车型!随着汽车保有量的越来越大,驾驶证也成了众多朋友的必...

2024-01-04 07:29:44查看全文 >>

驾照c1和c2的区别哪个简单(c1与c2在驾照中的区别)

驾照c1和c2的区别哪个简单(c1与c2在驾照中的区别)

C1和C2的区别没你想象的那么简单,看完之后,你就知道自己适合考哪种了由于目前C2的政策改革,让C2科目二的考试简单了很...

2024-01-04 07:31:56查看全文 >>

驾照c1和c2区别在哪(驾照c1和c2哪个更适合)

驾照c1和c2区别在哪(驾照c1和c2哪个更适合)

考驾照C1和C2的区别主要有三个:C1比C2驾驶的车型多、考C1的难度比C2难度高、考C2的练车时间比C1的练车时间多。...

2024-01-04 06:57:35查看全文 >>

网页的常见字号单位(网页标题的字体和大小)

网页的常见字号单位(网页标题的字体和大小)

赵兄爱讲小知识网页基本组成元素网页包含了许多元素,内容丰富,引人入胜,其基本构成元素包括文本、图像、动画、 音频、视频等...

2024-01-04 06:59:12查看全文 >>

网页里的标题字体一般多大(做网页一级标题的字体是多大)

网页里的标题字体一般多大(做网页一级标题的字体是多大)

澎湃新闻记者 岳怀让网络标题多少个字合适?进入互联网媒体时代之后,这一话题屡次引起学界、业界集体讨论。澎湃新闻记者注意到...

2024-01-04 07:19:09查看全文 >>

网页字体大小最小多大(网页字体怎么设置默认大小)

网页字体大小最小多大(网页字体怎么设置默认大小)

网页设计规范在了解网页设计规范之前,我们先简单了解网站的分类,网站的分类按对象划分可分为 To C端和 To B端两种:...

2024-01-04 07:05:00查看全文 >>

网页一般是什么字号(网页的标准尺寸上限)

网页一般是什么字号(网页的标准尺寸上限)

网页设计选用的分辨率是72像素,使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计,一般采用...

2024-01-04 07:03:29查看全文 >>

211有哪些大学(清华北大属于211还是985)

211有哪些大学(清华北大属于211还是985)

有句老话是“三分考七分报”,填报高考志愿对学生和家长非常重要,直接关系到学生未来的大学学习和人生发展方向,如何最大限度的...

2024-01-04 07:27:07查看全文 >>

文档排行