我们项目的UI设计师是是一个胖胖的暖男,我们喜欢称他为胖虎。胖虎除了胖之外,还有一个特别的地方,就是说话慢条斯理、有理有据,这也让大家特别喜欢他。
我们产品经理每次扔给他原型之后,他总会极其高效的完成UI效果图,每一次我都会被他设计的作品惊叹,我总会在想,他怎么将颜色和文字运用的如此恰到好处,怎么呈现出这种经验的作品的。
他一定是个藏匿于此处歇脚的大师。
那天,我微信问他:胖虎,咱们UI的设计规范都有哪些啊?能简单介绍一下吗?
胖虎:这个只能用嘴说
我顿时裂开。
胖虎:要不明天给你带一本书吧
我再次裂开。
中午吃饭的时候我看见他踏出了办公室,我快步跟上他,喊了声,胖虎哥,今天中午准备吃点啥呀?他笑眯眯的看着我说,当然去吃美食啦。
……
此处省去和胖虎的对话,下午的时候,我简单整理了一下胖虎给我的第一堂课。
一 文字的基本规范
文字是任何产品的基本元素,打开任何一个产品,首先呈现给用户的当然是文字了,它承载了产品的内容信息,具有举足轻重的地位。字体是设计中不可或缺的因素,不同风格的字体呈现出来的气质不一样,在不同的场合中会给人不同的感受。
因此在设计过程中要考虑字体的设计效果,并且在设计的UI规范汇中标明。这样前端或后端在开发过程中就可以按照既定的规范来合理开发了。
产品中对文字的要求有哪几个方面呢?就像一个合格的毕业论文都固定的文字格式和排版格式,同样的,在产品中文字应该如何选择、字号应该如何设定、字体颜色怎么设置呢?
1 字体选择
在字体的选择上往往根据产品的特点、产品品牌延伸出来的关键词来定位。有的字体字形方正、有的鉴定稳固、有的苍穹有力、有的艺术多变。
常用的字体有华文黑体、微软雅黑、苹方字体、方正栏亭黑、Open Sans、Display、Helvertica Neue等等。
胖虎强烈推荐的万能字体:苹方字体和Helvetica Neue字体,如果有特殊要求,那么就制定个性化的方案。一般的在定义字体规范格式如下:
2 字号选择
每个设计师遵循的字号理念是:字号的大小决定了信息的层次和权重,整齐大方、层次分明能够让整体设计清晰有序。相反,如果没有选择正确的字号,那么会打破扁平化的设计,会让界面看起来杂乱无章。
实际工作中对于字号的选择,可以遵循IOS、Android的字体规范,还可以根据产品的特点去个性化定义。
胖虎认为根据文字位置和内容的重要程度可以将其分为三大级别:重要级别、一般级别和较弱级别,他们所对应的样式、字号和使用场景分别如下:
3 字体颜色
字体颜色同样的根据文字位置和内容的重要程度分为三个级别:重要级别、一般级别和较弱级别,对应的分别为用于特别强调突出的文字、正文标题、正文文字、用户输入框的提示和用于次级提示。
胖虎常用的字色选择如下图片所示。
二 写在最后
在整理这些文字时,我越发觉得一个优秀的UI设计师是一个多么严谨而富有浪漫的职业。产品的每一个地方都离不开UI设计师辛苦的、一丝不苟的细节把关,小到每个字号的大小,大到商业宣传时海报的制作,也正是这个职业让我们的产品变得更加活泼,更加贴近生活。
胖虎的三言两语让我深受启发,让我觉得作为产品经理的我对UI交互、UI设计知之甚少,这一方面也是亟待需要提高的地方。
我抬头望了眼胖虎,他正飞速的敲击着键盘,飞速中透露着优雅,这次一定又是满意的答卷吧。