登录 注册

【PureColor v3.3 更新内容】直角式界面、标题 h1-h6 前缀图标上线

v3.3.1 上线标题 h1-h6 前缀图标

图片.png

之前一直苦恼于，好看的、数量为 1-6 的图标形状基本被各位主题开发大佬用过了，不过给 PureColor 设计一款美观、辨识度高的标题前缀图标的念头一直在我脑中酝酿，终于今日灵感爆发，熬夜 2 小时从零学习设计制作，终于大功告成。

v3.3.0 上线直角式界面

最近换了一款输入法皮肤，贼有感觉，于是萌生仿制成为主题的念头 😋

图片.png

考虑到已经有卡片式界面了，于是再新增一个直角式界面。主要调整了边框厚度、圆角半径、阴影；

做出来之后发现带色的还是不够味，还得是「纯黑白」，那么再新增一个主题配色吧~

初版已经成型，后续就是一些小修小补了。欢迎品鉴！

其他更新
  • ☆ 新增「直角式界面」：并且新增 1 款明亮模式主题「黑白调」与之搭配，风格独特！
  • ☆ 优化「主题功能按钮」浏览体验
    • 实现「二级菜单」，将主题功能区分为界面相关、功能增强、主题配色三类；
    • 菜单上下间距增加；
    • 功能按钮新增 emoji 前缀，主题配色按钮增加背景色；
  • 隐藏顶栏&无框线：包括卡片式界面与直角式界面；
  • 字体：取消内置霞鹜家族字体，--b3-font-family 进行微调；
  • 思源笔记

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

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

    26153 引用 • 108641 回帖 • 1 关注
1 操作
PiChou 在 2025-06-03 09:54:25 更新了该帖
1 感谢
1 操作
6 回帖
2
275 153 8 31 83

相关帖子

6 回帖
【PureColor v3.3 更新内容】直角式界面、标题 h1-h6 前缀图标上线

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • EmptyLight • • 1 评论
    付费者

    这个图标挺好看的，很有创意

    (#^.^#)
    PiChou •
  • stevehfut • • 1 评论
    付费者

    配色很棒！！

    但标题似乎只能靠前面的图标分辨，希望可以改变标题的字体大小（不然感觉层级不明显）

    感谢喜爱，我再考虑下 o(￣︶￣)o
    PiChou •
  • drawone •
    付费者

    还可以参考骰子的六个面

    1 回复
  • PiChou • • 3 评论
    付费者 支持者 捐赠者 作者

    以下是一些能够通过图形组合明确区分数量的样式或系统，它们通过不同的视觉元素排列或组合来代表特定数值或等级：

    1. 玛雅数字系统

    • 机制：用点（•）和横线（—）组合表示数值，每个点代表 1，每个横线代表 5。例如：
      • 1 = •
      • 5 = —
      • 7 = •• (两点在横线上)
    • 特点：图形简洁，组合逻辑清晰，类似骰子的点排列，但更系统化。

    2. 盲文（Braille）

    • 机制：通过凸起的点阵（2 列 ×3 行）表示字母、数字或符号。例如：
      • 数字 1：第一列顶部一个点
      • 数字 4：第一列顶部和第二列中部各一个点
    • 特点：依赖点的位置和数量，可触觉识别，但视觉上也具备区分性。

    3. 多米诺骨牌

    • 机制：每张牌分为两半，每半用点数（1-6）表示数值，组合方式类似骰子。例如：
      • [3|5]：左半 3 点，右半 5 点
      • [6|6]：双六的特殊对称图案
    • 特点：通过点数和排列差异区分组合，兼具数学和美学设计。

    4. 七段数码管（Seven-segment Display）

    • 机制：用 7 个可亮灭的线段组合显示 0-9 的数字。例如：
      • 数字 8：所有段全亮
      • 数字 7：仅顶部和右竖线段亮
    • 特点：电子设备常用，通过线段组合形成唯一标识。

    5. 军衔与徽章

    • 机制：用条纹、星星或符号数量表示等级。例如：
      • 美军陆军：一条横杠为少尉，两颗星为少将
      • 中国军衔：一条杠加星代表不同军官级别
    • 特点：图形直接对应等级，直观且具有权威性。

    6. 游戏中的生命/能量标识

    • 机制：用心形、电池图标等图形数量表示状态。例如：
      • 《塞尔达传说》：3 颗心代表生命值总量
      • 手机信号格：4 格满信号，1 格弱信号
    • 特点：通过重复图形的增减传递信息，用户一目了然。

    7. 古代符木（Tally Sticks）

    • 机制：在木棍上刻痕记录数量，不同刻痕组合代表不同数值。
    • 特点：历史悠久的计数工具，刻痕的深度、位置或符号组合可区分数值。

    8. 化学键合符号

    • 机制：用单线（—）、双线（=）、三线（≡）表示单键、双键、三键。
    • 特点：通过线条数量区分分子结构，虽非直接计数，但体现图形组合的逻辑。

    9. 乐谱中的音符时值

    • 机制：符头、符干和符尾的组合表示不同时值。例如：
      • 全音符：空心圆
      • 八分音符：实心圆加符干和一条符尾
    • 特点：图形差异对应时间长度，间接体现“数量”关系。

    10. 维京符文（Runic Symbols）

    • 机制：部分符文通过线条数量或交叉方式表示数值。例如：
      • 符文 ᚠ（Fehu）象征财富，但也可能关联数值。
    • 特点：兼具神秘符号与实用计数功能。

    总结

    这些系统通过点的数量、线条组合、符号排列或重复图形实现数值的区分，适用于游戏设计、文化符号、技术界面等领域。用户可根据具体场景（如复古、科技、抽象）选择适合的图形逻辑。

    1 回复
    这个是之前问 deepseek，得到的关于「通过图形组合明确区分数量的样式」，主要是部分设计并不直观（外国文化国人不懂、专业领域普通人不友好）所以没采用
    PiChou •
    @PiChou 我就很没有想法了，直接 123456
    queguaiya •
    @queguaiya ◝(　ﾟ ∀ ﾟ )◟
    PiChou •
  • Saitama •

    能否提个建议

    就是链接、附件等，加个类 emoji

    比如 pdf 浅表价格 pdf 图标，word 前边加 word 图标

    现在所有的附件和链接都差不多，不是很好区分

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

    集市里面有个叫「链接图标」的插件，就是你说的那个功能，收纳了近千个 link-icon，我就不越俎代庖了哈 🙏

请输入回帖内容 ...
PiChou
回帖
365
 帖子
12
 积分
18453