恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
五分钟带你了解设计规范
0.0°
2018-08-22 原创文章 经验/观点 举报 1156 2 5 0

设计规范早已经不是一个全新的概念了。如果你正好有参与互联网公司的产品设计,我想你已经能够体会到设计规范的重要性了。UI设计师总是要花费大量的时间和精力向开发描述一大堆设计细节,但是产品最后呈现的样子仍旧和原本的预期大相径庭。而对于一些甚至没有专门设立交互设计师和UI设计师的互联网公司或团队,产品经理更是会被五花八门的设计搞的焦头烂额……


以上的情景我想你应该不会感到陌生吧,这种没有规范的不一致性设计,就好比是一盘不受控制的散沙,难以打造成钢筋水泥,长成高楼从林。没有设计规范的指导,将会大幅增加时间消耗和沟通成本,减慢创新速度,最终造成用户困扰,恶化用户体验。


基于这样的现状,摹客设计系统可以说是一种应运而生。摹客设计系统带来的设计规范定制和管理,是设计的统一、规范和一致性。


如果你需要了解和学习设计规范,这里有你不可不知的三件事。


第一、高效管理设计规范至关重要


这里我首先要讲,无论你所在的设计团队是基于大企业还是小公司,设计的一致性问题都是至关重要的。对于大公司而言,产品发展相对比较平稳,品牌定位和形象都已近接近具体化,在这种情况下,参与设计的人员必然会便随产品体系的增大而增加,而一致性的问题就会愈发凸显出来;而小公司或是创业公司,如果没有一个统一的设计规范管理,对于品牌定位的建设是很难做起来的,并且,还可能带来超额的时间和资金成本。


那么,如何高效系统的管理设计规范呢?


1.合理归类


制定良好设计规范的第一步就是合理归类。你需要先明确你需要整理的内容有哪些,这些内容的分类又该怎样呈现。比如在摹客设计系统中,你可以建立多个库、分类和子分类来进行管理,每个库里包含2大类资源分类,第一类是文件类资源,其包含Logo、图片、图标、组件、字体;第二类是编辑类资源,包括颜色、度量、标准字、阴影。基本满足了设计师的多种设计类型需求。


Image title


2.划分任务优先级


一套规范所包含的内容非常多,为了提升整体效率,需要划分任务的优先级,你需要搞清楚哪些是最重要的,是必须先做的,哪些又是可以放在后期更进的。比如说,整体的风格需要先确定,这是一个高层面的指导,只有先确定了风格和框架,设计细节才能慢慢打磨和推敲。


3.合理分工


制订一套规范靠团队中的一两个人是无法完成的,这是整个团队的事。一方面,分工可以减少工作量,加快进度;另一方面,多人参与更有利于收集意见。


这种需要多人参与的设计规范制定,需要有优化的共享平台和协作方式。比如在摹客设计系统中,就有高效的团队协作,团队中的成员均可分享设计资源并遵守设计规范。你可以创建自己的团队,邀请成员,设置团队成员角色和权限,各司其职,高效管理,进行协作设计。成员还可以在Mockplus和Sketch等系统对接工具上,将设计元素上传到设计系统形成规范,再让整个团队分享和利用这些通用资源进行快速设计。当然,你也可以一键分享设计规范给团队其他成员。


Image title


4.制定规范,保持设计一致性


在确立了任务优先级和成员分工之后,就需要制定规范开工了。这就是一个比较长而艰难的过程了,你需要弄明白设计师在各自的任务里如何交接,何时碰头等等问题。在这之前,你还需要知道规则本身需要用来做什么,规则本身的原则有哪些,输出的内容又需要哪些等等。


5.输出和优化


一个规范可能不仅仅是用于设计师之间,还需要对接开发,交付给你的老板以及第三方工作人员。因此规范的输出也是至关重要的。在摹客设计系统中,针对团队内成员,你可以一键分享设计规范,对于开发人员,你可以导出CSS、SCSS、LESS,应用到前端开发。当然,你还可以导出各类版式的设计规范图(UI Style Guide),用于更多的交付对象。


