这是设计系统的一年。公司几乎每周都会推出新的设计系统,大多数高管现在都了解它们的价值。设计系统包括样式指南、模式库、CSS框架和设计操作。设计师和开发人员感受到大量资...

这是设计系统的一年。公司几乎每周都会推出新的设计系统,大多数高管现在都了解它们的价值。设计系统包括样式指南、模式库、CSS框架和设计操作。设计师和开发人员感受到大量资源的支持,并且有一些会议完全致力于设计系统(主要是美国的Clarity和欧洲的伦敦设计系统)。

进入的门槛现在已经降低了,但是由于信息太多,可能会非常难以确切地知道哪些建议适用于您自己的工作 - 特别是如果您正在尝试在较小的组织中构建设计系统。

上海网站建设已经向在Slack,HubSpot,GoDaddy,IBM和Lloyds Banking Group建立设计系统的内部人员询问了他们如何构建更好的设计系统的技巧。以下是他们推荐的内容:

1.了解设计系统应该工作的环境

Lloyds Banking Group的设计语言开发负责人Lily Dart表示,“每个新的设计系统都渴望成为下一个Airbnb DLS或Google Material Design。但对于我们这些不能真正灵活运作的人来说,组织用户,如AirBnb或Google,试图重现这些例子可能是一个错误。”

根据Lily的说法,创建一个有效的设计系统的真正诀窍是,理解它应该工作的环境和文化。一个灵活的组织不会每六个月欣赏一次“完美”版本,而瀑布的组织需要缓慢发布,但他们也希望你支持旧版本,如果它们正在生产中。

“一旦你理解了你的背景和文化,你就可以考虑你的设计系统如何改进它”Lily解释说。想提高效率吗?确定尽可能多的预建模板,因为您可以加快团队的工作。创造力?相反的方式 - 保持模板最小化,而不是让原子具有设计师的灵活性。

最后,设计系统正是Lily所指出的 - 系统。“如果你不孤立地工作。如果您不在Airbnb上工作,请不要重新创建专为其团队和用户设计的产品。专注于解决您每天面临的问题,并创建一个优秀的设计系统。”

Google Material Design很棒,但不要使用不同的上下文重新创建设计系统。相反,要关注你所面临的问题。

上海网站建设

认为还要问你的公司是否真的需要一个全新的设计系统,来自Pingboard的前端开发人员和用户体验设计师James Y Rauhut说。

“最强大的设计系统源于公司坚持的独特理念,”他解释道。 - Google的材料设计认为,体验超越了您与之交互的玻璃屏幕。Microsoft Fluent Design认为体验适应它所占用的窗口。设计系统是否具有独特的观点?如果没有,你可以采用现有的设计系统来节省技术债务。”

即使你有一个独特的视角将你的系统与其他系统分开,你也不需要重新发明更小的轮子。以下是James建议的一些工具,可以简化设计系统的发布并保持公司的完整性:

.framer X的设计团队商店

.访问基本用户界面组件以获取辅助功能

.CSS grid wiz网格框架生成器用于布局

在James加入Pingboard之前,他曾在IBM Design工作。在演讲中,他解释了CSS Grid等工作如何让您能够宣传设计系统的功能,以及IBM如何为其350,000名员工创建设计系统。

 3.定义流程,而不是项目

HubSpot的高级经理(产品设计)Lara Tacito承认:“考虑重新设计或创建设计系统作为一个项目是很诱人的。”,“事实上,它可能需要以这种方式开始获得买入或动力。但是,看到真正成功而不必每年重新设计的唯一方法是定义流程并将流程定义为产品。”

“一些简单的采访将会有很长的路要走,”她解释道。 “然后找到简化这个过程的方法,仍然可以满足用户的需求,并且无疑可以很容易地做出正确的事情。”

Lara还建议将您的设计和实施文档整合在一起。“对此有一些复杂的权衡,但最终我们发现越多设计人员了解实施情况,他们就越好 - 而对设计指南更多了解的工程师会为用户做出更好的决策。 ”

最后,Lara建议参与将在此过程中使用设计系统的团队,因为它有助于教育他们如何运作过程,允许更广泛的技能和贡献,并帮助问责制和自治。

观看Lara的Talk UX演示文稿,了解如何构建一个常绿的设计系统,让您的客户和团队的生活更轻松。