前端设计系统有资料吗?

Are there materials on frontend design system?

有没有人遇到过 material 设计前端应用程序(从功能和非功能需求开始)。我举个例子

https://www.youtube.com/watch?v=3MADCVqL534&t=1171s https://www.youtube.com/watch?v=utWopFyY5cE

也许还有可用的material?

从架构/设计的角度,我喜欢考虑系统/UI 的使用环境:

...并考虑可用性原则:

考虑到这些之后,我会开始使用笔和纸/白板进行设计。具体来说:

  • 屏幕地图/功能 - pages/screens/widgets 需要什么,以及它们之间的关系。请注意,有时您需要从功能的角度考虑 - 而不是“pages/screens”,部分原因是有时功能可能更好地封装在出现在多个地方的可重用小部件中。
  • 特殊情况 - 例如用户注册或一些关键的功能任务。
  • 屏幕/小部件的线框,从最能为设计的其余部分提供信息的那些开始。

我没有任何关于 NFR 的具体信息 - NFR 为设计提供信息,但我确实有一些基本的“入门”可用性要求: