为了直观,我想把笔记的排版当建筑模型来编辑。

本贴最后更新于 1151 天前,其中的信息可能已经时移世改

image.png

年前换了个新主题。

被里面的一些 UI 惊艳到了。

就是这个 DARK+,如下图。

image.png

在暗黑模式下,容器块直接表现为一个直观的模块,图形表现形式就是方框加阴影。

我认为可以把所有容器块都如此表现。

特别是超级块,我希望可以取消前面的超级块标志。直接表现为有特别颜色的方框加阴影。如下图

image.png


容器块互动,

不知道大佬有没有用过 sketchUP..

是一个建筑设计用的草图软件。

它有个类似“聚焦模式”。

双击一个组,可以进入组,然后进行组内编辑,组外内容都变灰色(聚焦感)。

在组内编辑模式下,左键单击空白处,就退出组内编辑。

image.png


我觉得这个模式可以用到笔记里。下面是我的想法。

首先有个选项可以从阅读模式进入编辑模式,此时编辑模式有两种**(1 为内容编辑,2 为排版编辑)**

排版编辑模式下固定显示各种容器块的边框,以及固定显示所有块(包括叶子块与容器快)的标识符号。

  • 双击块的边框进入块。
  • 单击块边框弹出菜单,
  • 单击空白处回到上级的块,
  • ctrl+ 单击空白处回到上一级的块。
  • 拖拽边框四个角移动块位置,
  • 拖拽块左右两个边来改变块宽度。

编辑完毕后再次点击最初的选项回到阅读模式,不再显示边框与块标识。

以上所有的想法就是为了一个目标,块形式的直观,把笔记的排版当建筑模型来编辑。

这个 UI 设计只怕不容易。。但我还是忍不住想表达出来。


又想了更多。

把内容编辑与形式编辑分开,在不同的编辑模式下使用不同的编辑工具。

内容编辑工具如下

image.png

排版编辑工具如下

也像内容编辑工具那样搞个长条。。包括如下

折叠/展开,居左,居中,居右,块的宽度拉条,合并块,解散块

image.png

“外观”还是放到内容编辑里吧,它不属于排版。

“转换为”取消,直接在内容编辑里选中转换。

打赏 1 积分后可见
1 积分 • 3 打赏
  • 思源笔记

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

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

    24867 引用 • 102306 回帖 • 2 关注

相关帖子

欢迎来到这里!

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

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

    1.文字不同于几何图形,似乎使用价值不强。几何图形具有图层的概念,因此可以随意组合拆分,甚至是布尔运算,但文字本身就很难类比了。如果只是用于统计分析倒是可以,其实就是卡片样式。

    2.编辑模式和阅读模式分开倒是有些与其他笔记软件同化了。比如印象、比如 typora 这些过于强调 MD 语法本身了,而思源恰恰打破常规,所见即所得,强调记录,不过分强调排版。思源 slogin 已经比较清晰地阐明了自己的定位“思源笔记是一款本地优先的个人知识管理系统”,知识管理、系统,所以它不是排版软件,也不是简单的笔记软件,它将来是一个能够进行知识管理的系统。正式思源的由有如此清晰的定位和目标,我才从 word、typora、印象、OneNote 转向思源,我能更加专注于记录、写作、思考。

    1 回复
  • roland100
    作者

    1,你说的没错,就是卡片样式。我认为这样的直观感受有利于排版操作。直观总是没错的,“所见即所得”,“数据可视化”,都是为了直观。

    2,编辑模式与阅读模式确实参照了某些软件的想法,我后来想了一下,我想要的实际是内容编辑模式与排版编辑模式(形式编辑),阅读模式可有可无。

    3,关于排版,我的想法是:内容与形式(排版)相辅相成,有机结合,不可分割。记录是知识收集,排版是知识整理;所以这两者的重要性是不分上下的。

    4,本地优先是为了个人数据的安全,在数据安全的前提下做网络部分是大势所趋。知识传播与知识交流是形成新知识的源泉;我希望思源的愿景是做成信息时代全面的知识管理系统。不仅达成个人知识的网状结构;也能够达成社会知识的网状结构。

推荐标签 标签

  • sts
    2 引用 • 2 回帖 • 224 关注
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    107 引用 • 127 回帖 • 355 关注
  • 机器学习

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

    83 引用 • 37 回帖
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 117 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 702 关注
  • Markdown

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

    169 引用 • 1527 回帖 • 1 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 2 关注
  • 书籍

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

    77 引用 • 389 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 820 关注
  • Electron

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

    15 引用 • 136 回帖 • 1 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 5 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 592 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 298 关注
  • jQuery

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

    63 引用 • 134 回帖 • 735 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 610 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 1 关注
  • 叶归
    5 引用 • 16 回帖 • 11 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    267 引用 • 666 回帖 • 2 关注
  • 30Seconds

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

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

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 595 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖
  • Anytype
    3 引用 • 31 回帖 • 11 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3195 引用 • 8215 回帖
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 258 关注
  • H2

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

    11 引用 • 54 回帖 • 665 关注
  • OpenCV
    15 引用 • 36 回帖 • 1 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