{"topic":{"id":5896,"title":"一些关于网站 UI 用词和图标的建议","slug":"topic","categoryId":2,"createdAt":"2023-09-26 07:35:40.162159","bumpedAt":"2023-09-27 13:33:37.201805","views":321,"postsCount":10,"highestPostNumber":11,"likeCount":4,"closed":false,"pinned":false,"pinnedGlobally":false,"pinnedAt":null,"pinnedUntil":null,"isBanner":false,"excerpt":"且不说现在的 UI 是否足够美观，至少功能已经比较完善了，但个人感觉还是有一些图标、文字不是特别明了，所以这里提一点想法。用词 ”网站“这个版块名字并不直观，我第一次上交大門时还以为这是讨论 Web 技术的，进去翻了翻才知道是关于站务的。其他论坛或者平台一般把这个版块叫”关于本站“或者”站务讨论“等等，我建议交大門也不要用”网站“作为版块名。另外，个人感觉“沉淀”其实也不是很直观，不过这可能是因为我比较像个老古董，就用这个也没什么问…","deletedAt":null,"isAnonymous":false,"category":{"id":2,"name":"网站","slug":"website","color":"986a44"},"author":{"id":1381,"username":"greyishsong","name":"greyishsong","avatarUrl":"/uploads/image/da/bc/dabc731b0311f59850625bbeb55ed969fcfac0430c5ef0f68441e5466b7aa496.avif"},"tags":[]},"posts":[{"id":11866,"postNumber":1,"raw":"且不说现在的 UI 是否足够美观，至少功能已经比较完善了，但个人感觉还是有一些图标、文字不是特别明了，所以这里提一点想法。\n\n## 用词\n\n”网站“这个版块名字并不直观，我第一次上交大門时还以为这是讨论 Web 技术的，进去翻了翻才知道是关于站务的。其他论坛或者平台一般把这个版块叫”关于本站“或者”站务讨论“等等，我建议交大門也不要用”网站“作为版块名。\n\n另外，个人感觉“沉淀”其实也不是很直观，不过这可能是因为我比较像个老古董，就用这个也没什么问题。\n\n## 图标\n\n隐约记得在哪个话题下看到过图标是从某图标网站上选的，但我再去搜这个话题的时候却搜不到了。\n\n我觉得如果可以换，那把“水”版块的图标换成 font awesome 的 water 或者 swimmer 更好玩一点。\n\n“沉淀”板块用钻石的也不错，不过我可能更偏好 font awesome 的 seedling 些。\n\n（本站发帖不允许上传 svg，好像也没法直接插入 css，所以没办法把图标发出来，只好发名字）","cooked":"

且不说现在的 UI 是否足够美观，至少功能已经比较完善了，但个人感觉还是有一些图标、文字不是特别明了，所以这里提一点想法。

用词

”网站“这个版块名字并不直观，我第一次上交大門时还以为这是讨论 Web 技术的，进去翻了翻才知道是关于站务的。其他论坛或者平台一般把这个版块叫”关于本站“或者”站务讨论“等等，我建议交大門也不要用”网站“作为版块名。

另外，个人感觉“沉淀”其实也不是很直观，不过这可能是因为我比较像个老古董，就用这个也没什么问题。

图标

隐约记得在哪个话题下看到过图标是从某图标网站上选的，但我再去搜这个话题的时候却搜不到了。

我觉得如果可以换，那把“水”版块的图标换成 font awesome 的 water 或者 swimmer 更好玩一点。

“沉淀”板块用钻石的也不错，不过我可能更偏好 font awesome 的 seedling 些。

（本站发帖不允许上传 svg，好像也没法直接插入 css，所以没办法把图标发出来，只好发名字）

\n","createdAt":"2023-09-26 07:35:40.283596","updatedAt":"2023-09-26 08:05:34.486521","replyToPostNumber":null,"replyCount":0,"likeCount":0,"wordCount":361,"liked":false,"bookmarked":false,"polls":[],"reactions":[],"wiki":false,"version":2,"publicVersion":2,"deletedAt":null,"isAnonymous":false,"user":{"id":1381,"username":"greyishsong","name":"greyishsong","avatarUrl":"/uploads/image/da/bc/dabc731b0311f59850625bbeb55ed969fcfac0430c5ef0f68441e5466b7aa496.avif","admin":false,"moderator":true,"signatureRaw":null,"signatureCooked":null}},{"id":11867,"postNumber":2,"raw":"Very good advice. Will change it right away.\n\n图标也很随意，比如关于本站用的是 `virus`\n欢迎在下面这个网站找到好的提示我改：\nhttps://fontawesome.com/v5/search?m=free\n\n“水”类别用水滴状图标 `tint`，本来想“沉淀”用石头，可惜没找到好的，所以就用了个`gem`，也算是契合`ruby on rails`了。“关于网站”想用 web，可以没找到跟蜘蛛网有关的图标。","cooked":"

Very good advice. Will change it right away.

图标也很随意，比如关于本站用的是 virus
\n欢迎在下面这个网站找到好的提示我改：

\n\n

“水”类别用水滴状图标 tint，本来想“沉淀”用石头，可惜没找到好的，所以就用了个gem，也算是契合ruby on rails了。“关于网站”想用 web，可以没找到跟蜘蛛网有关的图标。

\n","createdAt":"2023-09-26 07:36:45.761698","updatedAt":"2024-03-17 13:07:01.604771","replyToPostNumber":null,"replyCount":1,"likeCount":1,"wordCount":115,"liked":false,"bookmarked":false,"polls":[],"reactions":[{"reaction":"❤️","count":1,"users":[{"id":307,"username":"Fast","name":null}],"hasReacted":false}],"wiki":false,"version":3,"publicVersion":3,"deletedAt":null,"isAnonymous":false,"user":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif","admin":false,"moderator":false,"signatureRaw":null,"signatureCooked":null}},{"id":11878,"postNumber":3,"raw":"之前不小心没写完就发出去了 :rofl: 后面编辑了关于图标的建议，站长可以看一下。","cooked":"

之前不小心没写完就发出去了 🤣 后面编辑了关于图标的建议，站长可以看一下。

\n","createdAt":"2023-09-26 11:04:20.640735","updatedAt":"2023-09-26 11:04:20.640735","replyToPostNumber":2,"replyCount":0,"likeCount":1,"wordCount":35,"liked":false,"bookmarked":false,"polls":[],"reactions":[{"reaction":"❤️","count":1,"users":[{"id":307,"username":"Fast","name":null}],"hasReacted":false}],"wiki":false,"version":1,"publicVersion":1,"deletedAt":null,"isAnonymous":false,"user":{"id":1381,"username":"greyishsong","name":"greyishsong","avatarUrl":"/uploads/image/da/bc/dabc731b0311f59850625bbeb55ed969fcfac0430c5ef0f68441e5466b7aa496.avif","admin":false,"moderator":true,"signatureRaw":null,"signatureCooked":null}},{"id":11879,"postNumber":4,"raw":"[grid mode=\"tile\"]\n![Screenshot_20230926_192524|690x196, 50%](/uploads/image/ea/b1/eab107dd8271988d00f237ef14f8833308e09368e74c0b30cea624f9627d0989.avif)\n![Screenshot_20230926_192535|216x264, 50%](/uploads/image/ec/8e/ec8e0131bae0f2227029c02dc33f79eade83ead8d68836d8bb21a63fb002df21.avif)\n[/grid]\n\n我最初选 `tint`的原因是 fontawesome 里面的 water 图标看不出来是水，水滴确实也不是最好的，有点像是葫芦，另外`seedling` 跟沉淀区的关系是什么呢？","cooked":"

$\"Screenshot_20230926_192524\"$
\n $\"Screenshot_20230926_192535\"$

我最初选 tint的原因是 fontawesome 里面的 water 图标看不出来是水，水滴确实也不是最好的，有点像是葫芦，另外seedling 跟沉淀区的关系是什么呢？

\n","createdAt":"2023-09-26 11:27:48.106344","updatedAt":"2024-03-17 13:07:01.703662","replyToPostNumber":null,"replyCount":1,"likeCount":0,"wordCount":63,"liked":false,"bookmarked":false,"polls":[],"reactions":[],"wiki":false,"version":2,"publicVersion":2,"deletedAt":null,"isAnonymous":false,"user":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif","admin":false,"moderator":false,"signatureRaw":null,"signatureCooked":null}},{"id":11888,"postNumber":5,"raw":"我也觉得沉淀不好，这个板块的本意是类似于加精之类的东西，但是把加精的权利下放给用户自己了，这就导致很多水贴也跑到里面了，不过我目前还想不到好的替代词","cooked":"

我也觉得沉淀不好，这个板块的本意是类似于加精之类的东西，但是把加精的权利下放给用户自己了，这就导致很多水贴也跑到里面了，不过我目前还想不到好的替代词

\n","createdAt":"2023-09-26 13:55:01.078682","updatedAt":"2023-09-26 13:55:01.078682","replyToPostNumber":null,"replyCount":1,"likeCount":0,"wordCount":74,"liked":false,"bookmarked":false,"polls":[],"reactions":[],"wiki":false,"version":1,"publicVersion":1,"deletedAt":null,"isAnonymous":false,"user":{"id":650,"username":"AdvisorUploadBot1","name":"AdvisorUploadBot1","avatarUrl":"/uploads/image/02/36/0236028412afac37de85af1c94081c73f9bb07e13e7b33985f171687b0e7508f.avif","admin":false,"moderator":false,"signatureRaw":"本账户已完成使命","signatureCooked":"

本账户已完成使命

\n"}},{"id":11892,"postNumber":7,"raw":"[quote=\"AdvisorUploadBot1, post:5, topic:5896\"]\n我也觉得沉淀不好\n[/quote]\n\n我也觉得沉淀不好。我本来也想着水的反义词是火。","cooked":"

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\tAdvisorUploadBot1:\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

\n
我也觉得沉淀不好
\n

\n\t\t\t\t\t\t

我也觉得沉淀不好。我本来也想着水的反义词是火。

\n","createdAt":"2023-09-26 15:22:08.922919","updatedAt":"2024-03-17 13:07:01.786218","replyToPostNumber":5,"replyCount":0,"likeCount":0,"wordCount":35,"liked":false,"bookmarked":false,"polls":[],"reactions":[],"wiki":false,"version":1,"publicVersion":1,"deletedAt":null,"isAnonymous":false,"user":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif","admin":false,"moderator":false,"signatureRaw":null,"signatureCooked":null}},{"id":11896,"postNumber":8,"raw":"水有好多反义词，火、干、冰、汽、hardcore","cooked":"

水有好多反义词，火、干、冰、汽、hardcore

\n","createdAt":"2023-09-26 16:29:42.565009","updatedAt":"2023-09-26 16:29:42.565009","replyToPostNumber":null,"replyCount":0,"likeCount":0,"wordCount":16,"liked":false,"bookmarked":false,"polls":[],"reactions":[],"wiki":false,"version":1,"publicVersion":1,"deletedAt":null,"isAnonymous":false,"user":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif","admin":false,"moderator":false,"signatureRaw":null,"signatureCooked":null}},{"id":11909,"postNumber":9,"raw":"灌水灌多了不就把论坛淹了嘛，所以我觉得 swimmer 作为水区的图标比较好玩，表示到水区里游一圈。\n\n选 seedling 是因为交大門的底色是个学生论坛，很多资料是前人栽树后人乘凉，那栽树的过程就是种子发芽？或者也可以理解为帮助后来的同学自我成长。\n\n“关于网站”可以用 globe，地球经纬线图标也经常用来表示网站；又或者用 link / map 这些和链接、站点有关的图标也行，virus 实在有点不切题。\n\n刚才发现顶栏下拉菜单中的图标改了，但顶栏本身却没改，有点奇怪。\n\n![Screenshot_20230927_113814|413x177](/uploads/image/ee/27/ee277e7453179fb1361d0d3dfe546ba1d2e7f1fc7a100079f5f88b8af2f110f1.avif)","cooked":"

灌水灌多了不就把论坛淹了嘛，所以我觉得 swimmer 作为水区的图标比较好玩，表示到水区里游一圈。

选 seedling 是因为交大門的底色是个学生论坛，很多资料是前人栽树后人乘凉，那栽树的过程就是种子发芽？或者也可以理解为帮助后来的同学自我成长。

“关于网站”可以用 globe，地球经纬线图标也经常用来表示网站；又或者用 link / map 这些和链接、站点有关的图标也行，virus 实在有点不切题。

刚才发现顶栏下拉菜单中的图标改了，但顶栏本身却没改，有点奇怪。

$\"Screenshot_20230927_113814\"$

\n","createdAt":"2023-09-27 03:31:36.539915","updatedAt":"2023-09-27 03:38:29.640386","replyToPostNumber":4,"replyCount":1,"likeCount":1,"wordCount":197,"liked":false,"bookmarked":false,"polls":[],"reactions":[{"reaction":"❤️","count":1,"users":[{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old"}],"hasReacted":false}],"wiki":false,"version":2,"publicVersion":2,"deletedAt":null,"isAnonymous":false,"user":{"id":1381,"username":"greyishsong","name":"greyishsong","avatarUrl":"/uploads/image/da/bc/dabc731b0311f59850625bbeb55ed969fcfac0430c5ef0f68441e5466b7aa496.avif","admin":false,"moderator":true,"signatureRaw":null,"signatureCooked":null}},{"id":11910,"postNumber":10,"raw":"很有道理，我对部分图标进行了修改，为了玩点花样图标尽量不重样。另外对于 MOD 的图标你有建议吗？\n\nBTW 你的 cursor 用的是 KDE Breeze Light？","cooked":"

很有道理，我对部分图标进行了修改，为了玩点花样图标尽量不重样。另外对于 MOD 的图标你有建议吗？

BTW 你的 cursor 用的是 KDE Breeze Light？

\n","createdAt":"2023-09-27 03:52:48.127101","updatedAt":"2024-03-17 13:07:01.873675","replyToPostNumber":9,"replyCount":1,"likeCount":0,"wordCount":55,"liked":false,"bookmarked":false,"polls":[],"reactions":[],"wiki":false,"version":2,"publicVersion":2,"deletedAt":null,"isAnonymous":false,"user":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif","admin":false,"moderator":false,"signatureRaw":null,"signatureCooked":null}},{"id":11941,"postNumber":11,"raw":"我觉得现在用盾牌图标表示 MOD 就不错。相比之下可能网站图标不太好的问题更突出一些，现在这个图标\n\n![icon|64x64](https://xjtu.app/uploads/image/a8/ae/a8ae7a601a2f5da7334e199a1dc50af2d359838be8ffae37b32f305912c332d8.avif)\n\n整体有些头重脚轻，视觉上似乎不太平衡。可惜我也没有设计功底，只是空谈两句，暂时给不出什么方案。\n\n另外我的光标确实是 KDE Breeze，因为我的主力系统就是 Kubuntu :blush:","cooked":"

我觉得现在用盾牌图标表示 MOD 就不错。相比之下可能网站图标不太好的问题更突出一些，现在这个图标

$\"icon\"$

整体有些头重脚轻，视觉上似乎不太平衡。可惜我也没有设计功底，只是空谈两句，暂时给不出什么方案。

另外我的光标确实是 KDE Breeze，因为我的主力系统就是 Kubuntu 😊

\n","createdAt":"2023-09-27 12:44:24.475595","updatedAt":"2023-09-27 12:47:03.789386","replyToPostNumber":10,"replyCount":0,"likeCount":1,"wordCount":116,"liked":false,"bookmarked":false,"polls":[],"reactions":[{"reaction":"❤️","count":1,"users":[{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old"}],"hasReacted":false}],"wiki":false,"version":2,"publicVersion":2,"deletedAt":null,"isAnonymous":false,"user":{"id":1381,"username":"greyishsong","name":"greyishsong","avatarUrl":"/uploads/image/da/bc/dabc731b0311f59850625bbeb55ed969fcfac0430c5ef0f68441e5466b7aa496.avif","admin":false,"moderator":true,"signatureRaw":null,"signatureCooked":null}}],"hasMore":false,"lastReadPostNumber":1,"hasUrlPostNumber":false}