吐槽一下悬浮栏的钉子

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

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

image.png

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

image.png

@88250 @Vanessa

  • 思源笔记

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

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

    18593 引用 • 69192 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • wxtgood 1 1 赞同 3 评论

    @Vanessa

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

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

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

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

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

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

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

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

    题外话:

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

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

    1 回复
    下个版本改进一下 Issue #7375 · siyuan-note/siyuan,至于点击行为的修改还需要再考虑一下,Chrome 和 IDE 目前也都还是点击行为。
    Vanessa
    @Vanessa 希望 V 姐能看看我的回复,悬浮和 pin 住真的是非常频繁的功能了,其他笔记软件也是将相关按钮放在最表层的位置
    svchord
    @svchord 再有更好的解决方案之前先这样了。停靠栏上都是面板按钮,放一个 pin 的有点违和。
    Vanessa
  • 其他回帖
  • RiiichMan

    嗯,这两个钉子看的确实有些怪。savor 主题的交互逻辑挺好的。

  • 我认为我评论里的方案是最妥当的,即能实现功能,又没有改变原有布局。

    savor 主题的方案也挺好,但侧栏边那个悬浮交互按钮样式做不好的话,看起来挺突兀的。

  • wxtgood 1 评论

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

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

    image.png

    @Vanessa @88250

    界面相关的问题建议不用 at 我 😂
    88250
  • 查看全部回帖

推荐标签 标签

  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用 • 2 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 383 回帖 • 2 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • abitmean

    有点意思就行了

    21 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖
  • WordPress

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

    45 引用 • 113 回帖 • 318 关注
  • sts
    2 引用 • 2 回帖 • 146 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 294 回帖 • 3 关注
  • 思源笔记

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

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

    18592 引用 • 69190 回帖
  • ReactiveX

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

    1 引用 • 2 回帖 • 126 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 642 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 38 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    1 引用 • 11 回帖 • 1 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 604 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    368 引用 • 1212 回帖 • 576 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 9 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 350 关注
  • 倾城之链
    23 引用 • 66 回帖 • 96 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖
  • Kotlin

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

    19 引用 • 33 回帖 • 25 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 1 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 247 回帖 • 182 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 1 关注
  • Log4j

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

    20 引用 • 18 回帖 • 43 关注