新设计!!!
2023 年夏天重构的 nmBot 面板已经陪我们走过了两年时间了,期间经过了大概 20 次月度功能更新,其功能变得比任何时候都丰富,但设计从没有大的变化。
在 4 月中旬,某人和我说对 nmBot 面板的配色感到不满。为了搪塞他,我让 Copilot 阅读我 theme 文件中的 CSS 定义,并且重新设计配色。没想到改了几遍之后,我感觉这个配色还真的不错。
在解决了配色的问题之后,我突然有了另一个发现。Copilot 做出的配色,个人感觉有一点 Material Design 3 的味道,后者有着众所周知的“粗放”设计,大字体、大圆角、大留白。
与之相反,nmBot 面板的设计一直是比较保守的。我一直在内容不会显得太尖锐和突兀的前提下选取较小的圆角半径和内容边距,让内容以适合的紧凑程度呈现。但当更清新的新配色到来时,这套更保守的设计似乎不是那么适配。
一直以来我并不喜欢 Material Design 3 过于张扬的设计风格,但由于一个类似的配色方案给到了我,我开始思考能否在保留现有方案的基础上对 nmBot 面板的界面设计做出更改,使其可以驾驭新的配色,但又不要太过于夸张。
我当天就完成了新设计的草稿,它比我想象的漂亮。增大和内容优先的圆角设计将内容以合适的边距精确的包括起来,在保留内容密度的前提下,让列表按钮在触摸屏上更容易准确点击;新的配色和现代的设计相得益彰,为面板带来新气象。
我非常喜欢新的设计。从我完成草稿后,我就一直在纠结是否要正式发布它。我有的时候会切换到一个没有应用新设计的分支中,于是发现当我看了一段时间的新设计后,再切换回旧设计,会感到后者非常的过时;切换到新设计的时候就很舒适了,让我很期待。但这也并不太说明问题。真正让我最后决定发布它的是,苹果推出了 Liquid Glass 效果,看到其底下的界面利用率,我瞬间就对我的设计自信了起来。
我又花了一些时间挨个修改页面上的各个元素,确保它们符合新设计。新的设计预计于本月推出,现在可以在 nmBot Preview 中预览。希望你喜欢新设计!即使不喜欢,也没有回退到旧设计的选项了,对不起。
(配图截于 6 月初,非最新版本,我也不想重新编辑了,将就看吧!)
2023 年夏天重构的 nmBot 面板已经陪我们走过了两年时间了,期间经过了大概 20 次月度功能更新,其功能变得比任何时候都丰富,但设计从没有大的变化。
在 4 月中旬,某人和我说对 nmBot 面板的配色感到不满。为了搪塞他,我让 Copilot 阅读我 theme 文件中的 CSS 定义,并且重新设计配色。没想到改了几遍之后,我感觉这个配色还真的不错。
在解决了配色的问题之后,我突然有了另一个发现。Copilot 做出的配色,个人感觉有一点 Material Design 3 的味道,后者有着众所周知的“粗放”设计,大字体、大圆角、大留白。
与之相反,nmBot 面板的设计一直是比较保守的。我一直在内容不会显得太尖锐和突兀的前提下选取较小的圆角半径和内容边距,让内容以适合的紧凑程度呈现。但当更清新的新配色到来时,这套更保守的设计似乎不是那么适配。
一直以来我并不喜欢 Material Design 3 过于张扬的设计风格,但由于一个类似的配色方案给到了我,我开始思考能否在保留现有方案的基础上对 nmBot 面板的界面设计做出更改,使其可以驾驭新的配色,但又不要太过于夸张。
我当天就完成了新设计的草稿,它比我想象的漂亮。增大和内容优先的圆角设计将内容以合适的边距精确的包括起来,在保留内容密度的前提下,让列表按钮在触摸屏上更容易准确点击;新的配色和现代的设计相得益彰,为面板带来新气象。
我非常喜欢新的设计。从我完成草稿后,我就一直在纠结是否要正式发布它。我有的时候会切换到一个没有应用新设计的分支中,于是发现当我看了一段时间的新设计后,再切换回旧设计,会感到后者非常的过时;切换到新设计的时候就很舒适了,让我很期待。但这也并不太说明问题。真正让我最后决定发布它的是,苹果推出了 Liquid Glass 效果,看到其底下的界面利用率,我瞬间就对我的设计自信了起来。
我又花了一些时间挨个修改页面上的各个元素,确保它们符合新设计。新的设计预计于本月推出,现在可以在 nmBot Preview 中预览。希望你喜欢新设计!即使不喜欢,也没有回退到旧设计的选项了,对不起。
(配图截于 6 月初,非最新版本,我也不想重新编辑了,将就看吧!)