字体排版需要掌握的10条原则

作者&投稿:费庆 (若有异议请与网页底部的电邮联系)
~ 选择合适的字体是排版开始的第一步。当然排版中除了改变字体大小,其实还有很多内容可以调节。

这里分享UI设计中字体排版需要掌握的技巧和标准原则~

首先介绍两个容易混淆的概念—— 行高和行间距 ,两者在中英文的用法也有差异。

中文行 高:上一行文字的最底部与下一行文字的最底部之间的距离。

中文行间距 :上一行文字的最底部与下一行文字的最顶部之间的距离(行与行之间的距离)。

基线是英文字体结构中的概念,英文的行高由基线决定。

英文行高 :上一行的基线到下一行基线之间的距离(蓝线标注);

英文行间距 :两行字体之间的距离,即上一行的下限线与下一行的上限线之间的距离(橙线标注)。

字重 (weight)是指字体的粗细程度。字重的粗细变化为我们在不同场景使用提供了更多选择。

衬线体 (serif)是指字形笔画在首尾的装饰和笔画的粗细不同; 无衬线体 (sans-serif)没有笔画首尾的装饰,笔画粗细相同。

在同等字号下,无衬线字体看上去要比衬线更大,结构也更清晰,所以无衬线字体更适合在屏幕上使用。

绝大多数UI界面是由一些标准元素组成—— 文本、矩形/框、按钮和图标。

字体大小对比明显的层级结构让用户更容易地找到重要信息,提升界面的可读性。

合适的行长能确保文本在不同的设备上都能易于阅读。

这里有行长的基本用法:

中文一个字占两字符,英文一个字占一字符,行长在页面中的最大长度不能超过110个字符;

当字体变小时,增大行高可以获得更好的可读性和易读性。

混合太多不同的字体会让界面设计变得混乱。

选择字体时尽量使用带有 多种字重的同一款字体 ,通过灵活调节字重达到界面统一的效果。

页面中不同的位置 (标题、正文、备注) 要使用不同比例的字体,从而产生连贯的排版体验。

通过上面的原则可以提升界面的可读性和美观性。但是如何提高界面中信息的 可理解性 呢?

只有真正把设计与信息结合在一起,才能使传达的效率最优化:

避免使用专业术语。 除非是为特定人群设计产品,否则应避免使用行业术语。

保持提示简洁明了。 例如在访问网站时,将“只有会员才可以访问此功能”修改成“加入会员即可访问”,这样的提示更能切中要点。

使用 颜色和视觉权重 来强调重要信息,用较浅的文本来展示次要信息。这样能将更多的注意力集中到更具活力的文本上,帮助用户快速做出选择。

同一个词语的拼写长度会随着语言的不同而变化,所以要有足够的空间来容纳字符。

如果在字体选择上出现困难,可以考虑使用iOS和Android原生的系统字体。它们支持丰富的字重、尺寸和样式,利用这些字体也能打造舒适的阅读体验。

最后分享两个实用的字体网站:

Google Fonts :在线调试、预览各种字体

Type Wolf :最新的字体流行趋势

精彩推荐:

1、聊聊卡片式设计的运用

2、案例分析:栅格系统的布局设计

3、如何设计深色模式?这3点因素需要考虑

4、深度解析:服务蓝图的应用逻辑 设计

字体排版需要掌握的10条原则
答:中文一个字占两字符,英文一个字占一字符,行长在页面中的最大长度不能超过110个字符;当字体变小时,增大行高可以获得更好的可读性和易读性。混合太多不同的字体会让界面设计变得混乱。选择字体时尽量使用带有 多种字重的同一款字体 ,通过灵活调节字重达到界面统一的效果。页面中不同的位置 (标题、...

排版原则
答:1、黑配黑、宋配宋(中文的内文排版主要是9Pt最多,当然也可以另外设置)2、中英文的笔画粗细的搭配,要考虑字块密度,如果希望相似,大多数会让英文笔画稍粗一点。(汉仪旗黑是个有笔画系列的字体)3、中英文的风格感觉应匹配,例如比较圆润的中文,一般就会搭配比较圆润的英文。4、有时会对字体进行...

设计出漂亮的字体组合效果的十个黄金规则
答:文字选择的过程中,标题使用的字体(英: display typefaces),选择有特点的字体还是中规中矩(英: Neutral)的字体,是非常重要的工作。在下面这个杂志的版面设计中,标题使用了两种字体,正文使用了无衬线字体。 字体可以从具有历史性的背景或体裁中选择。你可以简单的研究一下字体的历史背景,以及,这个字体是在什么时候被...

字体设计中有哪些需要遵守的原则?
答:1、一个版面中字体不宜太多 一个版面中字体的变化不易过多,不论信息量有多少,字体选择控制在二至三种已足以应付画面的需要。即使字体不变,通过改变字体的大小、粗细、颜色或是装饰手法也可达到区分主次、引导读者阅读的目的。字体类型越少,对画面文字信息的编排布局就越容易掌控。信息量非常大,但只...

字体运用的18条规则
答:突出文本对易读性和快速浏览非常重要,一般规则是,强调文本不要超过整个文本的10%,如果所有都被强调,那就不是强调了。当然,一次仅仅使用两种或是三种强调技巧。换句话说,不要同时使用,颜色,字体改变,大小,下划线,斜体,黑体。17.考虑使用使用老式的数字 老式数字是数字通过高于或低于基线写成。就像...

文字排版的技巧有哪些?
答:6. 避免在界面的大部分区域使用大写字母 文字排版的技巧有哪些?不要在所有文本中使用大写字母,这会迫使用户阅读大写字母、大写字母、特殊意义的缩写等,但大量的大写字母相比于小写字母,会严重降低用户的阅读效率和乐趣。7. 控制行距在1.5-2倍的字体 在文本排版中,另一个术语用来表示行之间的距离:...

文字版面设计有哪些细节?
答:1、避免孤行寡字 孤行,是指页面中出现的一行的单独文字,这样看起来影响版面的整体结构,寡字与孤行类似,通常是被排版成单独一行的单独文字。2、注意标点符号避头尾原则 避头尾设置可以避免每行的开始和结束出现不符合常规的符号。比如每行的最后一个标点是“、”或者“,”,设置...

平面设计字体排版该怎么注意和把握?
答:1,间距要根据实际,注意疏密要结合就可以了,主题一般要用大黑字体醒目一点,正文用宋体之类的小字体比较清澈。2,背景颜色也不是固定的,加些半透明的底纹或渐变,效果要好些;喷绘一般分辨率在30-72dpi,写真一般是150-200,印刷的话300就行,印刷公司排版主要用indesign,pagemaker,QUARK,飞腾等排版...

艺术字体设计的要点和原则是什么
答:以下就是小编为您推荐的艺术字体设计要点和原则。 1.文字本身的气质: 气质这个词不仅用于对人的一种描述,而相应的字体本身也存在着,每一个文字所透露出来的气质都是不一样的,比如“战斗”的“战”、“耕地”的“耕”、“思考”的“思”、“设计”的“设”等等,所有的文字在单独上或者与不同文字的搭配上所...

字体排版技巧有哪些?
答:字体文字的排版,是平面设计师的设计基础技能之一。在互联网设计盛行的背景下,我认为不同方向的设计师或多或少都应该具备一定的排版技巧。做好排版工作,除了有助于提高综合设计能力外,对自己作品的展示,也能起到锦上添花的作用。而不少的小伙伴不会进行字体排版,下面我们就为大家分享一些字体排版的...