网站首页
手机版

字体设计有什么要求

更新时间:2022-03-19 09:58:14作者:佚名

字体设计有什么要求

  对于内容描述性的网页及网页模块,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节,往往是非常重要的细节。不同的字体和选色往往对整个页面都有着非常大的影响,这是我在自己进行页面设计中感受很深的一点。那字体设计有哪些要求呢?这也是要和大家一起分享的。

  一、设计要求


  1.字体样式不能太繁复,避免显得页面太过杂乱。


  2.使用的字体应该容易识别,而且最好是通用字体这样可以避免在不同浏览器上显示的效果与设计差异过大。

  3.字体样式和应该与整个页面的主氛围相匹配。

  二、字体和字号的选用

  1、字体的选用:

  网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体也可以在任何操作系统和浏览器里正确显示。

  windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。

  网页字体的样式一共有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。

  如果需要用到少量特殊样式的字体,最好用图片形式去表示。这样可以保证设计效果与实际效果相同。

  2、字号的选择

  系统默认,通常采用12px作为网页正文的标准字体大小。较长文章的话12号字可能会显得太密集,可以根据情况改成14px。12px。而用16px显示中等字体,18px显示较大字体。

  三、常用字体颜色

  在界面中的文字分为三个层级,主文、副文、提示文案等。

  在白色的背景下,字体的颜色层次其实就是黑、深灰、灰色。

  常用的色值是#333333;#666666;#999999

  总之选的字体色彩应该朴素平常,不能太跳脱。

  四、常用安全字体

  1、微软雅黑

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

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

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

本文标签: 字体  途径  标签  简介  

为您推荐

excel表格怎么大批量筛选(excel表格怎么大批量筛选重复项并快速删除)

1、在选中单元格后,点击排序和筛选。2、在展开的界面中,点击筛选。3、在单元格界面中,点击全部显示。4、在展开的界面中,点击确定即可。

2023-03-21 15:30

Word2007文档水印怎么去除(word2007文档如何去除水印)

Word2007文档水印怎么去除 Word2007文档水印怎么去除 方法一 页面布局-页面背景-水印-删除水印,文档中的水印被删除. 方法二 页面布局-页面背景

2023-03-15 00:31

Word2003文档中的回车符怎么隐藏(怎样隐藏word里的回车符)

Word2003文档中的回车符怎么隐藏 Word2003文档中的回车符怎么隐藏 隐藏回车符 1.单击菜单栏"工具"下的"选项",在打开的窗口中取消勾选"视图"选

2023-03-15 00:30

Word2007自动滚动怎么设置(如何设置word自动滚动)

Word2007自动滚动怎么设置   Word2007自动滚动怎么设置 1.首先打开一篇长篇文档,单击其左上角的"office按钮"在弹出的快捷菜单中选择"Wo

2023-03-15 00:29

Word2013文档中大纲视图如何使用(word2007大纲视图)

Word2013文档中大纲视图如何使用 在Word 2013中,用户可以使用大纲视图来查看并编辑文档的大纲结构,同时可以对正文进行处理.在大纲视图模式下,文档的

2023-03-15 00:29

Word怎么用快捷键快速修改文字格式 word快捷键修改

Word怎么用快捷键快速修改文字格式   Word怎么用快捷键快速修改文字格式 1.电脑上新建word文件,例如命名为"word技巧" 2.双击"word技巧"

2023-03-15 00:27