2020年十大优秀设计系统

架构 2023-07-05 17:29:38
50阅读

每一年,发生愈来愈多的专用工具和步骤来可靠性设计工作人员和开发者的工作中。设计方案系统软件已变成处理该行业难题的新专用工具。根据迅速地搭建数据商品,设计方案系统软件近期得到 了很高的名气。应用他们时,您不但能够浏览标志,样式,深层实际效果,调色盘,还能够浏览在挪动和Web开发设计期内能够选用的机构标准。

他们配置了很多专用工具和部件,也使您无须彻底自身建立设计方案。只需依照详尽的手册为您的知名品牌订制它,并得到 具备马上可以用的解决方法,这种益处包含省时省力,控制成本,简单化项目实施步骤,这种全是您将得到 的益处。

上年,Sparkbox开展了一项调研,在调研中,被访者被问到提议应用设计语言的状况。在下面,您能够见到能够处理的难点及其选定回答的百分数。

图片出处:2019年Sparkbox设计方案系统实施

使我们回望一下将在2020年占有主导性的10个设计方案系统软件。看一下他们的作用,特点和造就。

1. Google Material Design

Material Design可能是最火爆的设计方案系统软件,在其中包括用以搭建精致的移动设备(iOS,Android)和Web解决方法的表明,专用工具和部件。它于2014年由Google公布,适用最好的UI / UX作法,并协助开发设计精英团队更快,更轻轻松松地建立当代商品。

Material Design的第一个版本号有一个缺陷,这针对要想依据其设计风格开展调节的知名品牌而言十分关键。全部Material Design应用软件都极其类似。因而,Google在2018年公布了Material Design 2.0。这一版本号是对之上指责的回应。具备多种多样款式,合理布局,深层实际效果,酷炫动漫,他们有工作能力制做真真正正与众不同的知名品牌主题风格。

大家十分掌握这一设计方案系统软件,由于大家日常日常生活应用的全部运用全是根据Material Design制做的:YouTube,Gmail,Google云端硬盘,文本文档,ppt等。

2. Akveo的Eva设计方案系统软件

Eva Design System于2019年发布。它的关键优势是在知名品牌融入层面具备强劲的协调能力。Eva由Akveo精英团队创造发明,根据Atomic Design Principles(分子设计原理),现阶段有二种完成方法,二种是对于移动设备的UI Kitten(React Native UI库)和对于互联网的Nebular(Angular UI库)。二种解决方法全是开源系统的,而且是完全免费出示的。

Eva包含258种图层样式,大概400种文字款式,超出480个标志,800好几个标记,它使生产制造含有知名品牌的挪动商品和Web商品具备很高的易用性和扣人心弦的客户体验。关键的是,Eva可用以Sketch和Figma并具备明暗交界线方式。

根据保证 全部服务平台中间的一致性并清除反复的工作中,它使企业能够大大的自动化软件开发设计。結果,您将得到 高品质的应用软件/网址或省时省力和活力。

虽然很年青,但Eva已被证实是数据商品的强劲而靠谱的解决方法。比如,Eva用以UI Bakery的核心,UI Bakery是用以原型图和建立应用软件的低代码服务平台。它还内嵌了优秀的Eva Colors深度神经网络优化算法,因而能够在几秒内转化成自定设计方案系统软件。

截止2020年1月,Eva在Gumroad上的注册量为15,000,在UI Kitten和Nebular Github储存库上的注册量均超出5,700星。

3. 来源于IBM的Carbon

Carbon由IBM发布,是一种时兴的开源系统设计方案系统软件,它出示了一组标准,规范和用以建立高品质数据解决方法的实例教程。遵照视觉效果,操作界面和编码规则,开发设计精英团队可以轻轻松松制做出扣人心弦的设计方案。应用大量元素(表格,按键,标志,报表,菜单栏,导轨滑块等)将协助您对于知名品牌开展自定,并保证 优异的客户体验。

Carbon还出示了别的很多很帅的作用,包含图表类型,数据图表解剖学构造,基本上数据图表,轴,标识这些。因而,它特别适合搭建手机软件,而不用适用数据统计分析和大数据可视化作用。

截止2019年12月,Carbon Design System在GitHub上有着2,400星。

4. Liquid

Liquid为UX / UI权威专家和非专业技术人员出示了一套用以制做优异技术性商品的专用工具,手册和因素。装包有多种多样色调,插画图片,样式,网格图和部件,可保证 全部机器设备上一致的UI和高质量外型。

今日,Liquid包含1,500好几个UI财产,42个原素,18个部件,14个控制模块和9个模版。应用设计方案和开发设计模块,您能够迅速地搭建彻底合适您的知名品牌的优异数据解决方法。

5. Shopify的北斗七星 Polaris

