首页 > 其他分享 >初级设计师必看的UI设计组件库

初级设计师必看的UI设计组件库

时间:2023-07-24 15:44:12浏览次数:46  
标签:Taro 必看 微信 企业级 UI 组件 设计

UI组件库是一个可以理解为重复使用界面设计元素的集合,是一个文件库。UI组件库在整个系统中起着行为层面的作用,是团队内部设计师与开发者之间的横向合作,是保证产品产出一致的标准基础。即时设计资源社区提供丰富的组件库,包括不同行业、不同顶级互联网厂商的UI组件库!可以免费一键使用! Ant Design 网页版组件库 随着商业化的趋势,越来越多的企业产品对更好的用户体验有了进一步的要求。有了这样的最终目标,蚂蚁集团体验技术经过大量的项目实践和总结,逐步完善了服务于企业产品的设计体系——AntDesign。基于「自然」、「确定性」、「意义感」、「生长性」四种设计价值,通过模块化解决方案,降低冗余生产成本,让设计师专注于更好的用户体验。 ​ 企业级产品是一个庞大且复杂的系统,数量多且功能复杂,迭代改动时,常常需要设计者与开发者快速做出相应响应。同时这类产品中存在很多类似的组件,可以通过抽象得到一些稳定且高复用性的内容。 Ant Design 经过大量项目实践和总结,将这些组件规范为一个统一组件库,通过模块化解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。 TDesign 桌面端组件库 UI组件库TDesign是腾讯各业务团队在服务业务过程中沉淀的企业级设计体系。2021年12月底正式开源,提供完整的设计体系,目前支持四个框架。TDesign组件库秉承“开源”的理念,通过设计开源与代码开源相结合,使设计与代码无缝衔接,使资源更好地分配到必要的环节。 ​ 腾讯内部近 300 名设计师与开发者共同打造,经由 500+ 项目使用和验证过的企业级设计体系,其中包含了大量的可复用资源,如全局样式、基础组件、布局、导航、输入以及数据展示等,可用来快速搭建各种桌面端的界面设计。是腾讯的企业级设计体系,为工业互联网在各个应用环节提供所需的设计、R&D等解决方案,让设计和R&D从繁琐重复的劳动中释放出来,让大家更加关注深度培养的体验和细节。 Arco Design 组件库 字节团队打磨 3 年的 Arco Design 企业级设计系统全套组件库,包含 67 个原子级组件,覆盖布局、数据展示、数据输入、反馈等多种交互场景,总计组件数量超过四千,并由即时设计团队专门整理为变体版本,提供更为灵活便捷的组件复用与切换,让用户轻松创造出契合业务需求的企业级产品。   基于丰富的原子组件,Arco提供了图标平台、品牌库、ArcoPro最佳实践的资源平台,除了风格配置平台和材料平台的定制工具外,旨在帮助设计师和开发者解放双手,提高工作效率,高质量地构建符合业务规范的中后台应用。 小程序组件WeUI WeUI 设计规范是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。更方便设计师进行设计,同时也提供方便开发者调用的资源。 ​ 随着小程序的普及,微信也有很多内部小程序开发,每个小程序需要从零到1开发设计,在这个过程中,有大量的UI交互是重复的,WeUI是一套基于风格库weui-wxss开发的小程序扩展组件库,与微信原始视觉体验UI组件库,由微信官方设计团队和小程序团队为微信小程序量身定制设计,使用户感知更加统一。 Taro UI 设计规范库 Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库,Taro 是由京东·凹凸实验室倾力打造的多端开发解决方案。当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。 ​ UI组件库Taro只能写一套代码,然后通过Taro的编译工具将源代码编译成不同端(微信小程序、H5)、RN等)运行代码。一套组件可适用于微信小程序,H5多端运行。

标签:Taro,必看,微信,企业级,UI,组件,设计
From: https://www.cnblogs.com/haishao520/p/17577395.html

相关文章

  • 【后端面经-Java】String与StringBuffer与StringBuilder的比较
    目录1.String2.StringBuffer3.StringBuilder4.性能提升5.总结和比较面试模拟参考资料1.String不可变查看String源码如下:publicfinalclassStringimplementsjava.io.Serializable,Comparable<String>,CharSequence{/**Thevalueisusedforcharacterstora......
  • vue组件封装 - 选择器远程搜索下拉列表
    <!--*component:人员选择-远程搜索下拉列表*time:2023/7/19*author:zx*使用方式*importPersonSelectfrom"@/components/Dialog/personSelect.vue";*components:{PersonSelect}*<person-selectv-model="test"/>--><......
  • vue组件封装 - 省市县下拉选联动
    改封装组件依赖element-china-area-data插件,引入组件可参照:https://www.npmjs.com/package/element-china-area-data<!--*component:省市县下拉选联动*time:2023/7/19*author:zx*使用方式:*importDialogAddressfrom"@/components/Dialog/dialogAddress.......
  • ValueNotifier<T> ValueListenableBuilder<T> Stack() positioned.fill()
     1、在Column下面增加可以滚动的Row2、在widget外部控件其内部的变量ValueNotifier<T> ValueListenableBuilder<T>(valueListenable:...,builder:()=>)  import'package:flutter/material.dart';classSettingsPageextendsStatelessWidget{finalint_cou......
  • springCloud五大核心组件「建议收藏」
    大家好,又见面了。1.springCloud五大组件运行流程2.springcloud简单介绍SpringCloud是微服务架构的集大成者,将一系列优秀的组件进行了整合。基于springboot构建,对我们熟悉spring的程序员来说,上手比较容易。通过一些简单的注解,我们就可以快速的在应用中配置一下常用模块并构建庞......
  • 3步带你搞定华为云编译构建CodeArts Build “新手村任务”
    华为云编译构建(CodeArtsBuild)基于云端大规模并发加速,为客户提供高速、低成本、配置简单的混合语言构建能力,帮助客户缩短构建时间,提升构建效率。本文将给各位开发者带来华为云CodeArtsPipeline的手把手初级教学,让没有接触过的开发者能够轻松上手体验。【操作步骤】体验准备:注......
  • 如何从 Fedora 37 工作站升级到 Fedora 38(GUI 和 CLI)
    导读使用GUI和CLI方法从Fedora37工作站版升级到Fedora38的完整步骤。Fedora38已发布,没有任何延误。此版本带来了令人惊叹的GNOME44工作站版桌面、KDEPlasma5.27(最后一个Plasma5系列)等。你可以在此页面上阅读我写的Fedora38功能指南。如果你尝......
  • easyui combobox 多选及全选 功能(XTHS_实测可行)
    代码如下:$("#DepartmentCode").comboex({data:[{"value":"","text":"全部"},{"value":"001","text":"部门1"},{......
  • AI识别检验报告 -PaddleNLP UIE-X 在医疗领域的实战
    目录UIE-X在医疗领域的实战1.项目背景2.案例简介3.环境准备数据转换5.模型微调6.模型评估7.Taskflow一键部署UIE-X在医疗领域的实战PaddleNLP全新发布UIE-X......
  • Cilium 系列-3-Cilium 的基本组件和重要概念
    系列文章Cilium系列文章前言安装完了,我们看看Cilium有哪些组件和重要概念。Cilium组件如上所述,安装Cilium时,会安装几个运行组件(有些是可选组件),它们各是什么用途?CiliumOperatorCiliumOperator可以理解为Cilium的管理平面或操作运维平面。CiliumOperator不......