UI设计网页设计字体规范应该要注意什么
可以参考常规字体的使用规范：
1、在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。
2、不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。
3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配，等。
扩展资料：
网页设计
1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。
2、以业务目标为中心进行功能策划，制作出栏目结构关系图。
3、以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。
4、以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。
5、根据用户反馈，进行页面设计调整，以达到最优效果。
参考资料来源：百度百科-UI设计
参考资料来源：百度百科-网页设计 （网站技术）
下面列出UI设计网页设计字体规范特点：
微软雅黑/方正中黑：在网页设计中这款字体使用的非常频繁，这款字无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。
方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。但这种字体不适用于正文中，因为边缘相对比较的复杂，文字一多会影响用户的阅读。
方正兰亭系列：整个兰亭系列的字体有大黑、准黑、纤黑超细黑等。因笔画清晰简洁，这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合，不仅能保证字体的统一感，还能很好的区分出文本的层次。
汉仪菱心简/造字工房力黑/造字工房劲黑：在这几个字体中，他们有着共同的特点，字体非常的有力而厚实。基本都是以直线和斜线为主。适合广告和专题使用。在使用这类字体的时候我们可以使用字体倾斜的样式，让文字显得更为活力。
在这三种字体中，菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角。而且笔画也比较的疏松，更多的有些时尚而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体使用在大图中偏多，效果比较突出。
宋体：Win最常见的字体，小字体点阵，大字体TrueType,但是大字体并不好看，所以最好别做标题。适用于复古，典雅，传统，品质，灵动等主题。
Arial：Helvetica的「克隆」，和Helvetica非常像，细节，上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显 示都正常。
扩展资料
UI设计规范：
网页的布局主要有两种：左右布局和居中布局。布局不一样使设计的空间也不相同。
⑴、左右布局，灵活性强，UI限制小；左右通栏为导航栏，宽度没具体限制，可根据实际情况调整；右侧为内容板块范围，是网站内容展示区域。
⑵、居中布局，中间的深色部分为有效的显示局域，用于网站内容的展示；两边留白没实际用图，只是为适配而存在
当前最流行的分辨率是1920px*1080px的，所以建议创建网页尺寸为1920px*1080px，页面中心区域常设置为1200px（或1000px -1400px区间），以这个尺寸来设计相对标准。每个屏幕的高度约为900px。因为1080还要减去浏览器头部和底部高度，大约就是900px了。
网站的字体大小并没有硬性规定具体的字号，根据实际情况可以酌情考虑，但是要使用偶数字号。
1、字体规格也不需要太多，最多使用三种混搭，当一个页面中使用的字体超过 3 种时，会给用户带来“不专业”、“没有权 威性”、“没有层次结构”之类的感觉。
2、层次的区别，可以改变字体颜色或加粗来体现。
3、字体优先使用各操作系统默认的字体。字体选择有版权、笔画严谨、清晰可读、经典。
很多刚做APP界面的设计师，经常会因为字号，字体颜色，间距而困扰。下面分享一些界面中常用的字体，字号，字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。
常规字体的使用规范
在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。
不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。
字体与背景的层次要分明,确保字体样式与色调气氛相匹配
界面中文字使用的规则
在不同平台的界面设计规范中的字体会有不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体
移动端常用的的字号--导航主标题字号：40-42px，偏小的40px字号，显得精致些
在内文展示中字号大小--大的正文字号32px,，副文是26px，小字20px，
在内文的使用中，根据不同类型的App会有所区别。像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗。而列表形式、工具化的APP普遍是正文32px，不加粗。副文案26px,小字20px，26px的字号还会用于划分类别的提示文案，因为这样的文字希望用户阅读，但不要抢过主列表信息的引导。36px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次，同时加强按钮引导性，选用了稍大号的字体。
在选用字体大小的时候一定要选择偶数的字号，因为在开发界面的时候，字号大小换算是要除以二的。这个详细缘由大家可以网上查询，我就不在这一一的介绍了。
常用字号的大小基本就这几个，根据版式设计需要也会采用异样大小的字号来特殊处理。这种更高的要求设计师的全局把控能力了。
网页端常用的字号有哪些呢？网页中文字字号一般都是宋体12px或14px(无状态)，大号字体用微软雅黑或黑体。大号字体是18px、20px、26px、30px，一般使用双数字号，单数的字体在显示的时候会有毛边。
常用的字体
①平平稳稳:微软雅黑/方正中黑
微软雅黑系列：在网页设计中这款字体使用的非常平凡，这款只无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。
方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。但这种字体不适用于正文中，因为边缘相对比较的复杂，文字一多会影响用户的阅读。
②与时俱进：方正兰亭系列
方正兰亭系列: 个人最推荐的就是这个系类的字体，整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画清晰简洁，这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合，不仅能保证字体的统一感，还能很好的区分出文本的层次。
③.刚劲有力，运动型：汉仪菱心简/造字工房力黑/造字工房劲黑
在这几个字体中，他们有着共同的特点，字体非常的有力而厚实。基本都是以直线和斜线为主。适合广告和专题使用。在使用这类字体的时候我们可以使用字体倾斜的样式，让文字显得更为活力。在这三种字体中，菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角。而且笔画也比较的疏松，更多的有些时尚而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体使用在大图中偏多，效果比较突出。
