用户卡片重新设计实验

Discord 在其默认用户卡片横幅方面做得很有趣。他们使用用户头像的平均纯色。

示例:

使用 https://matkl.github.io/average-color/:

5 个赞

这是我的示例:



它们不一样。

更新:我按了一个预设颜色,导致颜色不一致。(我的错)

1 个赞

嗯。不确定那里发生了什么。本以为会有更多的蓝色!

2 个赞

供参考,Discourse 也有类似的做法:在主题列表预览中,尽管它使用的是“主色调”,而不是“平均色调”。

我怀疑主色调会产生更好的结果。

5 个赞

这次重新设计是否会解决这个 bug?

我知道这比用户卡片稍微靠前一点,但在用户卡片与监视词冲突时会造成严重问题。

4 个赞

为了给内森一个明确的答复:

8 个赞

此次更新新增了以下内容:

通过站点设置将谷歌地图链接添加到用户位置

如果也能支持 OpenStreetMap 就太棒了。

8 个赞

现在已添加此内容 :smile: 您现在可以在设置中选择使用 Google Maps 或 OpenStreetMap :+1:

5 个赞

总的来说,我认为这是一个很好的重新设计,但我认为拥有徽章标签很重要。能够一目了然地区分具有相同图标的徽章,对于这种快速预览来说非常重要。例如,没有标签,您就无法分辨这个图标:
2023-03-06 16_03_48-Badges - Blender Artists Community
是“Famous Link”、“Great Reply”还是“Great Topic”(正如我们在网站上配置的那样,您的结果可能会有所不同)。对于徽章的“Getting Started”类别来说,情况更糟——那里有 16 个徽章共享完全相同的图标,但含义却大相径庭。对我来说,作为版主,能够看到某人是否拥有阅读指南的徽章很重要,但有了这个新设计,该徽章看起来与其他 15 个截然不同的徽章(包括“First Onebox”和“New User of the Month”等)相同。

4 个赞

请在你们将此新用户卡添加到 Discourse 时将其设为可选。旧卡比这张新卡得多,而且这张新卡添加了难看的奇怪背景色。用户卡上没有任何信息,没有任何内容。

总的来说,我不喜欢它,所以请你们在将此功能添加到 Discourse 时不要强制使用它。

3 个赞

我们很想知道您喜欢旧设计的哪些方面!

您能详细说明一下吗?当我点击您的卡片和我的卡片时,我看到了信息。

1 个赞

新的

3 个赞

您是否在自己的论坛上使用此功能?

3 个赞

这看起来是我的主题,因为它的透明度。我们已经和你谈了很久了,你遇到了所有这些问题,我不确定我还能帮你多久,因为问题不在于实际的主题,而在于我似乎找不到的不兼容性。

2 个赞

您的控制台中是否有任何错误?

1 个赞

这可能是主题兼容性问题。

没有。

顺便说一句,我想发表一下我的看法,当背景颜色与个人资料图片颜色相同时,看起来不舒服。最好放一个默认的背景图片或者其他东西,而不是用个人资料颜色作为背景。而且背景应该像这样模糊化

1 个赞

我个人很喜欢。这应该是一个站点级别的设置,因为我看到人们并不真正喜欢它,但我认为它很棒。

对我来说运行正常:

3 个赞

这让我有点烦恼,所以经过一番查找,我找到了

……我认为它比取平均值更能胜任这项工作。本帖中用户头像的示例:

代码在这里:color-finder/src/colorfinder-1.1.js at master · pieroxy/color-finder · GitHub

13 个赞

我的意图是最终切换到这种模式。但目前的问题是,由于图片托管在 CDN 上,这种方式行不通。

注意:由于对 canvas 对象有限制,这仅在图片来自您自己的域时才有效。

我们在 Rails 后端有一个用于处理图片的类似功能,但我无法通过主题组件访问它。由于这只是一个实验,我认为我将推迟到以后更容易实现时再进行。

1 个赞

之前提出过这个问题。它被称为“主色调”。

4 个赞