表情符号化语境：设计 HackerNoon 的表情符号可信度指标

在 HackerNoon，我们相信对读者透明是建立作者和读者之间信任的关键。为了让读者尽可能透明，我们希望创建快速简便的方法，在阅读故事之前告诉读者他们可能想知道的信息。

这可以是简单的信息，比如告诉读者该故事是新闻还是评论文章。另一方面，我们可能还想向读者传达更复杂的事情，比如作者是否与他们所写的公司有既得利益，或者他们是否使用人工智能来撰写该文章。

为了实现这些目标，我们创建了表情符号可信度指标！现在在Figma 社区和GitHub上开源。

设计表情符号可信度指标

现在，让我们深入了解表情符号可信度指标的设计过程。David 和我们的编辑团队最初提出的设计概要包括 22 个表情符号可信度指标（相关阅读HackerNoon 上每个表情符号可信度指标详解），分为两类：上下文/免责声明和内容类型。除了描述之外，每个可信度指标还分配了一个表情符号以激发设计灵感。

从现在开始，我们（我和Kien ）可以尽情发挥想象力，让这些表情符号栩栩如生。遵循 HackerNoon 的设计语言，我们选择了像素艺术风格。在探索了几种网格大小选项后，我们选择了 24px 网格进行像素化，因为它保留了所需的细节级别。至于选择的软件，我有点偏向 Adobe Illustrator，因为在导出到不同文件类型时我们有很多选择 + 我对网格工具很熟悉（ Adobe Photoshop 、 Aseprite和 Corel Draw 是一些不错的选择）。

我们的像素艺术设计流程包括 5 个步骤，从基本形状开始，绘制细节，创建深度，添加笔触，然后合并形状并导出到不同的文件类型。让我们以喜剧/讽刺表情符号可信度指标为例，更深入地了解这些步骤。

从基本形状开始

每当我们进行像素艺术/8 位设计时，我们都会从一个与我们心中的想法产生共鸣的基本形状开始。对于喜剧/讽刺表情符号指示符（灵感来自“😂”表情符号），它是一个椭圆形。

绘图详细信息

然后我们继续为刚刚绘制的形状添加更多细节（例如本例中的面部特征）。

创造深度：高光和阴影

为了使它更真实、更不单调，我们在脸上添加了高光和阴影。在这种情况下，光源被假定位于前面和中间，这使得阴影移到边缘，高光移到中心。

添加描边

为了使其更加明确，我们添加了描边以将其包裹起来。

合并形状并导出

为了使它们更易于使用，我们合并了形状并将它们导出为 PNG 和 SVG。

然后，我们又重复了整个过程 21 次，最终得到了今天 HackerNoon 上的表情符号可信度指标。

最终产品： 开源像素化表情包

总之，表情符号可信度指标是加强读者和作者之间在线交流的又一步。这些像素化的表情符号不仅可以作为可信度指标，为内容添加背景，还影响了用户对内容的信任和参与度。它们是周到的设计如何以简单而直观的方式传达复杂概念的典范。

加入我们，一起探索表情符号化的语境，并尝试一下 HackerNoon 的表情符号可信度指标。

保持创造力，保持标志性。