在 HackerNoon，我们相信对读者透明是建立作者和读者之间信任的关键。为了让读者尽可能透明，我们希望创建快速简便的方法，在阅读故事之前告诉读者他们可能想知道的信息。 这可以是简单的信息，比如告诉读者该故事是新闻还是评论文章。另一方面，我们可能还想向读者传达更复杂的事情，比如作者是否与他们所写的公司有既得利益，或者他们是否使用人工智能来撰写该文章。 为了实现这些目标，我们创建了表情符号可信度指标！现在在 和 上开源。 Figma 社区 GitHub 了解有关表情符号可信度指标的更多信息 。 这里 设计表情符号可信度指标 现在，让我们深入了解表情符号可信度指标 设计过程。David 和我们的编辑团队最初提出的设计概要包括 22 个表情符号可信度指标（相关阅读 ），分为两类：上下文/免责声明和内容类型。除了描述之外，每个可信度指标还分配了一个表情符号以激发设计灵感。 的 HackerNoon 上每个表情符号可信度指标详解 从现在开始，我们（我和  ）可以尽情发挥想象力，让这些表情符号栩栩如生。遵循 HackerNoon 的设计语言，我们选择了像素艺术风格。在探索了几种网格大小选项后，我们选择了 24px 网格进行像素化，因为它保留了所需的细节级别。至于选择的软件，我有点偏向 Adobe Illustrator，因为在导出到不同文件类型时我们有很多选择 + 我对网格工具很熟悉（   、  和 Corel Draw 是一些不错的选择）。 Kien Adobe Photoshop Aseprite 我们的像素艺术设计流程包括 5 个步骤，从基本形状开始，绘制细节，创建深度，添加笔触，然后合并形状并导出到不同的文件类型。让我们以喜剧/讽刺表情符号可信度指标为例，更深入地了解这些步骤。 从基本形状开始 每当我们进行像素艺术/8 位设计时，我们都会从一个与我们心中的想法产生共鸣的基本形状开始。对于喜剧/讽刺表情符号指示符（灵感来自“😂”表情符号），它是一个椭圆形。  绘图详细信息 然后我们继续为刚刚绘制的形状添加更多细节（例如本例中的面部特征）。  创造深度：高光和阴影 为了使它更真实、更不单调，我们在脸上添加了高光和阴影。在这种情况下，光源被假定位于前面和中间，这使得阴影移到边缘，高光移到中心。 专家提示：尽量使用三种色调。一种用于底色，一种较浅的用于高光，一种较深的用于阴影。  添加描边 为了使其更加明确，我们添加了描边以将其包裹起来。  合并形状并导出 为了使它们更易于使用，我们合并了形状并将它们导出为 PNG 和 SVG。  然后，我们又重复了整个过程 21 次，最终得到了今天 HackerNoon 上的 。 表情符号可信度指标 最终产品：  开源像素化表情包 总之， 是加强读者和作者之间在线交流的又一步。这些像素化的表情符号不仅可以作为可信度指标，为内容添加背景，还影响了用户对内容的信任和参与度。它们是周到的设计如何以简单而直观的方式传达复杂概念的典范。 表情符号可信度指标 加入我们，一起探索表情符号化的语境，并尝试一下 HackerNoon 的表情符号可信度指标。 现已在 和 上提供 Figma 社区 GitHub 保持创造力，保持标志性。

This story contains new, firsthand information uncovered by the writer.

Check Out The Pixel Icon Library Today!

該音頻是用故事的原始語言製作的！

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

About Author

註釋

標籤

这篇文章刊登在

Related Stories

HackerNoon Decoded: The Top 10 Countries Where HackerNoon Is the Most Active

Telegram：加密岛通往大陆的桥梁

比特币 UTXO 模型，为独特的生态系统提供动力

如何将您的工作流程提高 10 倍：17 个必备应用程序

HackerNoon Decoded: The Top 10 Countries Where HackerNoon Is the Most Active

Telegram：加密岛通往大陆的桥梁

比特币 UTXO 模型，为独特的生态系统提供动力

如何将您的工作流程提高 10 倍：17 个必备应用程序

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps