登录 注册

界面改进提案投票与意见征集

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

提案：界面降噪，减少使用边框

关联 GitHub Issue：Issue #12970 · siyuan-note/siyuan

这是思源目前的界面，顶栏底栏和侧栏都各自有边框，看起来会有一点杂乱：

image.png

隐藏边框后将会更干净、融合与现代化，用户可以更专注于功能，不需要关心顶栏底栏和侧栏的边界（用颜色区分功能界面和编辑器即可）：

image.png

我安装了集市中下载数量最高的 10 个主题，其中 8 个去掉了边框，现在征集意见是否要在本体改进这一点。

是否支持隐藏默认主题中顶栏底栏和侧栏的边框？

单选 • 公开 • 永不结束 89 票
支持隐藏边框
33% • 30 票
反对隐藏边框
66% • 59 票

欢迎回帖讨论。

  • 思源笔记

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

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

    27479 引用 • 115043 回帖 • 1 关注
2 操作
JeffreyChen 在 2024-11-03 10:06:15 更新了该帖
JeffreyChen 在 2024-11-03 09:57:56 置顶了该帖
1 关注
2 操作
30 回帖
2
2
1.3k 357 12 669 2 283

相关帖子

30 回帖
界面改进提案投票与意见征集

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • chenshinshi • • 1 赞同
    订阅者

    image.png

    支持用色块替代边框区分。

  • Near • via macOS
    付费者

    建议开发垂直标签页，参考 edge 浏览器的垂直标签页。

  • Undii •
    付费者 捐赠者

    我大概看了一下下载数前 10 的主题，没有边框的都有颜色或间距的区分。我不支持仅隐藏边框。

    Dark+

    image.png

    Rem

    image.png

    tsundoku

    image.png

    minivlook

    image.png

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者 作者
    • Asri
      image.png
    • Dark+
      image.png
    • 任我行
      image.png
    • Rem
      image.png
    • 写味
      image.png
    • 其他主题很多都是去掉了边框，用颜色来区分的
    1 回复
  • Undii •
    付费者 捐赠者

    赞同你的观点这一点我也发现了，我回复的第一行也指出了，我不支持“仅”隐藏边框，目前的提案没有后续，只是隐藏边框。帖子正文图也只是隐藏边框、没有颜色区分。因此投票我给了反对。

    image.png

    image.png

    1 回复
    1 操作
    Undii 在 2024-11-03 10:29:02 更新了该回帖
  • JeffreyChen • • 1 评论
    付费者 支持者 捐赠者 作者

    我的看法是即使仅隐藏边框也会更好看，用户需要的其他样式都能靠 CSS 实现

    明白，这一点我不赞同，当然只是我不赞同而已。 看到你编辑了内容，我只能说隐藏边框也能靠 CSS 实现。我不认为这是理由。
    Undii •
  • EmptyLight •
    付费者

    我觉得边框没什么，有没有都可以接受。不过要去掉的话一般情况下我还是喜欢用颜色区分不同的功能区。用自己改的主题演示一下，附图如下。

    PixPin20241103103958.png

    而用了背景图片插件之后我更愿意把界面之间的隔阂去掉，尽可能让整个界面一体化。附图如下。（将标题栏、标签栏和面包屑独立出来主要是不想改了）

    PixPin20241103104516.png

    这个效果也是我打磨几次之后确定使用的效果。全部界面之间的隔断几乎没有。

    至于我平时使用是隐藏停靠栏的，在所有功能确定位置之后就不去修改功能的定位了，所以只需要把鼠标移过去就能用对应的功能，比如文档树、大纲。

  • muxue • via macOS
    付费者 捐赠者

    既然主题、css 都能解决这个问题，那为啥要在默认主题里面加这种一半人喜欢另外一半人不喜欢的改动？个人不赞同。就算要加最好也弄个开关，但是主题本身加开关好像也不现实。

    默认主题更应该修改一下分行符、代码块的辨识度，现在的辨识度太差了，特别是默认的暗色主题。

    2 回复
  • JeffreyChen •
    付费者 支持者 捐赠者 作者

    就是要投票才知道用户喜不喜欢。本质是为了优化默认主题，不能让默认主题保持难看然后大家都去用第三方主题。

    1 操作
    JeffreyChen 在 2024-11-03 12:14:36 更新了该回帖
  • JeffreyChen •
    付费者 支持者 捐赠者 作者

    分隔线可以用这个 CSS 修改：

    /* 更改分割线样式 CSS片段 */
