界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

今天125网页设计给大家分享界面设计中常用的字体,字号,字体颜色及间距对齐的一些小经验,通过设计经验可以帮助你做出更好的版式,相信大家会有收获。

一、常见界面设计中字体使用问题

1.字体样式太多,导致页面杂乱

2.使用的字体不易识别

3.字体样式和内容的气氛或规范不匹配

二.界面设计中文字的使用规则

移动端常规字体

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

界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

Android

英文字体:Roboto

中文字体:Noto

界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

移动端常用字号

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

我一般设计就用40px,偏小的40px字号,显得精致些。

界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

内文展示中字号的大小:

大的正文字号32px,副文是26px,小字20px。

在内文的使用中,根据不同类型的App会有所区别。

像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性,正文字号36px,会选择性的加粗。

界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px

界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

26px的字号还会用于划分类别的提示文案,因为这样的文字希望用户阅读,但不要抢过主列表信息的引导。

界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

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

(见下图中的退出按钮)

界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

大家注意了,在选用字体大小的时候一定要选择偶数的字号,因为在开发界面的时候,字号大小换算是要除以二的。

本文转载自Micu设计,原文链接: ,本文观点不代表125jz立场。

(0)
江山如画的头像江山如画管理团队
上一篇 2018年12月29日 上午8:43
下一篇 2018年12月29日 上午9:47

99%的人还看了以下文章

  • 网页设计师必备的45个配色神器

    分享优秀网页设计为大家整理的45个配色神器。

    2019年10月16日 网页设计
    3.9K0
  • 网页设计技巧:3步提升网页品质

    网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质,特别是活动或专题页面的视觉效果,请学习网页设计师必须知道的设计技巧:减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的,这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前,进行网页分区前所要做的信息消化。比如我们希望…

    2019年2月21日 网页设计
    3.6K0
  • 网页制作实战项目三:运动会页面制作

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 运动会页面制作 【上机目的】 1 、掌握表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使用 【上机难点】 1、导航条的制作 2、CSS的使用 【上机内容】 请在规定时间内制作出以下网页:(要求要符合网站建设的规范!) 所需素…

    2018年4月19日
    8.6K1
  • css布局基础:盒子模型练习

    主要知识点: 1、盒子在页面的显示=margin+border+padding+width/height 2、每个html元素都可以抽象为一个盒子 效果图: 参考: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&…

    2020年4月4日
    2.9K0
  • 汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    中国具有五千年文字历史,文字中所包涵的精髓,值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征,并能灵活运用字体进行编排设计,才能使作品的内容更清晰、更有条理地传达给读者。

    2023年1月18日 网页设计
    6.7K0
  • 初学网页制作从这里开始

    本系列教程的目的就是:通过简单、全面和正确的介绍,教会你如何创建网站。本教程将从基础讲起,不要求你具备任何编程知识。假如你继续阅读本教程的话,你将能在一小时内制成一个网站。

    2020年2月22日
    4.8K0

发表回复

登录后才能评论