Discord 在其默认用户卡片横幅方面做得很有趣。他们使用用户头像的平均纯色。
示例:
供参考,Discourse 也有类似的做法:在主题列表预览中,尽管它使用的是“主色调”,而不是“平均色调”。
我怀疑主色调会产生更好的结果。
这次重新设计是否会解决这个 bug?
我知道这比用户卡片稍微靠前一点,但在用户卡片与监视词冲突时会造成严重问题。
为了给内森一个明确的答复:
此次更新新增了以下内容:
通过站点设置将谷歌地图链接添加到用户位置
如果也能支持 OpenStreetMap 就太棒了。
现在已添加此内容
您现在可以在设置中选择使用 Google Maps 或 OpenStreetMap ![]()
总的来说,我认为这是一个很好的重新设计,但我认为拥有徽章标签很重要。能够一目了然地区分具有相同图标的徽章,对于这种快速预览来说非常重要。例如,没有标签,您就无法分辨这个图标:

是“Famous Link”、“Great Reply”还是“Great Topic”(正如我们在网站上配置的那样,您的结果可能会有所不同)。对于徽章的“Getting Started”类别来说,情况更糟——那里有 16 个徽章共享完全相同的图标,但含义却大相径庭。对我来说,作为版主,能够看到某人是否拥有阅读指南的徽章很重要,但有了这个新设计,该徽章看起来与其他 15 个截然不同的徽章(包括“First Onebox”和“New User of the Month”等)相同。
请在你们将此新用户卡添加到 Discourse 时将其设为可选。旧卡比这张新卡好得多,而且这张新卡添加了难看的奇怪背景色。用户卡上没有任何信息,没有任何内容。
总的来说,我不喜欢它,所以请你们在将此功能添加到 Discourse 时不要强制使用它。
您是否在自己的论坛上使用此功能?
这看起来是我的主题,因为它的透明度。我们已经和你谈了很久了,你遇到了所有这些问题,我不确定我还能帮你多久,因为问题不在于实际的主题,而在于我似乎找不到的不兼容性。
您的控制台中是否有任何错误?
这可能是主题兼容性问题。
没有。
顺便说一句,我想发表一下我的看法,当背景颜色与个人资料图片颜色相同时,看起来不舒服。最好放一个默认的背景图片或者其他东西,而不是用个人资料颜色作为背景。而且背景应该像这样模糊化
这让我有点烦恼,所以经过一番查找,我找到了
……我认为它比取平均值更能胜任这项工作。本帖中用户头像的示例:
代码在这里:color-finder/src/colorfinder-1.1.js at master · pieroxy/color-finder · GitHub
我的意图是最终切换到这种模式。但目前的问题是,由于图片托管在 CDN 上,这种方式行不通。
注意:由于对 canvas 对象有限制,这仅在图片来自您自己的域时才有效。
我们在 Rails 后端有一个用于处理图片的类似功能,但我无法通过主题组件访问它。由于这只是一个实验,我认为我将推迟到以后更容易实现时再进行。
我之前提出过这个问题。它被称为“主色调”。