UI设计中的字体选择,你了解多少?

作者&投稿:伯蒋 (若有异议请与网页底部的电邮联系)
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 可以通过匹配显示器的像素栅格让字体显示更加清晰,降低误读的可能性。

合理运用ui设计字体可以从以下几个方面考虑:
一、字体的变形设计
字体的变形常被运用到UI字体的设计中,它是在电脑字体的基本形态上做出稍微的变形,这样使得整体画面的线条显得更加圆滑,也是字体字型变得更有活力,当然这种变形调整需要依照具体的情况进行操作。当然字体的设计最终目的是让用户能够快速的获取信息,过于的字体变形会让字体变得模糊,使设计舍本求末,失去原有的意义。
二、字体的组合设计
我们应该明白,字体不会是孤立存在的,这不仅是字体的来源可以追溯到图像,也就是说文字的本身来源是人类生活情感的象形。在某种程度上来讲,文字来源于图形,因此图形与文字是同源的,只是文字更加抽象。字体与图片的相互相互融合,就能够更加清晰的理解和传达设计信息内容,并且取得良好的效果,设计的时候需考虑与周围的其他页面元素的协调一致,强化页面的整体氛围的营造。需要把握它们之间的融合点,使其更加和谐。
三、3D字体设计
人们生活在三维的立体生活中,对空间的感觉很为情切,因此在平面中营造一种具有空间感与层次感的字体设计,可能会让用户觉得更加真实,更加有冲击力。3D设计需要借助相关的电脑工具来完成,不管是3D软件辅助设计还是PS/AI,都能够使文字根据光感实现层次空间的变化。
四、字体颜色大小设计
文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色,为了保持颜色上的一致性,标准色一致或相近。比如,站点的主题色彩如果为红色,可能就需要将链接的色彩也改为红色。
在UI界面设计中,不单单是需要美术绘画,同样需要根据设计所要表达的意义对字体、字型的设计做出艺术性设计。判定一个界面设计的美感不是单纯的项目领导的肯定就可以了,而是应该以用户对于界面设计的满意度作为评价界面设计是否完美的标准,这需要最终用户对设计的感受,所以只有在设计中不断的与用户的视觉体验相连,才能够保证设计的完美。

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


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



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


常用的字体


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


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


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


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


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


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


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


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



ui界面设计字体有哪几种选择?
答:手机软件中的字体,ui界面设计字体有以下几种:一、在ios中默认字体分为三类:第一类:STHeiti-Light.ttc (黑体-简与黑体-繁的细体)和 STHeiti-Medium.ttc(黑体-简与黑体-繁的中黑) 代表的是中文字体,常用的方正黑体简体第二类:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及...

UI设计师必备技能:常用字体规范
答:通过设计可以帮助你做出更好的版式,了解不同平台的常用字体设计规范. 在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。 不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。 字体与背景的层次...

UI设计网页设计字体规范应该要注意什么
答:1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配,等。

UI设计中字体设计有什么技巧?
答:1、可读性 可读性是UI中字体所需考虑的首要因素。字母字形必须清晰可辨,作为UI元素,其中不同的字母必须可以被用户轻松辨别出差异。许多经典的字体,甚至包括 Helvetica ,都没办法清晰分辨,字母i的大写形态I,和大写字母 L的小写形态 l,这在界面设计中无疑是有影响的。2、适度 一款理想的UI界面所...

怎样合理运用ui设计字体?
答:合理运用ui设计字体可以从以下几个方面考虑:一、字体的变形设计 字体的变形常被运用到UI字体的设计中,它是在电脑字体的基本形态上做出稍微的变形,这样使得整体画面的线条显得更加圆滑,也是字体字型变得更有活力,当然这种变形调整需要依照具体的情况进行操作。当然字体的设计最终目的是让用户能够快速的获取...

网页设计中最常用的字体有哪些
答:1、Georgia字体 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。2、Times字体 Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被...

iPhone UI设计的字体是用什么字体?
答:使用PS的实际设计中:中文 是 黑体-简。英文 是 Helvetica Neue。基于iPhone6s(750*1334)的尺寸设计的字体大小如下(可以有变化,字体大小值不是固定死的):导航栏标题 38px 返回按钮文字 34px 标签栏文字 22px 购买按钮文字 42px 主页价格文字:数字50px 符号28px 文章标题 36px 文本...

UI设计中字体的应用
答:你在规范字体的时候可以参照这种样式来规范自己的设计iOS iOS的系统字体是San Francisco。该字体有两个变种:SF UI Text (用于19pt及以下大小的文本)和SF UI Display(用于20pt及以上大小的文本)。当你在标签和其它界面元素应用了系统字体时,iOS系统会根据字号自动选择最合适的字体样式。它还会根据需要自动改变字体,以...

APP开发中UI界面设计需要注意的几点问题
答:(1)字体选择 字体本身是具有一定气质的。针对产品,恰当的字体选择可以更好地定位产品以及传达产品内容。所以UI设计师可以根据产品气质来内嵌字体,或是写作平台的简书APP,或是分享美食的APP,它们所选择的字体都是跟产品的定位相符合且气质一致的。(2)文字排版 UI设计师可以通过调整设计元素的体积以及...

字体设计的三大原则,一起来看!
答:3、风格气质的统一 使字体搭配协调的一个基本原则就是选择气质相近的字体。不同造型特点形成各种风格特征的字体,它们所传达出的情感也不相同。有的字体气质庄重,有的字体散发出古典气息,有的给人以现代时尚感,有的字体注重信息传递,而有的注重精神象征。以上就是关于字体设计原则的相关分享,希望大家...