搬运自己在知乎上的回答,写于2017年6月

    Design Language可以标志着一家公司的设计水平,还能够反映出公司在设计方面资源的投入状况。在这个上面做Design Language可以标志着一家公司的设计水平,还能够反映出公司在设计方面资源的投入状况。在这个上面做做文章无可厚非,对外可以提高品牌知名度,对内可以提高设计部门的地位,双赢的事情,何乐而不为?但这个东西,要想做的好,是非常考验整个团队的功底,同时也是一件巨量的工程,需要巨量的人力物力和时间。
    先看一下Teambition公司的团队人员 https://www.teambition.com/info/team
    好像一共35个人,设计师的话估计也就六七号人。所以,精力,资源是不多的。

    抛去背景再看一下内容,从交互设计师的角度来看一下Clarity Design怎么样吧。

    设计原则:清晰、灵活、干净、亲切。

    对于设计原则,主要是给设计师看的。设计原则,是做设计决策时候的一个原则,任何一个控件,都要先从这些原则出发,才能确保体验的一致性。这块内容一般难以量化,而且很抽象。对于Clarity Design来说,整体写的确实不是很好,指导意义不明确。清晰和干净,内容在某种程度上有所重叠。灵活,我觉得这里对于灵活的定义有点偏题。亲切,是一个非常难以表现的概念。还有一个问题就是,这4个原则没有优先级。因为在设计过程中,必然会遇到概念冲突的情况。遇到这种情况,牺牲哪一条,遵从那一条是很重要的。
    行业典范:Salesforce lightning
    https://www.lightningdesignsystem.com/guidelines/overview/

    清晰、高效、一致、 美观 4个原则依次递减,为了清晰可以牺牲后面任何一项。描述言简意赅,非常容易理解和遵从。甚至连导航逻辑都严格遵从这个原则(在web上把back按钮都给干掉了),这是贯穿整个系统的设计灵魂,不是为了丰满Design Language生拼硬凑的八股文。

    布局

    这个东西如果拉到整个Design Language的第一层来说讲的话,缺少了page level的布局和结构。而且韵律这个东西放在这比较奇怪,这应该是设计原则部分。
    行业典范:SAP Fiori
    https://experience.sap.com/fiori-design-web/dynamic-page-layout/
    详细的介绍了每一种layout的结构,组成控件,自适应规则和交互细节。

    视觉,动效,协作

    这几内容可能因为没有开源吧,所以提供的资源不多,不做评价。

    组件

    这一块内容最大的看起来太偏视觉文档了。对于交互的部分几乎没有涉及,使用场景的定义,控件结构,扩展性,控件关联性,交互细节等。如果说是内部的设计师,拿到sketch源文件对照着文档看一下上手倒是蛮不错的。如果是对外的话,内容太过基础和匮乏了。

    通常一个Design Language会有以下这么几个功能

    • 作为一个指导规范,提供给第三方开发add on
    • 作为一个指导规范,提供给内部的设计师和开发者,降低学习和沟通成本
    • 品牌营销,对外传达公司的设计理念

    从Clarity Design来看,它的作用属于后两者。内容丰富程度,没有版本管理和搜索,推测应该还在搭建的早期阶段。

    总的来说,这套设计准则还是蛮规范的,但还远达不到Design Language的成熟度。因为公司规模不大,设计资源及其有限,能够有这样的精力和理念确实很不错。拿Ant Deisgn这种业界标杆来比也太不公平,估计维护Ant Design的设计师比整个teambition公司的人都多。作为设计的同行,希望Clarity Design能够不断的充实,成长为一套成熟的,有自己特色的Design Language。