思源笔记新图标征集

背景

也许还有人记得第一版那个比较丑的官网,那是我和 @Vanessa 花了半天时间做的,那时候开发时间太紧张了,所以我们优先考虑开发思源本身的功能。思源的图标大概花了几分钟做的,当时思源主要是基于 Vditor 和 Lute 开发的,所以图标也就取自这两个项目:

Vditor.pngLute.pngSiYuan.png

当然,以上这些显然不是什么值得炫耀的事情,只是想说明这个图标的来历。现在,随着思源功能的逐步完善,我们觉得是时候改进外观了,就先从图标开始吧。

构思

思源出自“饮水思源”,这个词提醒我们做人做事不能忘本;作为双链笔记,“思源”也提醒我们在引用时不要忘记定义的出处,这就是思源笔记命名的来历。

发散来说,“思源”提醒我们在个人成长的道路上应该不断回顾、总结复盘、整理知识和自己的所思所想。只要生命不息,这个过程就不应该终止。所以“思源”也无时无刻不在描述着无穷的当下。

基于这一点,新版图标的构思我们联想到了“莫比乌斯带”:

莫比乌斯带.png

原型

结合思源的英文名称 SiYuan,取第一个字母“S”后,图标设计思路大概是这个样子:

demo.png

这里有几点基础需要考虑:

目前考虑的大概就是这么多,如果你有更多想法也欢迎讨论。

征集

我们需要专业的设计师帮忙制作图标,设计的图标作品需要公开在评论区,这样才能方便更多人进行点评。被选中的作品我们会保留设计师的署名,并在思源帮助文档和 GitHub 仓库项目 README 中按作者需求进行页面链接。

征集结束时间暂定为一个月后,还请设计师们踊跃投稿,谢谢!

1 操作
88250 管理员在 2022-04-15 10:56:35 置顶了该帖

相关帖子

