当前位置:
首页 > 字体文章 > 可以免费使用的字体库 8个免费的UI组件库来自主要制造商,您应得的

可以免费使用的字体库 8个免费的UI组件库来自主要制造商,您应得的

组件库是可重复使用的界面设计元素的集合,团队内设计人员与开发人员之间的水平协作以及确保产品输出一致的标准基础。易于使用的UI组件库可以护送设计并大大加快工作效率。本文将介绍设计师在8个大型工厂中使用的UI组件库。用法说明在本文末尾附加。强烈建议收集它们!

B面的基本组件:蚂蚁设计

Ant Design组件库是一个设计系统,在广泛的项目实践和摘要之后,阿里巴巴逐渐抛光了为企业级产品提供服务。基于确定性和自然的设计值:它的颜色来自自然,品牌高度也经过详细研究,并且已经选择了自然生活中最常规的顺序。整个设计系统包括视觉,模式,可视化,动态效果和组件等主要模块。通过模块化解决方案降低了冗余生产成本,使设计人员可以专注于更好的用户体验。

蚂蚁设计组件

Android Essential组件:材料设计

Google材料设计组件库是一种由Google在2014年推出的全新设计语言。它的样式主要是图形设计,不仅是图形设计,而且还专注于卡片设计,纸张模拟,突出的动态效果和强烈的对比。 Androidui设计遵循UI设计组件库材料设计3的设计和感觉,以简化设计过程。

材料设计组件

产品桌面组件:元素

元素UI组件库是为开发人员设计的。 UX设计师和产品经理准备3.0作为实现组件库的基本框架。 UI设计组件库元素遵循一致性,反馈,效率和可控性的设计原理,并提供支持的设计资源。 ,分为11个类别,例如颜色,渐变,字体,按钮,输入框,进度栏等,总共有60多个基本组件,可以很好地满足大多数设计和开发需求,并帮助设计快速。原型。

原子组件:ARCO设计

Arco bytedance组件库是由BONTEDANCE组件库GIP UED和Architecture前端团队共同启动的企业级设计系统。通过在字节中大量的业务积累和验证,Arodesign设计系统于去年10月正式启动。根据去年10月正式启动的“清晰”,“一致”,“节奏”和“开放”设计价值,我们努力建立务实而浪漫的设计系统。工作方式。在字节中,UI设计组件库Arco Design为4,000多个项目提供了服务,其中包括数亿用户产品,例如火山引擎和Toutiao。它已经达到了高效且高质量的产品构建过程,并且是字节中最大的设计系统。 。

ARCO设计组件

迷你程序的重要组成部分:weui

WEUI组件库是与微信的本机视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信迷你程序定制设计,以使用户感知更加统一,包括按钮,单元格,对话框,进度,吐司和文章。设计团队可以直接在即时设计资源方面找到UI设计组件库。深色和轻度版本的WEUI,可以直接使用这些组件。

财务场景工件:命令移动

Mand Mobial组件库是由DIDI CHUXING战略业务组前端2.0基于VUEJS开发的移动终端组件库。遵循统一的视觉设计规范,包括基础,表,操作反馈和业务可以免费使用的字体库,40多个实用组件可以满足移动终端开发的基本需求,尤其是财务方案的需求,实际上在DIDI的四个主要金融业务领域中有10个使用。多种产品。

产品桌面组件:清晰度设计

Clarity Design组件库是由Teambition设计团队创建的设计系统。 Clarity设计将清晰,灵活性,清洁和友好性作为其设计概念,从设计原理到字体布局,从互动到文案,从动态效果到样式,从组件到设计工具,都提供各种解决方案和指导。设计师和工程师可以快速找到相关的指导内容,以有效提高工作并提高效率。

如何在即时设计中免费使用UI组件库

即时设计资源广场(Instant Design Resource Square)拥有来自主要的国内外制造商的内置设计系统和UI设计组件库,包括Tdesignn,Arco Design,Ant Design,Ant Design,Material Design,Alibaba,,Huawei和其他出色的设计规格,以及作为所有主要制造商的UI组件库资源。可以单击一键调用。颜色,文本样式和图层样式不仅可以单击一键保存为资源,而且还可以重复添加为组件资源并与团队共享以快速重复使用。

接下来可以免费使用的字体库,我们以TDSIGN移动UI组件库为例,以查看如何在实时设计中使用Dachang UI设计组件库。

步骤1:打开即时设计资源平方,直接搜索关键字[tdesign],并找到tdesign Mobile UI组件库材料资源

步骤2:打开tdesign移动终端UI设计组件库的材料链接,单击右上角的“ Quote”按钮,将文件保存到我们的实时设计工作台,在POP-中单击“打开文件”向上窗口,您可以使用tdesign移动终端在线UI组件库材料。

步骤3:使用组件。在同一文件中,将组件复制以创建一个示例;或单击组件面板,将鼠标光标悬停在要使用的组件上,左键单击并将其拖到艺术板上。