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

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

image.png

年前换了个新主题。

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

就是这个 DARK+,如下图。

image.png

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

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

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

image.png


容器块互动,

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

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

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

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

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

image.png


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

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

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

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

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

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

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


又想了更多。

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

内容编辑工具如下

image.png

排版编辑工具如下

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

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

image.png

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

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

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

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

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

    18150 引用 • 66975 回帖

相关帖子

欢迎来到这里!

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

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

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

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

    1 回复
  • roland100
    作者

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

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

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

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

推荐标签 标签

  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 591 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    4 引用 • 55 回帖 • 6 关注
  • 机器学习

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

    76 引用 • 37 回帖
  • 国际化

    i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。

    7 引用 • 26 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    6364 引用 • 28618 回帖 • 264 关注
  • Kotlin

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

    19 引用 • 33 回帖 • 22 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    5 引用 • 13 回帖
  • jsDelivr

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

    5 引用 • 31 回帖 • 33 关注
  • PHP

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

    164 引用 • 407 回帖 • 523 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    529 引用 • 3527 回帖
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    171 引用 • 988 回帖
  • abitmean

    有点意思就行了

    14 关注
  • IDEA

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

    180 引用 • 400 回帖
  • Bug

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

    76 引用 • 1738 回帖 • 2 关注
  • Sillot

    Sillot (汐洛)孵化自思源笔记,致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点
    Github 地址:https://github.com/Hi-Windom/Sillot

    12 引用 • 26 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 47 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 590 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • 分享

    有什么新发现就分享给大家吧!

    240 引用 • 1729 回帖
  • 房星科技

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

    6 引用 • 141 回帖 • 548 关注
  • Hprose

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

    9 引用 • 17 回帖 • 591 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    5 引用 • 15 回帖 • 223 关注
  • 链书

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

    链书社

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

    14 引用 • 257 回帖 • 2 关注
  • Openfire

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

    6 引用 • 7 回帖 • 87 关注
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 104 关注
  • 京东

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

    14 引用 • 102 回帖 • 405 关注
  • 又拍云

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

    21 引用 • 37 回帖 • 505 关注