交互设计规范那点事

为什么要做设计规范?

 保持平台统一性

设计规范相当于是给设计师设定一个限制,在这个限制的范围内进行发挥,让整个设计结构比较可控。特别是在teamwork时,不同设计师设计能力层次不齐,对产品和设计的理解也各自不同,如果没有规范,那就比较乱了。

提升团队效率

首先规范保障了大家在认知上的一致性,同时细化出来的组件库、模板等都是可以作为通用库在团队内应用的。方案pk选择时可以用规范剔除出太over的方案,有迹可循。

打磨细节体验

设计师在工作中可能都是跟着版本的节奏,不停的迭代做设计,很少有时间可以反过来看看原来的设计,是不是还有不合理的地方需要优化,边边角角没有统一,等等问题。制作设计规范就是个很好的时间节点去重新回溯自己的设计。

---

什么时机做设计规范?

 有一个成熟的产品

一般来说,至少要有一个成熟的产品,设计语言被用户认可,符合其使用体验和对品牌认知,才会对设计语言进行提炼,并总结出设计规范,应用到今后的设计,或同个产品线的其他产品上。产品如果还在孵化或者探索阶段,没有经过用户的认可和习惯养成,这时盲目去做设计规范,反而是吃力不讨好,设计思维受限于不合理的框框内。

团队协作时

如果没有团队协作,只是单个设计师负责一个产品,制作规范的意义就不是很大。因为通常这种情况下,产品本身的规模也不是很大,而整理规范需要花费很大的经历,性价比不高。

---

设计规范包含哪些内容?

如果去网上搜别人的设计规范,一般都包含原则、控件说明、组件库,有些规范还会有典型界面、应用案例、图标、颜色、尺寸适配,甚至还有动效js代码。那交互设计规范到底应该包含哪些内容呢?

我们把制作交互设计规范当成是一次服务设计来看,一般可分为三类用户人群,团队内设计师、第三方协作团队(开发gg)、公开给大众。用户目标不同,设计规范的目标和结果也不同。

给团队设计师看的交互规范,是为了让组内设计师对产品有一支的认知,且能够准确地应用到日常的设计中去。因此需要比较系统性的规范,最好包含原则、控件及场景说明、核心页面并提供组件库、icon库、错误提示规范文档等,进行应用。

和开发gg们协作时,有一份规范文档,也会事半功倍。一般比较关注应用的文档,所以可以细化到通用页面、提示规范、控件操作规范等、让他们写一些基础页面的时候可以更系统性。其他的内容作一下简单说明,阐述设计思路就可以了。

公开给大众的设计规范,显而易见是为了展示设计实力,提升团队的影响力。更多地阐述产品的定义描述、设计来源和原则,再举一些典型案例,用做示范。

---

为什么制定了设计规范,设计师不用?

很多公司都会碰到设计规范执行不到位的情况,一些设计师对规范有抵触心理,设计方案时比较追求个性化和创新性,觉得规范是一种束缚,限制了设计思路。从制度上讲,一方面可能是缺乏有力的监督和奖惩制度,但是规范制定者也需要思考这个规范是否具有可执行性。

制定规范时最好是团队协作,设计师全程参与到整个过程,也会了解项目背景和产品定义,最终产生的结果会比较认可,也愿意去执行自己作出来的规范。另外一种情况是,有了完善的规范,但是规范太过于宽泛,内容不具体,缺少必要的细节说明,或规范的可读性比较差,让设计师无从下手。建议规范制作还是松紧有度,不需要为100%的内容制作规范。同时要求信息主次分明,对产品和设计原则有清晰的定义和准确的描述,并且场景完备。

---

设计原则用apple 或material design的原则可以吗?

很多设计师入门都是以iOS或Android的设计规范开始,曾经在制作设计规范之初,也有设计师问,为什么要制作设计规范,不是直接应用iOS或安卓的设计规范?事实上,这两大移动系统的设计准则《iOS Human Interface Guideline》、《Material design》也非常详细、完善,很有参考价值。而我为什么主张为单个产品线制作一份专属于自己的设计规范呢?

两大准则业务的普适性导致了设计原则和规范都偏基础。如ios人机交互指南提到的六大原则:*美学完整性、一致性、直接操作、反馈、隐喻、用户控制*。这些原则应用到任何场景任何产品都没毛病,似乎是每一个App设计都应该做到的,不能反应产品的个性和特点。

---

有了完善的规范,如何创新?

首先不需要为100%的内容制定规范。通过这个规范设计师明确了设计方向和设计元素,并减少了因为个人审美偏差或与可用性原则不符造成不合理的设计方案,那么就达到了规范的目的。

规范是可以被迭代的。规范是辅助设计师工作的工具,所以设计师仍然要以业务目标和用户体验为目的,当发现规范不能覆盖到的场景,或者是有偏差的地方,可以及时更新规范。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容