新手ui设计师需要掌握的文字基础知识

发布者: u-walker 发布时间: 2019-10-11 浏览 89
  新手ui设计师需要掌握的文字基础知识。影响ui设计界面的因素有很多,文字的属性与排版是其中一部分。下面,小编就给零基础学ui的学员们分享几点我们需要掌握的文字基础知识。

新手ui设计师需要掌握的文字基础知识

  一、文字的角色

  在ui设计中应用文字,有一个非常重要的概念,就是“文字的角色”。这个词听起来很抽象,但并不难理解,以淘宝的购物信息为例,包含的文字角色有商品标题、价格、原价、商品介绍、优惠信息、新品提示、标签提示等,它们的样式各不相同,不仅丰富了页面的视觉体验,也便于用户理解内容。文字的角色是决定它们样式的关键因素,在我们用过的 Word 或 PPT 中,都有提供一个样式选择的列表,它们就是文字角色最基本的体现,比如标题、二级标题、三级标题、正文、注释等等。不同的角色,它们在画面中的定位就不一样,有各自的作用,所以我们必须通过不同样式体现。而角色中还包含一种内建的逻辑,即 “权重” 的等级,大标题、价格就像主角一样,需要重点给特写,而注释类文字则是龙套无足轻重。

  二、系统规范与应用

  iOS、Android、Windows 等系统的设计语言,都是基于英语环境下诞生的,给出的文字设置也是基于英文的参数。这种情况导致,这些设置不能无差别的应用到我们ui设计的界面中去,会为我们的设计带来非常多不合理的地方和限制。

  例如,官方规范中的字间距,在不同尺寸下有不同的数值,这在中文中是完全不需要,且英文适用的阅读文本字号,比中文更小等。所以,系统的规范只能作为一种参考,而不能作为我们直接套用的来源。合理的设计源自合理的思考,官方的文字只能作为参考。

  三、设计规范中的文字

  很多人以为文字设计规范就是把用过的文字列一些出来,没啥难度,这也是一个误区,想要让整个开发过程顺利,不在文字实现问题上载跟头,那么设计规范中文字的规范制定就至关重要。多行文字下,行高势必要进行调整,于是就和默认状态下有差异,而我们在设计过程中,有很多文字即可能出现单行也可能出现多行,比如下面的案例。左侧是只有一行的状态,右侧是两行的状态,于是行高上就发生了变化。所以,为了解决后面很多不必要的麻烦,我们尽可能在制定设计中的文字规范时,就将文字的行高设置成多行显示高度下的数值,再以此进行排版。这样,就可以解决非常多不必要的问题。为了保证我们设计过程中的统一性,同时要将应用过的文字样式通过软件功能进行整理。

  新手ui设计师需要掌握的文字基础知识。掌握好界面设计中的文字设计,不仅可以提高产品的整体视觉效果,还能从另一方面展现设计的设计能力。

本页网址:https://www.u-walker.com/ui/1468.html

上一篇: 影响微信h5传播的因素有哪些

下一篇: ui设计中的投影如何设计

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部