吐槽一下悬浮栏的钉子

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

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

image.png

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

image.png

@88250 @Vanessa

  • 思源笔记

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

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

    19811 引用 • 75861 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 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
  • 其他回帖
  • wxtgood 1 评论

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

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

    image.png

    @Vanessa @88250

    界面相关的问题建议不用 at 我 😂
    88250
  • 那个位置都是按钮不太可行,我更倾向 savor 主题那样的,在边栏和编辑器的交界处有一个缩放的图标

  • RiiichMan

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

  • 查看全部回帖

推荐标签 标签

  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 356 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 649 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    207 引用 • 2031 回帖
  • 职场

    找到自己的位置,萌新烦恼少。

    126 引用 • 1699 回帖
  • NetBeans

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

    78 引用 • 102 回帖 • 645 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖 • 2 关注
  • OnlyOffice
    4 引用 • 16 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    76 引用 • 390 回帖
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    165 引用 • 407 回帖 • 514 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 181 关注
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    86 引用 • 896 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台,同时可以将自己看到的精彩内容分享到微信朋友圈。

    130 引用 • 793 回帖
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    184 引用 • 461 回帖
  • Vim

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

    28 引用 • 66 回帖
  • 大疆创新

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

    2 引用 • 14 回帖 • 1 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 52 关注
  • 又拍云

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

    21 引用 • 37 回帖 • 518 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 355 关注
  • 微服务

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

    96 引用 • 155 回帖
  • abitmean

    有点意思就行了

    29 关注
  • 京东

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

    14 引用 • 102 回帖 • 407 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 437 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 560 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    51 引用 • 226 回帖