Polaris是两年前由海外电商购物企业Shopify发布的软件开发系统软件。该解决方法容许UI / UX设计方案工作人员和技术工程师为Shopify店家建立客户友善的应用软件。为精英团队出示很多专用工具,款式和原素,它能够协助她们创建可在每一种机器设备,每一种电脑操作系统和每一种语言表达上运作的扣人心弦的客户体验。

Polaris的一大优点取决于,它出示了相关搭建高品质应用软件的內容,缘故和方式的十分详尽的具体指导。在商品的官网上,您能够寻找相关內容(视频语音和语调),样式,部件,插画图片等的详尽章节目录。

截止2020年1月,北斗七星在Github上有着3,100星

6. Adob​e的Spectrum

Spectrum是Adobe的一个新项目,在其中包含用以建立Adobe应用软件和服务项目的全部必需专用工具,部件和手册。与别的领跑的软件开发系统软件一样,它也使开发设计精英团队可以保证 在全部显示屏友谊台子上都有着当然的外型。

应用Spectrum,您能够浏览各种各样資源(UI工具箱,字体样式,标志),部件(大数据可视化原素,按键,样式,导航栏等),方式(信用卡,文章标题,报表)及其别的使真真正正有效的物品商品。

Spectrum设计语言具备CSS执行-Spectrum CSS,供Adobe服务平台上的內部或第三方应用。它是一个对外开放源码的可订制解决方法,在其中包括强劲的文本文档,并可以转化成彻底互动式的部件。

截止2019年12月,Spectrum CSS已在GitHub上得到 约500星的点评。

7. 微软公司Fluent

Fluent Design System是微软公司于2017年创造发明的一种对外开放设计语言。意味着对Microsoft设计语言2的再次思索,Fluent包括相关为全部开启Windows 10的机器设备和服务平台建立的手机软件中选用的视觉冲击,实际效果和配对t检验的表明。特别注意的是,该系统软件已经依据具体客户满意度开展改善。

Fluent根据五个关键部件-灯光效果,放缩,深层,健身运动和材料-Fluent容许搭建适用Web,Windows,iOS和Android的应用软件。用它做成的商品看上去很当然,并保证 每一个机器设备友谊台子上的一致性。

到2020年1月,它在Github上有着6,600颗星

8. Atlassian

Atlassian是一种软件开发语言表达,可在Sketch中出示结构设计,编码原素和UI财产库。应用确立的手册(比如,有关包装印刷,健身运动),预搭建的模版和幻灯片模块,您能够迅速地产品设计。

Atlassian由各种各样部件构成,包含标志,字体样式,按键,徵章,条幅,分页查询,菜单栏,标识,报表,调整框等,这种原素有利于创建优异的感受。特别注意的是,《财富》 500强中有83%的企业应用Atlassian商品,而且在190好几个我国/地域有着150,000名Atlassian顾客

2017年9月12日,Atlassian在ProductHunt上变成当日的第二个商品和一周的第五个商品。到迄今为止,它早已收到了2,301票赞成票。

9. Clarity

Clarity是一个对外开放源码设计方案系统软件,于2016年初次公布,由UX规则,HTML / CSS架构,Angular和Web组件构成。它还出示详尽的文本文档,方式(应用软件合理布局,调色盘,主题风格,样式,导航栏,现代化)和部件(比如报警,徵章,按键,勾选框,信用卡,表格,网格图,目录,标识,时间轴,报表) )。建立商品时,您可以下载Clarity的标志,而无须自己制作。

该系统软件已经逐步完善和升级。2019年5月23日,公布了Clarity 2.0。最新版本包含很多新作用,不正确修补及其对Angular 8的适用。加上了竖直菜单栏,电子琴部件,步进电机部件和适用电脑键盘互动。

现阶段,Clarity在GitHub上有着超出5,400颗星

10. Ant Design

做为一种设计语言,Ant为UI / UX权威专家和开发者出示了搭建优异商品需要的全部必需資源(Sketch和Axure)。该系统软件关键用以內部桌面应用程序流程,致力于提高客户体验并保证 不一样机器设备中间的一致性。

Ant包括很多很帅的现有作用:一组React部件,可预测分析的静态数据种类,现代化适用,主题风格自定等。

到迄今为止,Ant已在GitHub上得到 了约54,500个星。

最终的念头

设计方案系统软件出示了很多有效的物品,使公司和本人可以自动化软件开发设计,迅速地公布应用软件及其运行知名品牌应用软件和网址。为了更好地真真正正实行并进行全部这种事儿,设计方案系统软件务必包含一定的作用目录。依据2019年设计方案系统实施,最重要的作用是:

  • 颜色调色盘
  • 样式
  • 表格部件
  • 导航栏部件
  • CSS编码
  • HTML编码
  • 操作指南

您觉得最重要的作用是啥?

文中汉语翻译自Alexei Malashkevich的文章内容《Top 10 best Design Systems for 2020》。

the end
免责声明:本文不代表本站的观点和立场,如有侵权请联系本站删除!本站仅提供信息存储空间服务。