优质回帖
  • minco 11 32 赞同

    先占个楼,在论坛上天天被玩代码的大佬包围瑟瑟发抖,终于轮到我表现了

    话说征集活动诶,大家贡献自己的设计奖励一个终身会员不过分吧,社恐真的安利不到人啊,推荐获取实在是太难了

    以及好歹也给整个特殊头衔吧,我觉得屠龙小队还缺一个魔法师

    拜托魔法师头衔超酷的好么!trollface

    可惜做主题还要会 CSS,不像 logo 直接换 ico 就好了,唉


    花了几天时间做出来的,如果中意的话可以联系我要源文件

    思源笔记 logo 提案 p1.jpg

    思源笔记 logo 提案 p2.jpg2.jpg

  • zsl 1 13 赞同

    Snipaste20220418160339.png

  • leolee 1 11 赞同
    订阅者

    无题.jpg

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • yuyuyuyu
    订阅者

    有点像回形针

  • HowcanoeWang 3 赞同 1 评论
    订阅者

    之前 langzhou 大佬设计过 logo:

    image

    个人一直在用第一个

    langzhou/siyuan-note: 思源笔记美化教程 (github.com)

    1 回复
    1 操作
    HowcanoeWang 在 2022-04-19 14:52:09 更新了该回帖
    最后一个好
    PeterChu
  • SyTlr
    订阅者

    很喜欢这种简约风的 logo!

  • minco 11 32 赞同 5 评论

    先占个楼,在论坛上天天被玩代码的大佬包围瑟瑟发抖,终于轮到我表现了

    话说征集活动诶,大家贡献自己的设计奖励一个终身会员不过分吧,社恐真的安利不到人啊,推荐获取实在是太难了

    以及好歹也给整个特殊头衔吧,我觉得屠龙小队还缺一个魔法师

    拜托魔法师头衔超酷的好么!trollface

    可惜做主题还要会 CSS,不像 logo 直接换 ico 就好了,唉


    花了几天时间做出来的,如果中意的话可以联系我要源文件

    思源笔记 logo 提案 p1.jpg

    思源笔记 logo 提案 p2.jpg2.jpg

    18 回复
    1 操作
    minco 在 2022-04-19 21:05:25 更新了该回帖
    这个 logo 太赞了啊!!!!
    1995hanjian
    色彩真的很棒
    Tock
    这个好看诶!!!
    Sheep
    卧槽相关大佬亲自下场了
    EberhardLin
    这个 LOGO 方案色彩、造型太有冲击力了。感觉第一张图的备选方案 2 更简洁。当然,也可以都用上,让用户自行选择程序图标,特别是 MAC 用户,哈哈
    dugufeiyun
  • mind 2 赞同

    专业方案,赞一个

    还可以试试把 logo 转 90 度

  • taoweng
    订阅者

    专业,赞

  • Xiavi93
    订阅者

    投你一票

  • szukkboy
    订阅者

    牛 X,专业设计师就是不一样~~~

  • leolee 1 11 赞同
    订阅者

    无题.jpg

  • SyTlr
    订阅者

    给大佬打 Call!太喜欢方案 1 的风格了

  • yumenawei
    支持者 订阅者

    卧槽,卧槽,卧槽。

    太好看了。

    思源人才辈出啊~

  • JayGao

    谢谢关注我的 solo 博客:https://www.xiaofang520.com

    该回帖因偏离主题而被折叠
    1 操作
    88250 在 2022-04-20 17:29:23 折叠了该回帖
  • lzuwujx
    订阅者

    方案 1 太棒了!

    就像三体中神秘的水滴,很有冲击力,哈哈 👍

  • FreeLancer1993
    订阅者

    好酷啊,真的好看。

  • leolee
    订阅者

    image.png

  • leolee 1 赞同
    订阅者

    image.png错了错了 不会编辑原帖...........

  • wangshuaiszo
    订阅者

    这个好棒!!

  • SurezZ
    订阅者

    很喜欢方案的首选配色,备选中的下面这个差点看成了华为快应用...但拿出来比较了一下差距还是挺大的,但不知为什么这个图标很熟悉,好像在哪见过。

    image.png

    image.png

  • zxy0124
    订阅者

    这一套专业!!!

  • Glob 2 赞同
    订阅者

    我倒是希望 logo 一眼就能让人看出来这是个笔记软件,不然的话还不如弄个亚瑟头像来的显眼。毕竟项目还是初期,了解的人还少。我第一次下载软件看 logo 感觉有点莫名其妙,项目没成长起来之前,很少有人愿意了解背后的含义。我觉得 logo 含义还是清晰明了的好,以后要是发达了想怎么改都行。还有就是官网希望也改改,至少首页展示图片用中文界面的,不然给人印象以为是个国外的笔记软件。

  • yuyuyuyu
    订阅者

    果味十足,有点像快捷指令 😂

    1 回复
  • lisontowind
    捐赠者 订阅者

    啊哈哈,我也想这么说

  • lhf 3 赞同
    支持者 订阅者

    其实感觉也没必要和费劲 毕竟看看 notion 的 logo 就 个 N,辨识度也很高

  • yuyuyuyu
    订阅者

    目前看一圈下来,还是您这个最好看

  • HappyHeimi
    订阅者

    【图标】下面是我设计的 logo:

    logo.png

    【注意】本人不是设计师也不会设计,logo 是用 ppt 做出来的 😂 ,只是阐述一下我的灵感,细节和配色可能需要专业的设计师进行改良。

    【解释】图标主体是一正一反的两个水滴,反映了“饮水思源”的概念。两个水滴的轮廓类似“莫比乌斯带”,从中能看出字母 “S”,满足楼主提出的要求。更重要的,两个水滴构成了一个“沙漏”,象征时光的流逝,里面装着的流动的液体,象征着流动的“知识”、“思想”和“灵感”等,水滴里面承载的知识和灵感能像沙漏一样从一滴水流进另一滴水,反过来也可以,表示随着时光的流逝知识能得到不断地整理、交织和融汇。

  • sharmman
    订阅者

    这个和其他图标放一起就很搭

  • PiChou 1 赞同 1 评论
    订阅者

    灵感来自三体,莫比乌斯环纠缠成三星。

    花了点时间画草图,如果有设计师觉得可以,随便拿去用,希望能成为思源笔记的 logo。

    27BQW488TR5U7DBM768B.jpg

    混沌论啊
    PeterChu
  • JackyYe 2 赞同
    订阅者

    设计一主要的灵感来源与甲骨文的水字,也是切合”饮水思源“的主题,实际上用了某个字体的 s 做了一些修改,由小到大,像一条河流查看源图像

    设计二就是想弄个 s 出来,本来想弄成 3D 的发现并不会

    设计三参考了题主说的”莫比乌斯带“

    非专业设计师,只想积极贡献一份想法

    siyuan2.png
    siyuan3.pngsiyuan5.png

    1 回复
  • zsl 1 评论

    提醒一下,可能会有侵权风险

    Snipaste20220425114647.png

    1 回复
    我去,创意居然撞车了,整个人裂开,这稿估计废了
    minco
  • NUISONG 1 赞同
    订阅者

    第一张图是 4 个圆 +4 条切线么?哈哈哈 个人感觉第一张图最后右下角那个方案不错

  • NUISONG 1 赞同
    订阅者

    20220427235214.png

    非专业设计出身,但还是想提供一点点自己的思路方案:

    1、整体脱胎于麦比乌斯环的方案,象征着知识海洋的 infinite。

    2、实线部分就是一个"S",呼应 SiYuan 笔记首字母。

    3、两个环(可以考虑设计成两个水滴形状)上小下大,同时下环用浅蓝填充/渲染,图形大而同时位于底部,意味着坚固的沉淀和奠基,寓意者获取知识,注重积累,需要脚踏实地;上环用深蓝色填充/渲染,意味着上环是对下环的进一步升华和拔高,是知识的吸收和运用,用颜色对比进行暗示和引导。

    4、两个环之间进一步用一段虚线连接,首先预示着该段线条位于底部,是完整的一个立体的麦比乌斯环,同时配合双环,更是隐喻着双链的含义。

    5、进一步可以将虚线设计成一个个小水滴的形状,而且为了和第 3 点创意遥相呼应,可以实现水滴形状是从左下角滴落至右上角的效果(水滴颜色也要配合第 3 点的效果,颜色逐渐由浅蓝变深蓝。如果是灰度图标,可以通过水滴从大到小渐变。甚至可以做成 GIF,展示出水滴移动的效果等等),说明知识通过整理吸收后,得到升华:从大而广的范围,逐渐浓缩成为小而精,从浅蓝色渐变为深蓝色,就是淬炼浓缩的含义。而水滴斜向高处的运动是违反常识的,同时由大海(底下大环)流向溪湖(顶部小环)也是与百川汇海的常识相悖,但这些都寓意着“熵减”含义:只有通过反惰性和痛苦地主动吸收,才能最终完整掌握知识。这也揭示了知识学习过程的内在真理。

    6、整个 logo 几乎都是围绕着水滴设计,死死契合饮水思源的背景。建议将深蓝-浅蓝作为主调色,可以更好突出水滴效果。

    具体其他细节的美化,比如扁平化等等,这个不是我能力所能达到的。

    整体极简构思,看看能否获得一个创意优胜奖!😂 😂 😂 也欢迎设计专业人员在这构思基础上,协作完成最终图标效果。到时我们可以一起上榜领奖。哈哈哈哈

    1 操作
    NUISONG 在 2022-04-28 08:32:37 更新了该回帖
  • Zhangwuji
    订阅者

    image.png

  • Zhangwuji
    订阅者

    image.png

  • Siy123 1 评论

    求救文件找不到了!

    今天做了个东西,占空间比较大,C 盘由于长时间没清理不够了.想着清理彻底一点,就把 C:\Users\SX\AppData 中的数据清了不少,好像也没动 siyuan 的(也可能误操作了),当时没注意到,把回收站也清了.这下麻烦来了,再打开思源,什么东西都没有了!!!到 C:\Users\SX\Documents\SiYuan\data 里看,总供还 3.08M.有几个*.sy 文件也不知怎么打开,时间也都是删文件后的时间.用导入的办法,看到有数据导入,但导完进入还是没有!该怎么办?小白,求指点!!!

    新人不能发贴,不知怎么办.若不合规请多谅解!

    该回帖因偏离主题而被折叠
    1 操作
    88250 在 2022-04-30 23:06:55 折叠了该回帖
    思源笔记领域发帖不受注册时间限制,请在求助问答发帖。
    88250
  • Isaiah
    订阅者

    这个真心好看,很不错

  • honorfirst
    订阅者

    这种简洁风不错,红黑配色也够大气。

  • wvwvwv 1 赞同

    微信图片 20220502231428.jpg微信图片 20220502231433.jpg

    手搓的,精度上有点欠缺 otz

    不同角度可以分别看到莫比乌斯环和 s

  • deerain 1 赞同
    支持者 订阅者

    个人看法:图标好看就行了,最好不要纠结那个 S,使用 S 元素的图标实在是太多了,很难有辨识度

  • GloR

    把 logo 顺时针转 90° 那个提案可以尝试一下~

  • iamqiz
    订阅者

    chrome-思源结合体 😂

  • foxclive 1

    image.pngimage.png

  • MrT

    思源.png

  • YoSiYuan
    订阅者

    第一个不错。

  • YoSiYuan
    订阅者

    用那个加了边框的那个。最火热的那个设计侵权,并且感觉不务实,笔记软件感觉应该给人一种踏实的感觉。所以评论中有个加了外边框的可以考虑下。

  • qifengle1998

    D 大准备啥时候上新图标啊? @88250

  • lemonk 2 赞同
    订阅者

    月初看到了图标征集活动,意外但也算是惊喜,谁不喜欢常用的软件有个精美顺眼的启动图标,毕竟是要摆在桌面的存在。作为曾经干过 UI 的程序员,感觉内心还是有点蠢蠢欲动的,闲的时候也想了想关于开发者对于图标的想法,该怎么去呈现出来。索性也随便画画,重在参与嘛。

    思路

    一开始绞尽脑汁想要用 s 做变形,融合水滴元素,大概也类似热门贴那样,毕竟题主想要水滴的概念,和莫比乌斯环的元素,大家很容易都会朝那个方向考虑。而我也陷入了 S 字母的怪圈,还总想着把思源的 SY 都给呈现出来,于是就有了第一行的第一个图标的雏形,S 是小鸟的身体,翅膀和身体共同构成了 y 的字形,但是随便一搜网上一大把鸟类的 logo,直接给我劝退了,感觉怎么做都容易抄袭。

    于是又想利用水滴形状去表现这个鸟的字形结构,于是就有了第一行第二个图标,是的你没看错,一个我第二眼看就想到了语雀的图标......

    然后就是新的想法,第二行的图标,融合了 s 和 y 的线条,整体是 S 字形,并且结合了波浪的纹路风格,也算是一种水的体现,如果把水比作我们日常记录的每一个文字,每一章笔记,那就寓意着思源笔记不仅仅是一滴滴水的单纯积累,更是你无数知识体系碰撞的思维浪花在这里凝聚。

    最后的蜗牛图标,是我之前一个想法,想了想还是放出来提供个思路,说不定有人有更好的想法。(其实我是偷懒了,拿着浪花拼凑的,但是我真的觉得蜗牛这种坚持不懈的动物,和笔记类的软件也挺搭调的,恩,是这样。(坚定的眼神 😳 ))

    题外话:

    说句比较得罪人的话,评论区里的图标我看了一圈,基本没有符合标准的,当然有几个还不错,只是真的是容易触了抄袭的霉头。话说回来,开始用思源的时候,感觉这个图标棱角分明,有种工科生的气质,后来用久了也就看习惯了,现在看了一圈,反而觉得识别度还挺高。😂

    其实品牌 LOGO 还是比较重要的东西,如果有能力还是请专业的公司做会比较靠谱,毕竟图标虽小,但是也是需要精心包装设计的,美观好看,还要有理念在里面。单纯开个贴,也没有实质性的奖励等,而且还是思源论坛内部比较小众的群体里,其实想要得到一个完美的答案不太现实。

    最后希望能够早日看到思源用上完美的新图标,大家加油!❤️

    未标题 1.jpg

    1 回复
  • kq
    订阅者

    小白觉得图标都不错

  • deerain
    支持者 订阅者

    俺喜欢这个doge

    image.png

请输入回帖内容 ...