希望鼠标移到正文时左边不显示块标识,鼠标移动到左边空白的时候再显示块标识

本贴最后更新于 1350 天前,其中的信息可能已经时异事殊

块标识显示的交互设计

单选 公开 永不结束 15 票
保持现状
33% 5 票
鼠标移动到左边就全部都显示出来
33% 5 票
鼠标移动到隐藏的图标上再显示
33% 5 票

不然标识块一闪一闪的比较影响写作时的注意力

而且鼠标在正文的时候显示块标识也没有啥意义吧,真正要操作还是鼠标要移到左边的地方

  • 思源笔记

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

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

    22026 引用 • 87850 回帖 • 4 关注
1 操作
fangly 在 2021-02-24 13:59:21 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • zengchen

    我也正想提这个建议来着 😂 (本来就是专门注册来提这个建议的, 就是这几天忙, 给忘了).

    块标一闪一闪的会非常干扰我的注意力, 特别是在查看我的笔记的时候.

    不过我和楼主有些不同, 我个人是建议提供一个"隐藏大部分块标, 只显示标题块标(提供引用)"的功能.

    我个人并不在意那些排版功能, 我只专注单篇几千字(一般不多于八千字)的个人笔记写作, 我觉得这种情况下, 块的拖拽基本没啥用.

    1 回复
  • fangly

    只要鼠标在正文时隐藏块标识也能满足你的需求呀,查看笔记的时候鼠标也很少会放到左边空白那个地方的

    1 回复
  • 我倒是觉得那些块标志还挺好看

  • zengchen

    很少是很少, 但是还是会有那种情况, 比如鼠标从正文向左移动到文件树, 在此期间, 鼠标总会经过正文左边.

    我是完全不想在任何时候看到那些块标 (因为我基本不需要啊), 除了标题的块标.

    当然楼主的提议我也能接受, 总之就是不希望老看到那些块标一闪一闪的

    2 操作
    zengchen 在 2021-02-23 18:02:13 更新了该回帖
    zengchen 在 2021-02-23 18:01:34 更新了该回帖
  • ayue

    我也是不想看到那些块标一闪一闪的,严重影响观感,希望 D 大能优化下 🙏

  • 思源笔记交互改进建议 这里也提到过相关的建议,大家觉得鼠标移动到左边就全部都显示出来还是移动到隐藏的图标上再显示,哪一种更好?

    1 回复
  • zengchen

    我选 "移动到隐藏的图标上再显示"

  • 楼主可以更新文章,插入一个投票进去

  • svchord 4 评论

    我更希望是鼠标悬浮在正文的地方不要显示,然后移到左边再全部显示。另外,我还是想提议,列表块里面的段落块能不能不要显示块标识,我感觉没有什么用处,和列表项块的功能几乎重叠了。

    1 回复
    列表项里面会有多个块,有时候可能只会操作一个块
    Vanessa
    @Vanessa 可是在列表项块中的段落块的末尾 shift+enter,也不会创建一个新的段落块…而且我不太能理解多个段落块的使用场景是什么样的。
    svchord
    @zqhjl enter 后 delete。比如一个段落下面有代码块
    Vanessa
    @Vanessa 啊大概明白了,感谢
    svchord
  • fangly

    列表块里的段落块标识有用的,比如我把一个列表项的内容移动到外边正文里,没有段落块的话就是剪切内容粘贴了

    1 回复
  • svchord

    你这个场景好像也有道理……

  • svchord 2 评论

    我刚刚去看了下 notion,发现它是鼠标悬浮在一个块上(或者这个块的同一水平线上的空白区域),就固定显示这个块的所有按钮,然后鼠标移到按钮上又会有 hover 动效。

    我觉得可以借鉴这个,而不需要一次性把整个列表块所有的块标识都显示出来。(不过好像不在这三个选项中)

    另外,我觉得 notion 不会看起来很眼花,可能是因为按钮的颜色比较淡,而思源按钮的颜色饱和度很高(我已经通过主题的方式解决这个问题了哈哈哈)

    @Vanessa

    我们会块嵌套块,就会比较复杂一点
    Vanessa
    @Vanessa 我的意思是一次只显示一行的按钮(包括列表块、列表项块、段落块、代码块之类的)。无论这一行所代表的块有没有包含其他块,都只是想对这个块进行操作啊。
    svchord
  • svchord

    image.png

    比如这种就是一行按钮,然后鼠标在这一行的水平线上的任何位置都只显示这三个按钮,其他行不显示,这样一次性看到的按钮就会少非常多,再通过主题把颜色变淡,就不会占用太多注意力了

    @Vanessa

    1 回复
  • fangly

    现在版本不差不多就是这样的么,我这儿觉得主要问题是在阅读笔记时鼠标会一直上下动,定位到不同行,这样左边的标识就会疯狂闪,不是静态的看到按钮多少的问题,而是动态下标识块显示变化影响注意力的问题

  • 居然是 5:5:5 ,最终移动动画效果。

请输入回帖内容 ...

推荐标签 标签

  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 164 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 726 关注
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1347 回帖
  • 工具

    子曰:“工欲善其事,必先利其器。”

    285 引用 • 728 回帖
  • 音乐

    你听到信仰的声音了么?

    60 引用 • 511 回帖
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    14 引用 • 106 回帖 • 1 关注
  • FreeMarker

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

    23 引用 • 20 回帖 • 461 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 3 关注
  • Node.js

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

    139 引用 • 269 回帖 • 47 关注
  • Electron

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

    15 引用 • 136 回帖
  • Swift

    Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 534 关注
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 624 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    167 引用 • 1509 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 18 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 333 关注
  • 30Seconds

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

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

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖 • 1 关注
  • Docker

    Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的操作系统上。容器完全使用沙箱机制,几乎没有性能开销,可以很容易地在机器和数据中心中运行。

    490 引用 • 916 回帖 • 1 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 1 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 97 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 615 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    75 引用 • 1737 回帖 • 1 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • 新人

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

    52 引用 • 228 回帖 • 1 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖 • 1 关注