继第一次使用微信公众号后台编辑器撰写文章后,便心生重设计之意。微信的这个编辑器很古早,是类似 CKEditor、wangEditor 一类编辑器的经典。所以这次的方向以更现代一点的 inline editor 为主,更加突出选中文字属性的即时预览,而不是像现在这样隐藏在图标下边层级。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6cf8cadd-dd85-438f-af11-aba649d2fd61/20210501144801.png

上图是目前个人公众号的工具栏,从上到下从左到右分别为插入媒体、插入内容和编辑工具栏。实际上都是针对正文编辑的交互,却不知为何以奇怪的样式分开,导致我把右上方当成某种导航(毕竟还有个省略号菜单)。

整体

而这次就要把双层工具栏去掉——

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1a375f14-b5ff-476f-8172-19ff93be56b0/Whole_-_Day2x.png

结果变为:

封面预览在左边有保留,右边是新加的侧栏,把底部那些文章设置信息挪了上来,而原本是要滑到底部去设置的。但这样紧凑的双栏可能有失「沉浸写作」氛围,所以把两边都设计为可收起。同时也为窄屏做响应式处理。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1390a4e1-e1d6-40f0-a669-b2ddeb28ace1/Whole__-_Day2x.png

顺便可以看到,正文字数那里可以切换显示「自动保存」状态。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9183112b-51b8-4d70-9dfe-9a3dc27e406b/Whole__-_Day_-_1280w2x.png