AntDesign组件库是阿里经过大量的项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系。基于确定和自然的设计价值观:其颜色来自大自然,品牌高度也进行了详细的研究,选择了自然生活中最规律的秩序。整个设计系统包括视觉、模式、可视化、动态效果、组件等主要模块,通过模块化解决方案降低冗余生产成本,使设计师能够专注于更好的用户体验。
AntDesign组件
;type=resourceid=60d32da1333c5ce7ab0c091csource=ttplan=btt730
安卓必备组件:MaterialDesignGoogleMaterialDesign组件库是谷歌14年推出的一种全新的设计语言。它的风格主要是平面设计,但不仅仅是平面设计,更是一种注重卡片设计、纸张模拟、动态效果突出、色彩对比强烈的设计风格。AndroidUI设计遵循UI设计组件库MaterialDesign3的设计和感觉简化了设计过程。
MaterialDesign组件
;type=resourceid=5ee1bf157e05ed5002fe1ff6source=ttplan=btt730
产品桌面组件:Element原子级组件:ArcoDesignArcoDesign组件
;type=resourceid=6194e775c530ee24f130e742source=ttplan=btt730
小程序必备组件:WeUIWeUI组件库是一套与微信原生视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制设计,使用户感知更加统一,包括button、Cell、Dialog、Progress、Toast、Article、设计团队可以直接在即时设计资源广场中找到UI设计组件库WeUI的深色和浅色版本,并可以直接使用这些组件。
金融场景神器:MandMobile产品桌面组件:ClarityDesignClarityDesign组件库是teambition公司设计团队打造的设计体系,ClarityDesign将清晰、灵活、干净、友好作为设计理念,从设计原则到字体排版,从交互到文案,从动态效果到风格,从组件到设计工具,提供各种解决方案和指导,设计师和工程师可以快速找到相关指导内容,有效改进工作,提高效率。
如何在即时设计中免费使用UI组件库即时设计资源广场内置国内外大厂设计系统和UI设计组件库,包括TDesignn、ArcoDesign、AntDesign、Materialdesign、阿里巴巴、、华为等优秀设计规范,所有大厂商的UI组件库资源都可以一键调用。颜色、文本样式和图层样式不仅可以一键保存为资源,还可以重复添加为组件资源,与团队共享,实现快速再利用。
接下来,我们以TDsign移动端UI组件库为例,看看在即时设计中如何使用大厂UI设计组件库。
;source=ttplan=btt730
第三步:使用组件。在同一文件中,复制组件以创建一个例子;或者单击组件面板将鼠标光标悬浮到需要使用的组件上,单击左键将其拖动到画板中。