学习 UI / 体验设计,多看设计规范是必不可少的好方法。

    对于初学者来说,可以了解很好看又实用的设计稿,比那些中看不中用的飞机稿强多了。

    对于团队中的主力设计师来说,看设计规范不但可以反思自己的方案,还能学习怎么整理一套设计规范。

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图1

    一般提到设计规范,大家说得最多的就是谷歌 Material Design、苹果的人机界面指南、蚂蚁集团 Ant.Design 。

    其实除此之外,国际上还有很多优秀的设计规范,值得大家参考借鉴。

    每个产品和项目的情况都不相同,生搬硬套任何一种规范往往都不太现实。建议大家可以多了解几家设计规范,有选择地参考学习。

    目录:

    1. 谷歌 Material Design

    2. 苹果人机界面指南 Apple Human Interface Guidelines

    3. 微软 Fluent 设计系统

    4. Atlassian 设计系统

    5. Shopify 设计系统

    6. IBM Carbon 设计系统

    7. Mailchimp 设计系统

    8. Salesforce Lightning 设计系统

    9. Helpscout 设计系统

    10. 美国政府网站设计系统

    看设计规范是一种很好的系统性设计练习方法,但最好还是先了解一下什么是系统性设计,以及如何提升系统性设计思维。我总结了 100 页的 PPT 就是为了在一小时内说清楚什么是系统性思维,可以了解一下:

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图2

    1. 谷歌 Material Design

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图3

    谷歌在互联网行业的地位不言而喻,业界大咖都排队去应聘,不单技术世界顶尖,设计水平也相当高。

    不过,他们作为一家主要靠技术起家的公司,设计系统更注重逻辑性和系统性,学习和运用起来比较容易理解。

    然而由于这套设计系统不是以视觉为重点,所以更多地是参考交互而非视觉。

    设计目标:

    • 创造一套视觉语言,将经典的设计原则与技术创新、科学探索相结合。

    • 开发一套统一的用户体验系统,能够跨越平台、设备及输入方式。

    • 拓展其视觉语言,为品牌创新与表达提供基础框架。
      这十个国际顶尖设计规范,你该了解 · 语雀 - 图4

    2. 苹果人机界面指南

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图5

    用户体验被视为苹果产品的优势,所以他们的设计规范也有很多值得学习的地方。

    苹果的设计规范包含了多种设备,包括 macOS、iOS、watchOS、vOS。

    这套设计规范不像是 Material Design 那样把各个规则和图示表达得清清楚楚,而是更像是面向开发者的产品设计建议。

    设计理念:

    • 匠心高于一切:对于细节的极致追求

    • 共情:了解用户需求并在意客户感受

    • 聚焦:去除所有非必要的机会点

    • 负责:人们对于一个公司或产品的观点,全部归咎于其传递的信息

    • 友好:不论是小白用户还是高级用户,都能感受到高科技产品的平易近人

    • 利用过去隐喻未来:简洁的设计应该让用户易于使用
      这十个国际顶尖设计规范,你该了解 · 语雀 - 图6

    3. 微软 Fluent 设计系统

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图7

    微软这个长盛不衰的 IT 界老大哥,虽然早些年没那么重视体验设计,但这些年也搞出了自己的设计原则的。

    而且这个设计原则不但包含 Web 和 Windows 平台,甚至将 macOS、iOS 和 Android 都分别囊括在内。

    微软的软件产品全球覆盖率极广,为了满足大量人群,他们将「包容性设计 Inclusive Design」原则作为最重要的设计理念之一:

    • 识别排他性

    • 解决一个,并拓展至更多

    • 从多样性学习
      这十个国际顶尖设计规范,你该了解 · 语雀 - 图8

    4. Atlassian**设计系统 **

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图9

    Atlassian 不像上面几个公司开发自己的平台,而是为敏捷团队提供协作工具(如 Jira 和 Trallo)。虽然国内没有那么出名,但在全球被成千上万的团队所使用。

    所以他们的设计规范就是为了提高产品设计和开发效率而创造的,很接地气且容易使用。

    设计理念:

    • 在每次交互中建立信任

    • 连接以求更好的协作

    • 匹配与熟悉

    • 端到端推动任务

    • 引导用户获取更大价值
      这十个国际顶尖设计规范,你该了解 · 语雀 - 图10

    5. Shopify**设计系统 **

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图11

    Shopify 是来自加拿大的一站式 SaaS 模式的电商服务平台。在以独立电商网站为主流的国际市场,将启动、运营和拓展业务等流程都集合起来,全球赋能超过百万客户。

    这套设计系统可以说是为了自己的业务而开发的,实用性很强,不但提供了代码供复制,而且还有 Web、Android 和 iOS 平台的可交互实例。

    设计理念:

    • 体贴:对任何使用我们工具或产品的人表示关心

    • 赋能:我们希望人们使用时能感觉随心所欲无所不能

    • 工艺:应该让人感觉到我们的产品是由一流的匠人精心雕琢而成

    • 效率:应该让人快速、准确而不费力地达成目标

    • 信赖:我们为了维持用户的信任值而不懈努力

    • 熟悉:不论是第几次,都希望人们使用产品时能够感到舒适
      这十个国际顶尖设计规范,你该了解 · 语雀 - 图12

    6. IBM Carbon**设计系统 **

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图13

    IBM 曾经与微软和苹果同在个人电脑赛道竞争,而后转为服务大型企业,业务涉及商务咨询、软件开发服务、IT 托管与管理,从软件产品到硬件甚至融资等。

    因此他们的这套设计规范,也带有很浓重的大型 B 端产品的色彩。

    设计原则:

    他们相信智慧、逻辑和科学能够帮助商业、社会和人类状况得到提升。如果格局够大,好的设计不仅仅是满足客户要求,更是一种深层次的责任感和关联性。

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图14

    7. Mailchimp**设计系统 **

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图15

    在沟通都靠邮件的国际社会,Mailchimp 以用户体验极佳的邮件系统起家,业务已经拓展至综合营销平台,所以他们的设计规范非常注重信息展示。

    设计理念:

    在助力业务增长的同时,也保持本心。品牌理念也反映出其团队核心——对匠心的诚挚、对创意表达的热爱、对品质的执着。

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图16

    8. Salesforce Ligtning**设计系统 **

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图17

    作为全球市占率第一的 CRM 客户管理平台,Salesforce 的系统必须能够应对各种不同的业务和功能,所以他们在设计规范上也下了不少功夫。

    尤其是为了移动时代而更新的 Lightning 轻量化设计体系,与之前相比做了很大的革新。

    设计理念:

    • 信任

    • 成就客户

    • 创新

    • 平等
      这十个国际顶尖设计规范,你该了解 · 语雀 - 图18

    9. Helpscout**设计系统 **

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图19

    Help Scout 是一站式客户服务平台,为网站提供聊天窗、邮件、客户管理等服务,也类似于 SaaS 系统。

    设计原则:

    • 品牌价值

    • 有帮助的

    • 信赖

    • 人性化

    • 积极向上

    • 好奇心
      这十个国际顶尖设计规范,你该了解 · 语雀 - 图20

    10. 美国政府网站 **设计系统 **

    这十个国际顶尖设计规范,你该了解 · 语雀 - 图21

    说来很神奇,美国政府数字化发展得比较早,现在甚至已经搞出一套自己的设计系统来了。

    虽然做得不能说特别出色,但能有一份就说明态度不错,不知道咱们这什么时候也能也出一份。

    他们认为,用户需求应该为产品决策提供依据。无论受众是公众还是政府雇员,决策者必须从一开始就将真实用户纳入设计流程,以帮助构建出能够真正满足人们需求的服务和产品。

    设计原则:

    • 始于用户
    • 获取信任
    • 容易使用
    • 不断推广
    • 倾听

    原文链接:https://mp.weixin.qq.com/s/Dal64BtfEWJAPhP3qxn3Eg
    https://www.yuque.com/frost/ux/idqvys