020-29815005
预约专线时间:09:00-23:59

UI设计如何做规范

新闻来源:优漫教育 日期:2021-07-14
近来为提高设计的效率和质量,我开始研究如何规范。看看别人做的UI设计规格说明,再回顾一下自己之前做过的事情,发现了有趣的地方。
  一、一般设计规范。

  各种规范虽然内容不同,但对其进行对比,却有许多相似之处,通常包括:布局、组件、配色、图标四个部分。元件中的分类不外乎导航、菜单、窗体、列表、表格、按钮、弹出框等等,我就不再一一列出了。


  二、有哪些类型的设计规格说明。

  总的来说,我发现这三种类型的设计规范的概率都很高:

  1、展示给产品经理。

  IOS和早先的Android(现在已经统一改为MaterialDesign)设计规范是属于给产品经理的,其中大部分内容都是围绕如何选择大方向、哪种处理方式更合理展开的,并没有详细介绍。

  这个规范适合做演讲,内容不多,都很有道理,参杂了很多创新功能。并且拿着它去做设计是很痛苦的,因为它并没有告诉你怎样才能达到构想中的目标,图标,大小,颜色,字体等等,许多东西都不清楚。

  2、展示给设计师。

  这个规格说明的好处通常是内容非常丰富,图例丰富,建议更加详细,可以让设计者在此基础上发挥创意。MaterialDesign就属于这个类别,而且很多1:1范型都可以直接作为参考,这是非常令人感动的。

  但是这一规范也存在着缺陷。首先,它缺少针对特定场景的规则,往往把所有可能使用的元素一一一一列出,而又没有告诉你在什么场合该用什么。第二,容易理想化,因为做出这一规范的人往往是纯设计师,所以许多设计理念不一定是可以实现的,或者是一些创意没有必要地经过实践的检验。在MaterialDesign中许多看似简单的设计实际上很难实现,比如用分辨率敏感的dp替换像素单元实际上是很困难的。

  3、展示给程序员。

  这种类型与布局、互动、色彩等细节无关,而是告诉读者他们可以做什么,如何做。这样的标准笔我原来预料的要多得多,其中给我印象最深的是WindowsPhone的设计规范,因为我在微软创新杯(还得了全国一等奖),为了设计我曾经花了很多精力去研究这个规范(英语不太好)。windows设计规范是多么好,程序员们的同事们都称赞它是多么的好。如今,WindowsPhone的设计规范虽然将其称为与WindowsPhone开发规范不同的设计规范,但它却是一个指导程序员如何实现各种接口的指南。一个产品经理可能也会用它来查看页面的类型,这对设计者来说没什么帮助。

  这个规范对那些不需要设计人员的场景是非常有用的,与前两个比较,这个可实现性相当高。


  三、选择设计说明书。

  以上所提到的三个设计规范,我想都是非常重要的,并且适合不同的场合。一是产品经理看的规范,适合设计初期的设计理念、确定思路、汇报阶段。给设计者看的第二类规范适用于设计定型阶段,这个时间界面具体长什么样已经确定,但今后的实施过程中还会带来一些不确定性。类型三的规格说明适用于开发阶段,按照接口规范代码,可以大大提高前节开发效率。


UI设计培训班


  四、常见的设计规格遗漏。

  因为第一类规范对内容的要求不高,所以这里的省略主要针对后两类。

  1、文字的格式。

  设计者往往过于注重绘画,忘记了文字也要有规律性。举例来说,有许多种可能的日期格式,如“YYYY年MM月DD日”、“YYYY年M月D日”、“YYYY/MM/DD”等等。比如单位,是使用“尺寸:100M”、“尺寸:100兆”还是“尺寸(M):100”?

  这两种格式定义起来并不费时,但是如果没有规范的话,可能是同一个东西在每一页显示的方式不同,对用户来说也挺烦人的。

  2、特殊情况。

  进行设计与做规格说明的区别在于,在做设计时,只有在知道有某种状态的时候,才去设计那个状态;做规范的时候,通常假设所有数据和操作都有状态,不同地方的同类状态最好能统一。

  无论是按钮,链接,输入框,下拉菜单,所有的操作都有可能失效。当失败时,什么情况下显示无效状态,何时才能完全隐藏操作,这些都是可以统一考虑设计的。

  任何操作都有可能出错,特别是输入框错误率极高。怎样告诉用户错误的地方呢?怎样纠正?从这也可以联想到,如何在一开始就避免用户犯错呢?

  可能所有放置数据的地方都没有内容,比如列表为空或字段为空。这样的情况应该怎样清楚而美观地告诉用户这里没有内容不是网络问题也不是系统问题?

  一切可能发生的内容异常,网络不稳定,格式不支持,系统出错等。这样的情况如何清楚而美观地告诉用户可能存在的问题,如何修复?

  成功也需要有一种成功的状态,有时一页一页,一页一页,一页一页,一页一页,一页一页,用户不会记住第三页是成功还是失败。

  3、多级多选,多选。

  一种灵活的接口规范可以处理大多数内容更改。比如导航和菜单中的条目的数量和序列通常是不确定的,下拉选项也不必只选择一个内容。更为灵活的情况是,一篇文章可以长达几十个屏幕,当您自动识别文章标题,生成目录,还是显示文章的分页显示?

  4、使用指南。

  在设计过程中常常拖到最后才考虑使用指导原则,而且在规格说明中常常被忽略。这其中最重要的是用户第一次使用时看到的操作指南,可能不仅仅出现在首页,而且将来可能会随着设计的改变而改变,因此这一首次使用的操作指南也是有必要的。

  另外,在使用过程中,关键时候出现的操作提示也可以规范。比如,当一个用户进入一个新功能时,就会显示这个特性。

  5、尺寸适宜。

  回应界面已经被讨论了这么多年,而且这个规范非常明确,除了MaterialDesign,其他都很难找到。想要学习响应式界面,看看我之前的文章《设计响应界面应该清晰些什么》。应答界面的分类和实现方法多种多样,无论是视觉化、交互化还是前段部分都涉及到,每一页和元素都可以根据实际情况进行特殊处理,这也是响应式设计定制很难的原因。

  6、动力作用。

  效果也很好,但似乎还停留在表面上,缺乏一整套可依赖的标准。动作设计师不是很好,既要有超高的编码能力,又要有敏感的审美神经。或许正因为如此困难,才导致大多数设计规范即使包含了有效目录,里面填充的内容也十分模煳。

  7、声音效果。

  大多数应用是没有声音效果的,因为音响效果容易使人厌烦,而且节奏控制不好。但对音乐、视频等媒体应用而言,声音效果发挥的空间很大,至今没有得到开发。

  除了这些,如果有声音效果,什么时候用什么,什么声音,多大的声音,多长些,振动模式(手机),不需要震动反馈,都可以考虑。

  8、姿势。

  就像键盘的快捷键一样,更喜欢触屏手势的人也很多,手势可以使产品更有特色。如允许使用手势,也可作此规定。

  九、国际化。

  假如界面上有不止一种语言,那么文字转换后如果太长或者太短呢?当用户无法理解当前的语言时,如何切换语言?选择哪种语言不会太难看(例如中文的默认字体通常是宋体)?

  10、小众群体。

  尽管我们最关心的还是主流用户,但许多小群体组合在一起也可以构成一定的分量。比如,UI设计培训班的触屏应用会给左手用户带来舒适的体验吗?没有鼠标或者没有键盘的用户可以使用桌面应用程序吗?色弱能区色盲与分界面的色块?视障人士可以放大字体吗?失明的用户可以使用屏幕阅读器…