随着互联网的发展,科技的不断更新迭代,互联网产品类的周期也越来越短,同时用户需求也在不断的提升,对于产设研团队来说,必需要高效、持续的进行设计创新。腾讯公司的“腾讯设计云”的研发,助力了企业完成高效协同并且提高设计开发研制效率。 在腾讯设计云服务矩阵中最重磅的要属腾讯设计体系 ——TDesign。本期Pixso就带大家来了解这个腾讯出品的免费开源企业级设计体系——TDesign。
TDesign 是什么
TDesign 是来自腾讯内部近 300 名设计师与开发者共同打造,经由 500+ 项目使用、验证和锤炼过的企业级设计体系。为了更好的贴近业务需求,也方便设计研发人员在 TDesign 的基础上进行扩展开发,TDesign 提供了开箱即用的 UI 组件库、设计指南和相关设计资产。
TDesign 的特性
作为企业级的设计体系,TDesign希望提供丰富的设计资源、详细的设计指南、多样化的行业组件、高效的研发工具等,目的是为了让开发者和设计师快速进行创意设计。要满足这些技术点, 离不开TDesign的三大特性:
-
完整——即完整的技术、设计资源
-
一致——即一致的设计和开发体验
-
易用——即清晰的设计指南和开箱即用的解决方案,以此来释放无限创意。
TDesign控件使用指南
在实际的工作过程中,设计师们在参与项目设计的时候,即使使用了设计系统,用户体验依然不是很理想。例如页面中会出现数量过多的单选,通常开发者们更熟悉对Radio Button的使用,就容易出现满屏幕遍布相似的控件,导致用户体验感急剧下降甚至会导致用户的流失。
如上图所示,设计师们利用了腾讯 TDesign 的设计原理在此做了创新,将页面的组件文档分为示例、API和指南三个模块。在指南模块中对组件何时使用、如何与其他组件搭配使用、推荐/慎用示例和相似组件等内容。这个模块也可以让开发者们能独立设计体验良好的后台系统。
TDesign组件微创新
随着设计体系的更迭进步,网站的中后台界面设计已经非常成熟,市面上有很多完整的设计系统,将设计师和开发者从重复劳动中解放出来,把更多的精力投入在提升用户交互体验的业务梳理中。
相对于主流中后台组件的千篇一律,TDesign推出了组件微创新的功能,比如在日期选择器上就有创新:支持一次勾选某月的所有工作日或某几个星期,如下图所示。
可见腾讯 TDesign 的设计系统是经过对用户使用习惯的调研、验证等经过长期磨合探索过程诞生出来的智能设计体系。也期待TDesign 持续打磨出更加完善易用的组件库,包括在国际化和无障碍等方面有更成熟的解决方案,为设计师们带来创作灵感的提升同时也可以对产品和使用者有帮助。
随着产品的快速迭代,互联网向产业深度延伸,企业对设计研发效率要求也越来越高,与此同时,TDesign 也会借助社区资源的方式来与更多产品设计师和开发者有专业交流,这与Pixso社区如出一辙。Pixso社区拥有海量本土模板,一键套用,资源包含 icon、插画素材、国内大厂 UI 组件库、设计规范、网页端和移动端 UI 设计模板等。并且Pixso 资源社区的模板大多为中文模板,基于中文内容进行设计,更适合国内不同的设计场景,为设计师们提供便捷的使用操作。
Pixso的设计功能也十分全面,具有较高的灵活性,设计师可以无缝完成从原型设计到项目演示的切换,不需要反复同步设计图到第三方平台。上手快速,几乎没有学习成本,体验流程顺畅,能快速进入设计状态。赶快打开Pixso来体验一下吧!