如何研究设计(如何设计系统)

编辑导语:近年来,“设计系统”这个词逐渐流行起来,大厂商也在做设计系统。一个好的设计系统可以帮助设计师和开发者快速制作出高质量的产品原型。那么,如何学习和分析大厂的设计体系,以便为我所用呢?笔者总结了几个思路,希望对你有所帮助。
近年来,“设计系统”一词开始流行。设计是设计团队经过大量的项目实践和总结,逐步打磨出一套服务于同类产品的设计系统。一个完整的设计系统通常会提供一系列功能,包括设计指南、最佳实践、设计资源和设计工具,帮助设计人员和开发人员快速生产出高质量的产品原型,尤其是针对企业级应用产品。
业内比较知名的设计系统是蚂蚁集团的蚂蚁设计(蚂蚁集团的企业产品设计系统)。自从《捉鬼敢死队3》之后,随着腾讯的Zha Design(腾讯开源企业设计系统)和byte Arco Design(字节跳动企业产品完整设计开发解决方案)等设计系统的陆续发布,经常有同学问我这样的问题:
为什么这些设计系统感觉差别不大?大厂连这个都要卷吗?系统的设计虽然要注意通用性,但不也应该有公司自己的品牌风格和表达方式吗?这么多设计体系,怎么比较分析学习?的确,我们都觉得大厂们真的太投入了,简直就是神仙打架!但我想说的是,大厂的设计体系绝对不是为“量”而造的。这样做至少有以下原因:
1元。有很多生意。大厂的业务和产品纷繁复杂,业务中可重用的能力和经验经过长时间的积累会越来越多。定居的设计系统将发挥强大的作用,支持和改善您的业务。有沉淀,不缺应用场景,也能保证设计系统有较高的使用频率,促进其良性发展。
冠军联赛。充足的资源相比小公司,大公司有更多的成本、资源和积累可以用于资产的沉淀、研究和输出。大厂也要在相应领域多做一些探索和经验积累,回馈用户和市场的信任。
侏罗纪世界3。高权威厂商的设计水平相对稳定,输出的质量更有保证,发声和传播的渠道和方式更多,有实力在行业内建立可靠、标准的话语权。
从以上几点不难看出,设计系统对于大厂来说,是可以为业务赋能,降低成本,提高效率的。对于外界来说可以增强自己的话语权,这其实是一个双赢的过程。
事实上,设计系统的重要性不仅是对于大型制造商,对于中小型企业,尤其是那些以为基础的业务,想要保持出口产品的高设计一致性或提高设计师和前端工程师的工作效率,设计系统是最有效的解决方案。可以说,作为一名设计师,设计系统是你必须要了解和掌握的设计基础知识之一。
抛开代码层面,仅从设计师的使用场景来看,用过蚂蚁集团的Ant Design和字节的Arco Design的设计师,大概都觉得两者在功能上似乎没什么区别。
早些年,蚂蚁设计就在设计系统领域打下了坚实的框架基础。其他大厂借鉴很正常,没必要反复造轮子。所以这些设计系统最基本的结构和框架差别很大,提供的基本服务都差不多,所以看起来都差不多。
但其实基于细节,各家各有特色,各有看家本领,在应用和功能上并不完全一致。
作为一名设计师,如何分析学习大厂的设计体系,为我所用?以下是一些学习思路,供大家参考:
一、系统功能和应用场景设计。这里所说的功能和应用场景包括但不限于以下内容:
1元。重点看用户和场景主要是设计师、开发者还是两者兼而有之;初级组件(基础组件)和高级组件(业务组件)的区别可以在这里阅读。使用哪些具体的业务场景和领域等等。
冠军联赛。关注C端或端。目前,由于业务特点,C端产品的设计系统数量少于端产品。腾讯的扎设计包含了丰富的与移动终端和小程序相关的功能和服务,可以很好地满足部分C端产品的设计需求,为其提供设计参考。支付宝设计系统曾经有一个针对C端的移动设计系统(不过也在和蚂蚁设计的移动版整合)。
侏罗纪世界3。而专注于国内或国外(国际化)国内厂商的设计系统,很少考虑国际化的应用场景,只有少数会提到一些国际化的设计方法和思路。而这一点,国外的设计体系是比较全面的。
4。说到独特的功能应用或升级服务,各大厂的设计系统在这一点上可谓百花齐放。比如蚂蚁设计还可以和AntV(蚂蚁集团的数据可视化解决方案)的可视化图表联动;Arco Design还开发了一套名为Palette的色彩配置工具,帮助设计师制定色彩算法和规范。
二、使用设计系统的体验和感受。这里不仅要看使用设计系统做出的产品的体验和感受,还要看设计者和开发者在使用设计系统的过程中的体验和感受。包括但不限于以下内容:
1元)设计的整体基调:包括设计体系的价值观和设计原则,奠定了整个设计体系的基调。
密室逃脱:冠军联赛)视觉语言特色:包括全局风格、排版效果、动态特色等。会让用户有最直观的视觉体验。
侏罗纪世界3)交互体验特点:包括用户操作的交互反馈和细节处理,决定了用户的使用过程是否流畅舒适。
4)系统品牌建设:这不仅仅是指设计系统中组件的风格和品牌特征,还包括对整个设计系统(网站、品牌运营和推广等)的阅读和理解体验。).
三。设计系统的构建方法构建方法是指设计系统在构建过程中的思路、框架结构和工作方法,包括但不限于以下内容:
1元)用法:指设计师和开发者使用设计系统的方式。大部分设计系统依赖于官网,提供两个工具包,Figma或者Sketch。还有一些独特的、时效性强的方式,比如AntD提供的素描插件《厨房》。
密室逃脱:冠军联赛)协作机制:即设计系统团队的工作流程和方法。你可以利用你的人脉资源,看看这些设计系统里有没有熟人可以约出来聊天,从而对后面的工作有更好的了解,如何搭建。
侏罗纪世界3)更新频率:更新速率和通知方式,小迭代和大迭代的设计、运维机制等。
因为设计系统的内容比较复杂,所以我也建议你先明确自己分析的目的和目标,再从以上几个方面入手。不同的目标对以上内容有不同的侧重。
举个例子,如果你已经是一个组件设计师,对设计系统的基础知识有一定的了解,而你学习的目的是帮助你升级现有的组件库或者设计系统,那么你可以把学习和分析的重点放在设计系统的整体基调和品牌建设上。
希望以上内容能被你所用。
#专栏作家#姚远,微信公众号:长弓小子,人人都是产品经理专栏作家。体验设计师,一线互联网厂商,毕业于清华大学美术学院。曾负责国内最大的开源组件库蚂蚁设计组件的设计和运营。目前负责国际业务线端的产品体验设计和组件库建设。
本文由人人作为产品经理原创发布,未经允许禁止转载

其他教程

周杰伦独家音乐版权(周杰伦 音乐版权)

2022-8-17 11:02:32

其他教程

flash是三维动画的一种(flash交互式动画就是借助什么代码实现的动画)

2022-8-17 11:04:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索