.protyle-wysiwyg [data-node-id].hr>div:after {
    height: 2px;
    background-color: #e9e900;
}
​

    代码块可以自己设置颜色：

    image.png

    1 回复
  • EmptyLight • • 2 评论
    付费者

    刚看了 ob 对比视频回来，如果视频里用的 ob 主题是默认主题的话，它也是有边框的。只不过 ob 的界面布局都是纯色的，各个功能区之间没有色差。

    我也看过 OB ，感觉不是很好看，默认主题跟思源一样没有那么“现代”
    JeffreyChen •
    @JeffreyChen 我刚用思源的时候觉得默认主题还是耐看的，算是比较“现代”的。比起 dopus 来说好了不止一点（我为什么要这样比）
    EmptyLight •
  • tongzi •
    付费者 捐赠者

    没有边框也不太好看，杂乱不是边框的问题，

    而是设置很多都是重复的，把设置项归类一下就好。还有侧边栏就是感觉是没什么用的

  • Tisamn •
    付费者

    选项不好选啊，个人意见：
    同意隐藏底栏的边框线，上栏和侧栏有边框线的话，看起来会好点

    当然如果通过颜色进行区分的话，隐藏边框线没有意见，并且希望底部的边框的颜色和页面颜色相同

  • TangQi •
    付费者 捐赠者

    不支持，隐藏边框会让整体设计没有空间感

    09296CEB2D1F4D5F8FF34AF092F6BD67.png

    隐藏边框之后，软件刘海就变成了蘑菇头了，除非像上面一样把刘海剪掉

  • bala1000 •

    我的建议是给它添加一个快捷键，如 alt +` ,这样久可以快速隐藏，界面就更加简洁。同时我觉得可以适当侧重引导用户去习惯使用快捷键，这样效率更高。

    image.png

  • JeffreyChen •
    付费者 支持者 捐赠者 作者

    看来需求各不相同，大家自行用 CSS 改吧。

  • AhaluYah • • 1 赞同
    付费者 捐赠者

    个人观点：可以优化，但不建议直接去掉线条。

    原因 1，现有的边框整体观感虽然不是特别好，但也不坏，影响其实并不大。

    原因 2，线条的功能是分区，如果直接去掉，整个界面就成了一坨，没有边界感。

    原因 3，如果要修改，建议融合色块 + 线框，丰富界面层次感。

    个人比较喜欢的软件界面：滴答清单。

  • muxue • via macOS
    付费者 捐赠者

    不是代码块颜色的问题，是现在默认主题的代码块和其他块之间的辨识度不好，看起来和引用块一样似的。和 mac 代码块美化插件一比就能感受出来。

    分割线这个 css 我知道，但是默认的那个真的太细了吧？改这个我感觉不会有人有异议吧 😂

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者 作者
    1. 我觉得区别蛮大的：
      image.png
    2. 分隔线你可以发起一个投票看看
  • NishikigiReeves •
    订阅者

    我是支持的，因为我不会搞 CSS，也不想为了写笔记去学。

  • paris1943 • • 1 赞同

    我投的“反对”。

    一个是，我真的觉得一些长久以来就有且不影响大部分用户使用的东西就别改了；

    第二个是，如果要改希望往好的方向去改。“去掉线条”怎么看也不是好的方案，不仅没有让界面变得简洁清晰，反而视觉上更臃肿了（不是元素变少了就是“简洁”）。

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者 作者

    应该主动改进，而不是用户能习惯就一直保留，否则就会僵化跟不上时代了。

    你是用默认主题的吗？

  • mozhu •
    订阅者 付费者 支持者 捐赠者

    界面是整体的事情，线条我觉得还是要有的，主要是界面要有层次，有区分度，只是思源目前的整体看起来就很粗糙，间距、颜色、图标、大小远不如借鉴的 ide 编辑器那样美观

    image.png

    image.png

    image.png

  • ACai •
    订阅者 付费者 支持者

    我支持再次降低边框对比度，弱化边框的存在感，但移除我不是特别赞同，有一点点分区还是有用的，另外右侧停靠栏的边框支持移除

  • temacc0531 •

    建议直接来波大改trollface

  • veee • via macOS
    订阅者

    试了下去掉边框，个人感觉更好一点。不过我还是投了反对票，因为不想改的人挺多的，而对于想改的人来说，这类简单的需求可以直接 CSS 就实现了。

    如果真的改 UI，可以考虑出份设计稿大改一下。不过，相对于这些细枝末节的元素，我倒是觉得不如花心思优化一下界面的逻辑，精简和合并一下入口之类的，目前还是有点乱（比如我始终理解不了文档右上角的“打开菜单”和“更多”是靠什么区分的，为什么导入导出功能不在“更多”里面）。

    上面讨论的边框的问题，感兴趣的可以用这个 CSS 看下效果：

    /* 隐藏界面边框 */
.layout-tab-bar {
	border-bottom: none;
}
.layout__resize--lr:after {
	top: 0;
	width: 0;
	left: 0;
	height: 0;
}
.toolbar {
 	border-bottom: none;
}
.dock#dockLeft {
	border-right: none;
}
.dock#dockRight {
	border-left: none;
}
.status {
	border-top: none;
}
​
    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者 作者

    不过我还是投了反对票，因为不想改的人挺多的

    投票应该投自己的需求而不是别人的需求。投票时不考虑他人是基本准则。

    如果大家实际上都需要且赞同，但都觉得别人会反对所以也投反对，那就倒置了结果，反应不了真实的情况了。

  • zxkmm •
    付费者 支持者 捐赠者

    那些线框确实不好看，但是单纯的隐藏的话其实似乎更不协调。

    因为有主题功能存在所以官方肯定不愿意改。

    但如果愿意改的话希望模仿下 affine

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者 作者

    来个图看看 Affine

    1 回复
  • zxkmm •
    付费者 支持者 捐赠者

    整体设计理念不好概括，但好看image.png

请输入回帖内容 ...
JeffreyChen
思源笔记同步教程：https://ld246.com/article/1692089679062?r=JeffreyChen 爱发电：https://afdian.com/a/JeffreyChen
回帖
10722
 帖子
149
 积分
6773

近期热议

推荐标签 标签

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    732 引用 • 1287 回帖 • 2 关注
  • RemNote
    2 引用 • 16 回帖 • 38 关注
  • 大疆创新

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

    2 引用 • 14 回帖
  • 微服务

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

    97 引用 • 155 回帖
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
    用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力：

    • 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
    • 自我保护：使用适当的 License 保护自己的原创作品。
    • 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
    • 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
    • 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
    • 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖
  • 创造

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

    189 引用 • 1021 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据（或者事件）流的 API。它组合了观察者模式，迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 193 关注
  • 持续集成

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

    15 引用 • 7 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 234 回帖 • 1 关注
  • GAE

    Google App Engine（GAE）是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 845 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 56 关注
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    91 引用 • 113 回帖
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件，最早由德国 Innotek 公司开发，由 Sun Microsystems 公司出品的软件，使用 Qt 编写，在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 17 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 234 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 277 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计，是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 750 关注
  • 书籍

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

    84 引用 • 414 回帖
  • OpenCV
    15 引用 • 36 回帖 • 1 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    42 引用 • 130 回帖 • 252 关注
  • GraphQL

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

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

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

    6 引用 • 141 回帖 • 621 关注
  • Node.js

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

    139 引用 • 269 回帖
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    61 引用 • 29 回帖
  • Dubbo

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

    60 引用 • 82 回帖 • 622 关注
  • OneNote
    2 引用 • 5 回帖
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    119 引用 • 54 回帖 • 2 关注
  • abitmean

    有点意思就行了

    • 39 关注

最新标签