近来给手机也弄了个库用来替代 joplin 和印象笔记,手机端上目前使用的主题是 whisper
重点不是这个……
重点是,今日在 pc 端同步这个库之后,重新选了主题(Asri 那个空间里的东西实在太多,没法直接复制作为新库使用)
选来选去,在这个过程中也看到了其他主题作者大大们的各种巧思,我承认,我一度是偏爱了 QYL(功能确实多啊),但但但是,最后还是选了 ASRI——
这个同步新库决定从简尽量不要花里胡哨,尽量少使用 CSS+JS+ 各种配套主题插件,哪怕是遵循最简原则,其他主题总有些不合脚的地方,唯有选用 ASRI 时,略微配置就达到了不错的理想可用程度,再度感叹 ASRI 设计上的从容与得体
重点也不是这个,重点是在选用了这么多主题后,感叹是难道只有我如此花心又如此挑剔吗?想要各种各样的功能与漂亮的设计,但在这些东西之中,也有一些东西是必须优先且权重很高的。
so,龟毛的我分享一下我对主题的各种看法,希望给各位大大未来的主题设计提供一些小小的建议。(觉得不好也可以反驳哈哈哈)
ps:下述审美偏好与功能需求主要是我一家之言,也可以当我继续吹 ASRI,主要以 ASRI 的设计来做范例分析
个人比较看重的设计 ⭐⭐⭐
* 顶栏融合
顶栏融合使界面整洁,省下更多空间给其他部件。唯有一点要注意,最好是顶栏融合,而不是“隐藏顶栏“,why?顶栏有很多插件,隐藏顶栏就会增加操作时长
最开始想出顶栏融合的大大,实在是设计界的老手,这是最基本但最容易让人忽视掉的小设计了。
* 双击 pin 住文档,论坛中有 JS,可以自取
话说这个好像最开始是本人提出来的一项需求?请 wilsons 大大帮忙写了 JS,热烈推荐这位大大,写了很多有用的代码
* tab 等宽
即文档区最上方那一条,每个打开的文档界面宽度一致,这样有利于连击关闭,论坛也有,自取
这几个是等宽的,等宽看起来就很整齐简洁,所以反而不会追求多彩,这样显得有点花哨。
* 大纲数字
不是用几个点来表示大纲层级,而是直接用数字来表示——为了一目了然与不动脑子,论坛也有,可自取
* 反链的颜色不能是原生自带的紫色
原生自带的反链紫色实在是太暗沉了,和任何主题都不可能相搭配(和它原生主题我感觉也不搭)。
鉴于编辑器字体颜色一向是浅色,建议反链的字体要比普通字体略大一点,且颜色要以鲜亮明艳为主,突出显示从而强调“其不是普通内容“
* 反链浮窗内反链高亮背景色不能是原生橙色。
原因同上,橙色这种鲜亮又浅淡的颜色,不适合作为背景色因为不好找到合适的字体颜色与之搭配,只适合作为字体颜色
如图,这是我修改过的浮窗内反链样式,原生主题下,“模板”两字会被橙黄色背景覆盖,根本就看不清。
* 界面背景色与字体颜色不能太刺眼
哪怕是夜间模式下,有些背景色哪怕是深色,但是和字体颜色搭配起来,莫名有些刺眼,这是明度太高导致。
目前唯二做到夜间模式配色柔和的,只有 ASRI 和 purecolor
ASRI 需要借助这个[css] 优化 Asri 背景色 - 链滴来调整背景色,它的字体色本来就不是纯白,所以调整后整体看起来不刺眼
purecolor 自带几款主题配色,其中“幕灰”就很柔和
如图,ASRI 在空屿主题下,修改背景色后,就会是这种效果,总体比较柔和(如果不调整,这个字体颜色感觉有些明亮与刺眼)
(忽略图中文字,这是给 QYL 大大的,一时间还没有联系上)
- 列表子弹线
这个很重要,主题必备。只是从论坛找到的代码中,子弹线颜色是一种很俗套的蓝色,有些主题也自带“列表子弹线”,并修改了颜色,好评。
* 四个基本色不要太豪迈了
如上图,ASRI 这四色规规矩矩就挺好的,有些主题将这四个基本色修改了,效果真是有些……平时批注时就只用这基本四色,修改后反而造成阅读干扰
一般的设计 ⭐⭐
* 多彩 tab
目前发现两个方案,一个是论坛给出的配色,另一个是主题自带。这个有的话很好,没有的话,倒也不是很影响。但我注意到,有些多彩 tab 方案,有浅色背景 + 浅色字体组合,这使得读取很困难,这种情况下还不如没有。
如图,第二个 tab 这种,就不怎么实用了。
* 多彩文档树
论坛有各种各样的配色方案,也有些主题自带彩虹文档树。
从论坛看到的很多反馈是,多彩文档树设计上的难点在于,如何突出但又区分每个层级?论坛给出两种方案,一种是文档树的背景做彩虹色,一种是文档树文档字体做彩虹色,这两种感觉都比较花哨。
因为我一向用文档图标来区分文档层级,所以这个使用也不多。
但我个人发现的不错的方案是,效仿大纲层级,以字体大小来区分文档层级,参考 purecolor。
文档树边框化
这个有点锦上添花的感觉,使用了其他方式来区分层级的话,这个可有可无,看到很多大大在主题中将其作为“备选项”。
不是非常重要的设计 ⭐
* 可自定义背景色
某种意义上也挺重要,如果设计者大大自己给出的主题色很漂亮,那么这个功能就不重要,如果给出的主题色不合口味,那么这个功能其实相当重要。
有些主题在明亮模式下很漂亮,但那个颜色一旦变换成夜间模式,就莫名有些土感,这时候就还不如自己定义背景色。
* 多彩标签
原因主要是,文中如果批注很多,那么再加上多彩标签,整个就花花绿绿分散重点。
另一个原因是,有些多彩标签的配色,字体色和背景色相近,很难读清楚,这反而造成困扰。当然,如果做得好,颜值很高。
* 垂直页签
因为一直在用二级文档树,垂直页签占空间,没用过。对不用二级树的小伙伴们,这个可能不错吧。
总体写完了一圈看下来,思考为什么我又选了 ASRI?
ASRI 不是功能最多的,但各种设计与小小细节却是最能切中本人痛点,也最符合本人审美。最看重也最需要的那几项,刚好就是也只有 ASRI 满足。
当然,这里也感谢其他大大的付出,话说我觉得都挺好,就是最看重的“背景色 + 字体刺眼”这点,实在发现好多主题都好像不太 care,这应当是我眼睛太敏感了的缘故。
这里作为使用者给出的一些龟毛的看法,只是我个人的使用偏好,希望可以让大大们在设计时有一些小小的启发,那就心满意足啦哈哈。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于