文字设计是最不可忽视的基础部分,你知道吗?

文字设计是最不可忽视的基础部分,你知道吗?

文字设计是界面设计中最细致的部分,也是最基础的部分,不容忽视。 在界面设计过程中主要考虑两个因素:文本易读性和界面易读性。

橙光界面制作字体颜色_橙光怎么制作滑动好感界面_橙光界面制作字体颜色

在任何有效的界面中,分层设计将界面的重要部分与次要部分分开,允许对齐、间距、颜色、缩进和字体。 当所有这些都正确对齐时,它们可以提高整个界面的可读性。

橙光界面制作字体颜色_橙光界面制作字体颜色_橙光怎么制作滑动好感界面

很多刚接触APP界面的设计师,经常被字体大小、字体颜色、间距所困扰。 拿到设计需求后开始设计,但是不知道在哪里调整界面的字号和行间距。

橙光界面制作字体颜色_橙光怎么制作滑动好感界面_橙光界面制作字体颜色

常规字体

界面中的每个词、每个字符都很重要。 好的文字就是好的设计,文字是最基本的界面,我们设计师需要对信息进行塑造和打磨。 字体之间最大的区别不是无衬线的存在3D植物,而是字体之间形状的不同。 但是,很多字体之间并没有太大的区别,甚至有一些新的字体是在现有字体的基础上稍作修改而产生的。

橙光怎么制作滑动好感界面_橙光界面制作字体颜色_橙光界面制作字体颜色

因此,字体分为几个大系列,同一系列中的字体大致相同,称为通用字体系列。 其中包括以下五个系列:

橙光怎么制作滑动好感界面_橙光界面制作字体颜色_橙光界面制作字体颜色

① 衬线字体。 Times New Roman 是默认的 s serif 字体。 对于中文字体,就是宋体或者方宋之类的字体。

②无衬线字体。 默认sans serl字体,微软雅黑、黑体等中文字体都是此类字体。

橙光界面制作字体颜色_橙光怎么制作滑动好感界面_橙光界面制作字体颜色

③等宽字体。 该字体中每个字母的宽度相同,通常用于显示程序代码等。Courier 是默认的等宽字体,每个汉字都是等宽的。

橙光界面制作字体颜色_橙光界面制作字体颜色_橙光怎么制作滑动好感界面

④模仿手写字体。 手写更具个性3D道具,通常用于标题、徽标等。此字体系列没有默认字体。 对于英语,通常使用 Comicsans。 对于中文,行书系列和草书系列的字体都可以算作手写字体。

⑤ 装饰字体。 大多用于标题,极具个性,字体多样橙光界面制作字体颜色橙光界面制作字体颜色,属于艺术字体。

橙光界面制作字体颜色_橙光怎么制作滑动好感界面_橙光界面制作字体颜色

常规字体大小

由于移动设备空间狭小,环境光通常也比较弱,所以在字体和字号的选择上更要注意。 文字大小只是一个范围,具体取决于设计的视觉效果。 字体大小没有严格的标准,但在APP设计中,涉及到四种字体大小:32px、28x和24px。

橙光界面制作字体颜色_橙光界面制作字体颜色_橙光怎么制作滑动好感界面

这里需要给大家科普一下px的概念。 px是指像素单位,10px表示10个像素的大小,常用来表示字体大小,非常方便直观。

橙光怎么制作滑动好感界面_橙光界面制作字体颜色_橙光界面制作字体颜色

间距和线宽

行宽是一行文本的长度。 舒适阅读的理想行宽约为 50 个字符。 行间距的大小取决于文字的设计和间距; 行距是行与行之间的空间。 太紧或太宽都会造成用户阅读障碍,标准行距为1.4EM。 在移动界面设计中,我们通常使用x的高度来表示; 字间距没有固定值。 我们在设计界面时追求易读性原则,通常不调整字间距。

橙光界面制作字体颜色_橙光怎么制作滑动好感界面_橙光界面制作字体颜色

字体颜色

界面中的文字分为三个层次,包括正文、副文、提示文案等。在白色背景下,字体的颜色层次实际上是黑色、深灰色和灰色。 常用的色值有#333333、#666666、#999999。

橙光怎么制作滑动好感界面_橙光界面制作字体颜色_橙光界面制作字体颜色