这是下载了一个Flutter Theming Tool APP ,可以实时查看不同主题在实际应用中的组件样式效果。
色彩规范
设计规范中的颜色规范跟 Material Design 3 思路有点接近,都是通过一个主色seed,自动生成次色Secondary、成功Success、危险Danger、警告Warning等颜色,然后再按照色阶生成一系列颜色,以适应所有场景。
文本颜色的命名,也和Material Design 3 保持一致,比如主色Primary,主色的文字是onPrimary。
![](https://img.haomeiwen.com/i17802637/988444c006b3f774.png)
![](https://img.haomeiwen.com/i17802637/6b0c9b5d9a2d61ea.png)
组件命名规范
这里只记录一些个人平时不怎么注意的地方
![](https://img.haomeiwen.com/i17802637/f2061bacd746a019.png)
![](https://img.haomeiwen.com/i17802637/01d6772f5faf9a97.png)
![](https://img.haomeiwen.com/i17802637/1ce83c47d3c2bf6c.png)
![](https://img.haomeiwen.com/i17802637/78dce3e22b6a7cd2.png)
![](https://img.haomeiwen.com/i17802637/943f20b2d5e4bc64.png)
网友评论