不管是哪类的输出,都需要满足能够在规范中快速的找到设计的指导信息的要求,并且在产品过程中,更新,优化,满足这样要求的规范,才是真正具有指导意义的。


第二、设计规范是活的、动态迭代的发展状态过程


互联网产品的迭代速度真的是太快了,迭代和变化是一种常态。因此,没有一套设计规范可以是静止的,不变的,这个在哲学的层面上也是一种真理的存在。如果你还在试图编写一套万能的规范,这是不可能的。这一点你首先在本质上需要有正确的认识。


设计规范其实是一种动态的流程,是一个活的、动态迭代的发展过程。它应该是可以不断优化的,迭代的,可维护的,具有发展性的。


这个可以从两个方面理解,首先,规则本身具有可优化的可能性,你需要不断的更新,在新旧之间做出取舍,但又不至于说全部的规范都重头来过一遍,没有那么多的时间和精力。这个和上面所讲的规范的管理大有关系,管理的一个意义就是用于更新时可以便捷,迅速,高效。


其次,对于设计团队而言,输出一套规范的规范并不是最后的归属,规范它应该具有更多的用途才能实现价值。在整个产品过程中,规范也只是一个必要的工作流程的一个部分。这个完整的工作流程还包括如何协调平台,如何协调开发,如何协调产品等等,最终目的,是产品用户体验的持续优化。


Image title


这一点在摹客设计系统中也是有迹可循的,一套规范可以在云端进行管理,可以在编辑后自动更新,可以通过对接Mockplus和Sketch加以利用,并在使用中及时接收反馈,每一个组件,每一个icon,每一个图标,都不是死的,都是活的,可利用的。此外,摹客设计系统还有实时推送资源的功能。


第三、设计规范服务于快速设计


规范不等同于标注,不是一个固定的说明,一个好的规范应该是一个设计方向和基本参数的统一。在这种规范的“束缚”下,优秀的设计师总是可以最大限度的利用可扩展性,做出优秀的设计方案,并且可以用于到设计中,这是真事。


不管是建立规范,还是在迭代中继续完善已经存在的设计,设计规范只是一种有效的方法来为你的设计服务。因此规范本身不应该是一个独立的系统,它应该是和工具相对接的。做出来的规范如何投入使用,如何才能服务于设计,服务于产品,完成产品体验的不断优化,这才是关键点。


Image title


在摹客设计系统中,对接的设计工具是Mockplus和Sketch。Mockplus是更快更简单的原型设计工具,而Sketch是一个高效的矢量图工具。在摹客设计系统中,可以实现设计资源的应用、上传和推送。也就是说,你可以在Mockplus和Sketch中制作和上传设计资源,再让整个团队分享和利用这些通用资源进行快速设计。而应用决策也很简洁,只需鼠标拖拽或者点击即可应用。这对于快速设计的需求,是极有利的。


以上就是我对于设计规范的一些理解,希望能让你有所收获。如果所在的团队还没有开始进行设计规范,我的一个建议是可以尝试一下摹客设计系统,它不仅是国内独家设计系统,它所能给你带来的价值,也许会超乎你的预料。















更新:2018-08-22

收藏

2人已收藏

伦敦梦

一枚羞涩的设计狮~

  • 5

    作品

  • 1

    粉丝

  • 0

    关注

  • 设计规范真的限制了设计创造力吗?
  • 一份超实用的设计规范制定指南
  • 教你如何构建UI组件设计规范
  • 技巧分享: 快速搭建一致统一的设计系统

    猜你喜欢

      2018-08-22 原创文章 经验/观点 举报 1156 2 5 0

      五分钟带你了解设计规范

      0.0°

      你确定要举报五分钟带你了解设计规范

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录