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

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

image.png

年前换了个新主题。

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

就是这个 DARK+,如下图。

image.png

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

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

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

image.png


容器块互动,

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

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

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

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

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

image.png


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

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

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

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

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

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

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


又想了更多。

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

内容编辑工具如下

image.png

排版编辑工具如下

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

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

image.png

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

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

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

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

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

    19810 引用 • 75845 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

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

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

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

    1 回复
  • roland100
    作者

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

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

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

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

推荐标签 标签

  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 456 关注
  • 笔记

    好记性不如烂笔头。

    306 引用 • 782 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 1 关注
  • uTools

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

    5 引用 • 13 回帖 • 1 关注
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 234 关注
  • Openfire

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

    6 引用 • 7 回帖 • 96 关注
  • 创造

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

    175 引用 • 992 回帖 • 1 关注
  • OpenShift

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

    14 引用 • 20 回帖 • 611 关注
  • 反馈

    Communication channel for makers and users.

    124 引用 • 907 回帖 • 210 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    11 引用 • 5 回帖 • 582 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 20 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    229 引用 • 1450 回帖
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    140 引用 • 441 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 320 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    942 引用 • 1458 回帖 • 117 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 26 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 58 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 2 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 405 关注
  • Node.js

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

    138 引用 • 268 回帖 • 147 关注
  • Solidity

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

    3 引用 • 18 回帖 • 350 关注
  • sts
    2 引用 • 2 回帖 • 162 关注
  • 机器学习

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

    76 引用 • 37 回帖
  • Git

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

    207 引用 • 358 回帖
  • Mac

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

    164 引用 • 594 回帖 • 2 关注