火星网校
UI设计：字体排版别踩雷，中文字体规范助你规避设计困境
发布时间：2024-08-29 12:29:19 浏览量：125次
年后是找工作的高峰期，特开此头条号给各位UI设计准从业者分享一些我自己工作中遇见的问题及经验之谈。希望大家多多关注。
很多刚做APP界面的设计师，经常会因为字号，字体颜色，间距等问题困扰。
拿到设计需求后，页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐，导致与预期不符等，完全不知道该如何下手，如何开始进行设计。下面，我就从UI设计中常用字体规范中给大家简单讲解一下，如何进行设计。
一、字体设计排版
我们常常会听到，这也太LOW(土)了吧？你能修改一下字体吗？
过多不明确而繁琐的字体搭配会导致整个画面失调。可以这样说，字体可以成就你的设计也可以毁掉你的设计。
问题的关键有：
1.字体样式太多，导致页面杂乱
2.使用的字体不易识别
3.字体样式和内容的气氛或规范不匹配
那么，怎么避免这样的结果发生呢？
通过设计经验可以帮助你做出更好的版式
了解不同平台的常用字体设计规范
在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。一般来说，视野范围内，最多不能超过三种字体，太多的字体、字号，就显得非常杂乱无章。
不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。
字体与背景的层次要分明
确保字体样式与色调气氛相匹配
二、界面中中文字体使用规则
不同平台、不同界面设计中，使用的字体规范也有所不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体，在这我和大家分别介绍一下。
常规字体
IOS:可以选择的字体有华文黑体或者冬青黑体、苹方字体；尤其是苹方字体效果最好(iOS9系统将平方作为iOS字体)。
Android:英文字体：Roboto 中文字体：Noto。偶尔也会用到微软雅黑字体。
网页:网页中常规字体一般选用微软雅黑作为设计字体（微软雅黑Windows LCD）
常规字号
导航主标题字号：40-42px。
我一般设计就用40px，偏小的40px字号，显得精致些
内文展示中字号：大的正文字号32px,副文是26px，小字20px
一般在内文的使用中，根据不同类型的App会有所区别。像今日头条新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗。而列表形式、工具化的APP普遍是正文32px，不加粗。副文案26px,小字20px。
设计是一个漫长的修改过程，一个好的设计稿，不单单从字号，字体体现。下一期，我将给大家谈谈，UI设计规范中的其它要素。
想要了解更多UI设计相关信息，欢迎点击咨询火星时代教育。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
学习平面设计要用到哪些软件？随着社会的发展，平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗？本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
-
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
