ui界面设计字体有哪几种选择

1、可读性

可读性是UI中字体所需考虑的首要因素。字母字形必须清晰可辨，作为UI元素，其中不同的字母必须可以被用户轻松辨别出差异。许多经典的字体，甚至包括 Helvetica ，都没办法清晰分辨，字母i的大写形态I，和大写字母 L的小写形态 l，这在界面设计中无疑是有影响的。

2、适度

一款理想的UI界面所用的字体，不应当过于“显眼”，而该是悄无声息，“隐型”的。当用户在试图完成某项任务的时候，字体不应当给用户以“出戏”或者“显眼”的感觉，也就是说，字体不应当超出用户的认知负荷，而内容和信息才应该成为真正的关注点。

更多平面设计知识，请咨询华南电脑学校。

3、灵活

给UI界面使用的字体应当具有灵活性。我们曾经为 Medium 做过用户体验设计，作为一个网页博客平台，我们很难去控制用户的能力、内容、浏览器、屏幕尺寸、网络带宽和连接速度，包括输入法。

4、x高度的上限

x高度的参考标准是小写字母x的高度，同等尺寸下，x高度更大的字体更易于识别。不过x高度也不是越大越好，当x高度超过一定限度的时候，小写字母n和小写字母h就很难分辨了，这一点应当注意。

5、更大宽高比

字母的宽度和高度的比例也是相当重要的一个属性。宽度和高度比例越高，字母在小屏幕上的识别度就越高。

6、宽松的字间距

字母之间的间距和字母内部的空间同样是影响字母可读的因素。字母间距太小同样会影响整体的可读性，而好的显示字体会更好的控制字母间距，确保单词在视觉上的“透气性”，甚至可以营造出一种韵律感。

7、低笔触对比度

许多字体不同的笔画粗细不同，而对于UI界面而言，笔触间的对比度越小识别度越好。较大的笔触对比度下，字体在小尺寸屏幕上，较细的笔画会难于分辨。

8、OpenType 功能

OpenType 功能对于字体而言是相当重要的。支持OpenType的字体拥有更大的灵活性，对于不同的语言和特殊的字符有着更为优良的兼容性。

9、备用字体

接下来要说的情况可能大家多少都碰到过。网页在完全加载出来之前，部分内容因为字体没有加载而无法显示。

10、Hinting

Hinting 指的是为了字体为了保证最大的可读性而针对显示器状况进行调整的过程。Hinting 可以通过匹配显示器的像素栅格让字体显示更加清晰，降低误读的可能性。

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

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

网页中会有常用的几个字体

移动端常用的的字号：导航主标题字号：40-42px，偏小的40px字号，显得精致些。在内文展示中字号大小--大的正文字号32px,，副文是26px，小字20px。

在内文的使用中，根据不同类型的App会有所区别。像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗。而列表形式、工具化的APP普遍是正文32px，不加粗。副文案26px,小字20px，26px的字号还会用于划分类别的提示文案，因为这样的文字希望用户阅读，但不要抢过主列表信息的引导。36px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次，同时加强按钮引导性，选用了稍大号的字体。作为正文字体，20pt的阅读体验最好，为了应对全球老龄化，甚至可以考虑更大的正文默认字体。

常用的字体

1.平平稳稳：微软雅黑/方正中黑

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

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

2.与时俱进：方正兰亭系列

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

3.刚劲有力，运动型：汉仪菱心简/造字工房力黑/造字工房劲黑

在这几个字体中，他们有着共同的特点，字体非常的有力而厚实。基本都是以直线和斜线为主。适合广告和专题使用。在使用这类字体的时候我们可以使用字体倾斜的样式，让文字显得更为活力。在这三种字体中，菱心和造字工房力黑在笔画、拐角的地方采用了圆和圆角。而且笔画也比较的疏松，更多的有些时尚而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体使用在大图中偏多，效果比较突出。

以上就是环球青藤小编关于UI设计字体的相关内容分享，希望对大家有所帮助，想要了解更多相关内容，欢迎关注本平台!

可以参考常规字体的使用规范：

1、在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。

2、不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配，等。

扩展资料：

网页设计

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

2、以业务目标为中心进行功能策划，制作出栏目结构关系图。

3、以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

4、以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈，进行页面设计调整，以达到最优效果。

参考资料来源：百度百科-UI设计

参考资料来源：百度百科-网页设计 （网站技术）

