重庆网站建设公司分享网页字体规范

2022-12-28    分类: 网站建设

我们在浏览网页的时候会发现一些网页的字体样式太多,导致页面杂乱 使用的字体不易识别 字体样式和内容的气氛或规范不匹配。主要原因是网页设计师没有注意网页自字体使用规范造成的。在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。在不同平台的界面设计中规范的字体会有不同,像移动界面的设计就会有固定的字体样式。

网页字体规范

移动端字体规范

1、移动端常规字体

IOS:常选择华文黑体或者冬青黑体,尤其是冬青黑体效果好。

Android

英文字体:Roboto

中文字体:Noto

2、移动端字号使用

导航主标题字号:40-42px

内文展示大的正文字号32px,副文是26px,小字20px。在内文的使用中,根据不同类型的App会有所区别。

而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px,26px的字号还会用于划分类别的提示文案。

36px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次,同时加强按钮引导性,选用了稍大号的字体。

在选用字体大小的时候一定要选择偶数的字号,因为在开发界面的时候,字号大小换算是要除以二。根据版式设计需要也会采用异样大小的字号来特殊处理。这种更高的要求设计师的全局把控能力。

网页端字体规范

网页中文字字号一般都是宋体12px或14px(无状态),大号字体用微软雅黑或黑体。大号字体是18px、20px、26px、30px,一般使用双数字号,单数的字体在显示的时候会有毛边。

1、网页端常规字体

微软雅黑/方正中黑:在网页设计中这款字体使用的非常平凡,这款只无论是放大还是缩小,形体都非常的规整舒服。在设计过程中建议多使用雅黑,大标题用加粗字体,正文用常规字体。

方正正中黑系列:中黑系列的字体笔画比较锐利而浑厚,一般运用在标题文字中。但这种字体不适用于正文中,因为边缘相对比较的复杂,文字一多会影响用户的阅读。

方正兰亭系列:个人最推荐的就是这个系类的字体,整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画清晰简洁,这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合,不仅能保证字体的统一感,还能很好的区分出文本的层次。

2、常用字体颜色

界面中的文字分为三个层级,主文、副文、提示文案等。在白色的背景下,字体的颜色层次其实就是黑、深灰、灰色。常用的色值是#333333;#666666;#999999。

设计是要有规范,有体系的。使用规范化的设计对产品的延续性非常有帮助,并且保证了产品的独特性和一致性。所以,大家要在设计初期找到风格和规范,这样做出来的界面才会统一一致。

标题名称:重庆网站建设公司分享网页字体规范
文章来源:https://www.cdcxhl.com/news22/226122.html

成都网站建设公司_创新互联,为您提供定制网站建站公司域名注册外贸网站建设动态网站企业建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设