吐槽一下悬浮栏的钉子

本贴最后更新于 647 天前,其中的信息可能已经时移俗易

左右两边这两个钉子就像两个门神,一左一右,甚是难看,特别是文档树的图标位置下移,造成与文字“文档树”视觉上的偏移,甚是别扭!

image.png

为什么不考虑放在下图中红框的位置呢?我认为这是最佳的位置,即保持了原来美观的布局,又便于用户理解这个钉子的含义。

image.png

@88250 @Vanessa

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22353 引用 • 89439 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 那个位置都是按钮不太可行,我更倾向 savor 主题那样的,在边栏和编辑器的交界处有一个缩放的图标

  • 其他回帖
  • wxtgood 1 评论

    哈哈,V 姐太幽默了,我平时一般不往开打右侧的面板,没想到这个问题。我想到还有个解决办法,V 姐可以考虑一下:

    在下图鼠标停在红框位置出现的面板增加两个按钮,并与原来的按钮用横线分隔开,这两个按钮分别是:悬浮文档树面板、悬浮反链面板(表达有点不准确,大概是这个意思)。这样就不用添加那两个钉子了。

    image.png

    @Vanessa @88250

    界面相关的问题建议不用 at 我 😂
    88250
  • wxtgood 1 1 赞同 3 评论

    @Vanessa

    对于“不知道用户会不会一下要 pin 住,一下不要”这个问题,我认为是大部分用户是不需要的。理由如下:

    1.悬浮侧栏的第一个应用场景是小屏笔记本电脑用户,这类用户由于屏幕受限,基本会一直保持侧栏悬浮,不会频繁切换悬浮和 pin 住。

    2.悬浮侧栏的第二个应用场景是思源与其他软件分屏造成思源占用的区域变小,既然已经操作了分屏,那说明思源与其他软件配合工作的时间肯定不会短,因为时间短的话,通过来回切换软件来的更方便,没必要进行分屏操作。所以在第二种场景下用户基本不会频繁切换悬浮和 pin 住。

    3.悬浮侧栏的第三个应用场景是想让思源的编辑区域占满屏幕,进入沉浸式写作,这种情况下用户也是基本不会频繁切换悬浮和 pin 住。

    再讲一下,将悬浮按钮放在左下角“隐藏停靠栏”按钮里的好处:

    1.不需要新设计任何按钮,去考虑如何放置及用什么形状做按钮,并且能省掉那两个钉子。工作量低。

    2.有利于相似功能的集中管理,便于用户查找。左下角已有的功能是隐藏停靠栏、打开文档树/反链等面板,那么新增一个隐藏这些面板的按钮也是理所当然的。

    3.操作简便。得益于左下角的按钮只要鼠标指针放上去,就会显示出二级菜单,所以相当于一键直达了悬浮侧栏功能,操作便捷。

    题外话:

    希望 V 姐能将顶栏左上角的空间名处,也弄成上面那样,鼠标指针放上去,就会显示出二级菜单,移开后,二级菜单消失,这样就能极大便捷了频繁切换空间、使用闪卡、日记的用户了。

    因为用户在使用电脑时,从操作讨厌程度看:点击鼠标是远大于移动鼠标的。鼠标点的时间长了,手是真的累。

    1 回复
    Vanessa
    @Vanessa 希望 V 姐能看看我的回复,悬浮和 pin 住真的是非常频繁的功能了,其他笔记软件也是将相关按钮放在最表层的位置
    svchord
    @svchord 再有更好的解决方案之前先这样了。停靠栏上都是面板按钮,放一个 pin 的有点违和。
    Vanessa
  • 再次力荐语雀这种实现方式。鼠标放上去显示缩放和展开的按钮

    image.png

  • 查看全部回帖

推荐标签 标签

  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 545 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    132 引用 • 1114 回帖 • 124 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    66 引用 • 114 回帖 • 228 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 43 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 660 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    4 引用 • 16 回帖 • 6 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 733 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 155 关注
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖 • 2 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    77 引用 • 430 回帖
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 614 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 63 关注
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 374 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 245 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 710 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22352 引用 • 89437 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 212 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 30 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 4 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    153 引用 • 3783 回帖 • 1 关注