什么是能登表情符号？
由 Google Fonts 提供的 Unicode 表情符号，以黑白方式表达 Emoji。
这一次，我想我可以用这个覆盖所有的服务图标。
补充：关于Noto Emoji的解释在下一篇文章中有详细介绍
https://forest.watch.impress.co.jp/docs/news/1408856.html
使用 Noto Emoji 作为图标的服务
我个人使用 Nuxt.js + Firebase + Algolia 开发了这项服务。
在创建屏幕时，我们对除一些 SNS 图标之外的所有图标使用 Noto Emoji。
用法
为表情符号创建一个类
.emoji {
font-family: "Noto Emoji",sans-serif;
}
像这样申请
<h1><span class="emoji">?</span>なんらかの見出し</h1>
使用示例
用于附加到标题的图标
noto emoji 还用于空白缩略图部分的图像设计、向上箭头、十字按钮、附加部分的加号按钮、列表旁边的复选标记等。
结论
我认为可以肯定地说，使用 Noto 表情符号作为图标是很有可能的。
这次我尝试使用它，但它只是一个单一的颜色字符，所以我不必担心颜色和大小，并且可以很轻松地处理它。
但是，有一些限制和注意事项需要牢记，如下所述。
使用 Noto Emoji 作为图标时的注意事项
某些浏览器（例如 Firefox）显示未应用 Noto Emoji
在火狐中能登表情包我看到屏幕时的截图
为什么会这样……？ ? ?
很抱歉，我不知道为什么会出现这种现象，但有些表情符号不适用于 Noto Emoji。从上面的截图可以看出，这是相当困难的，因为出乎意料的主要表情符号如心形标记会导致这种现象。
这次是个人开发，所以火狐浏览器共享考虑到大约 3% 的数字，我们决定不支持 Firefox。但是，3%的份额只是100人中的3人，所以我认为如果它是具有一定用户数量的服务，这是一个不容忽视的数字。
与圆形字体的兼容性差，也许？
这是视觉设计而不是实现的问题，但 Noto Emoji 基本上是带有棱角末端的实心形状。
结果和圆形字体结合起来感觉有点怪怪的，所以不太推荐（看来很有可能作者只是对如何使用有不好的感觉）。
注意设计的基调
能登表情符号作为图标没有太多特殊性，但它的坚固性有很多可爱的印象，因此在决定使用能登表情符号作为图标时的设计基调时，最好记住这一点。 。
厚度有5种，所以选择薄的会显得很酷，如果选择厚的，则可以用于流行的应用。 .
最好不要将其用于具有独特功能的服务和应用程序。
不言而喻，但可以用作表情符号的设计在某种程度上是普遍的（尽管如果你看像?、?或月饼之类的东西，你会有点怀疑）。
因此，在具有独特功能的应用和服务的情况下，很难找到设计与功能完美匹配的表情符号。
在UI中经常用到的部分分享或者复制在撰写本文时，还没有代表 .
当我尝试使用它时，有很多场景让我感到惊讶，它不适合，所以我认为在使用 Figma 进行设计的阶段判断是否采用它会很好。
概括
我觉得如果它被用于个人开发和原型设计，会有很多。
预计如果变成大规模的话，就需要自己制作图标，而且要匹配能登表情符号的色调和重量，把它当作字体来处理会很麻烦。
然而，手绘图标需要花费大量时间，所以我认为将 Noto Emoji 作为设计工作的一个选项以使其更容易是一个好主意。
原创声明：本文系作者授权爱码网发表，未经许可，不得转载;
原文地址：https://www.likecs.com/show-308627164.html