合理使用不同的字体，例如：金额元素的数字字体，中文文本的苹方字体，以及英文文本的相关字体等等，

字体尺寸相关输出，我们通常会借助于，蓝湖或者Pxcook等相关设计网址方便开发使用，一般字体的尺寸，不是多大的字体的它的高度就是多少。这时候需要设计师，为字体多预留高度。自己可以尝试一下

参考链接：https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/

参考资源：这是我向苹果中邮件咨询的结果

邮件中我的提问：苹方字体可以商用吗？如果不可以有相关文件说明吗？

以下图片即为苹果法律顾问给出的详细告知，其中我翻译内容为以下

致相关人士:

感谢您联系苹果公司。

关于您下面的询问，我们请您参阅https://www.apple.com/legal/sla/上的软件许可协议。选择“操作系统、软件工具和服务器”后，选择最新的苹果软件，并参考字体部分。

字体本中提供的字体可用于在Mac上运行的苹果软件上创建、显示和打印内容。此类内容可用于个人或商业目的。然而，用户被禁止复制和分发的电子字体文件提供在字体本上使用非苹果的硬件。

如果你不确定你的权利，你应该适当联系你的法律顾问。

感谢你对苹果的关注。

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface（用户界面）的简称。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad上。iOS与苹果的macOS操作系统一样，属于类Unix的商业操作系统。原本这个系统名为iPhone OS，因为iPad，iPhone，iPod touch都使用iPhone OS，所以2010年WWDC大会上宣布改名为iOS（iOS为美国Cisco公司网络设备操作系统注册商标，苹果改名已获得Cisco公司授权）。

sp和dp一样，是android开发里特有的单位，设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的，这个尺寸的画布在android分辨率的分类中称为mdpi，在这个尺寸下，ps里的1px就等于android中的1dp，同样，这个时候1点的字就等于android中1sp。

       UI即User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。由于UI设计涉及学科交广，作为UI设计的主体，设计公司的专业程度及规模是决定作品质量的重要条件，大部分设计公司无法同时满足UI设计对各方面人才的要求，以至于出产的作品大多存在各种缺陷。

参考资料

Android UI设计总结 ：http://www.ixueyi.com/jingyan/2269641.html

在iOS中默认字体分为三类：

第一类： STHeiti-Light.ttc和STHeiti-Medium.ttc代表的是中文字体，常用的方正黑体简体（不能商用）和微软雅黑（不能商用），也可以是冬青黑体简体（暂不详版权）和思源雅黑（免费）。

第二类： _H_Helvetica.ttc和_H_HelveticaNeue.ttc代表的是英文以及数字字体，常用的字体Helvetica

第三类： LockClock.ttf代表的是锁屏时间字体

中文字体： Mac下黑体、微软雅黑、华文黑体、方正黑体简体、思源雅黑、冬青黑体简体等（，看个人习惯，具体设计需求也可以是不常见字体）

英文字体： HelveticaNeue , Arial Bold(Regular)(具体设计需求也可以是不常见字体），在选用不常见字体要在后面切图中：相关的字体要有图片形式导出.png图片，以及如有需要要有文字的字体包，当然还有使用版权的许可。

文件包命名规则是：项目名字＋切图＋作者名字＋日期

例如：蚂蚁金服基金3.5.8.5版本迭代-H5页面设计_切图_李笑_20170321

文件包压缩一直采用.zip格式

文件包要包括：image，效果图＋标注图，切图简单说明（word等文件）。

打开如下图：

在image中切图文件和切图命名中：

···不要出现大写，

···不要有中文、特殊符号以及空格，

···字母必须是小写字母，

···同类切图大小一致（后续文章单独整理切图方法和常见问题）

···iOS切图文件要有二倍像素适配（750px*1334px）iphone6，iphone7和三倍像素适配（1242px*2208px）iphone6 plus，iphone7 plus。需要在名字后面分别加 @2x 和 @3x。具体命名方法是：

模块_类别_功能_状态_@2x／@3x.png  （状态会有：点击状态，点击压下状态，禁用状态，选中状态等）

如：me_bg_nologin@3x.png和me_bg_nologin @2x.png

···iphone4：640x960

···iphone5：640x1136

···iphone6/7：750x1334

···iphone6/7：1242X2208

iPhone图标尺寸及整理如下：

后续会不断的整理和添加修正，欢迎批评指正

如果有用请分享给需要的朋友们

谢谢~