showcase
以下为使用 fluent emoji 的 🐱、twemoji 的🔭、 twemoji 的 🍇、twemoji 的 🐈 制作的简单头像
emoji 和 unicode
简单来说,emoji 是 Unicode 字符集的一部分,每个 emoji 都对应着一个唯一的 Unicode 编码。
1. Unicode 是什么?
Unicode 是一个国际标准,旨在为世界上几乎所有的字符(包括字母、数字、符号、标点符号和表情符号等)提供一个唯一的数字表示形式,也就是“码点”(Code Point)。这个码点通常用十六进制表示,并带有前缀 U+
,例如:
- 字母
A
的 Unicode 码点是U+0041
。 - 笑脸 emoji 😀 的 Unicode 码点是
U+1F600
。
Unicode 的码点范围从 U+0000
到 U+10FFFF
,总共可以表示超过 110 万个字符。
2. emoji 是什么?
emoji 是一种图形符号,最初由日本电信运营商在 1990 年代引入,用于增强短信和网页的表达能力。随着社交媒体和即时通讯的普及,emoji 已经成为全球通用的交流符号。
3. emoji 和 Unicode 的关系
Unicode 联盟在 2010 年正式将 emoji 纳入 Unicode 标准,为每个 emoji 分配了唯一的 Unicode 码点。例如:
emoji | Unicode 码点 | 含义 |
---|---|---|
😀 | U+1F600 | 露齿笑 |
❤️ | U+2764 | 红心 |
🍎 | U+1F34E | 苹果 |
Unicode 标准确保了全球所有支持 Unicode 的系统和设备,都能正确识别和处理这些 emoji 符号。
4. 为什么不同设备上的 emoji 长得不一样?
尽管 Unicode 为每个 emoji 分配了唯一的码点,确保其在不同系统中代表相同的含义,但 Unicode 并没有规定 emoji 的具体样式。因此,各个平台(如苹果、谷歌、微软等)会根据各自的设计风格,对 emoji 进行不同的视觉设计,这就导致同一个 emoji 在不同设备或应用上呈现的外观可能不同。
小结
- emoji 是 Unicode 字符集的一部分,每个 emoji 都有唯一的 Unicode 码点。
- Unicode 标准确保了 emoji 在全球范围内的统一识别和处理。
- 不同平台对 emoji 的视觉设计不同,导致外观差异,但底层编码一致。
用 emoji 制作极简 logo 的步骤
下载 svg 格式的表情符号
知名的支持SVG格式的表情符号库有:
- Twemoji:Twemoji是由Twitter公司开发并开源的一套表情符号库,它提供了对 Unicode 标准表情符号的支持,覆盖了所有平台。这个库包含了超过3800种独特的表情符号,涵盖了各种主题和情境,如食物、动物、交通工具、情感和活动等。
Twemoji Cheatsheet 提供了一个便捷查找Twemoji 表情符号的浏览界面(需要科学上网才能访问)。
- FluentUI Emoji( Fluent UI Emoji Explorer 提供了友好的界面便于浏览和检索):微软开发的一套开源表情符号库,提供了一组友好、现代且易于识别的 Emoji 图标。
这个项目包括了超过 7,505 个表情符号,以三种风格呈现:颜色、3D 和扁平化,提供高清 png 文件和 svg 源文件。所有图标都遵循官方 Emoji 设计标准,并采用 MIT 许可证,允许个人和商业用途。设计者包括 Spencer Nelson 和 Jason Custer,旨在为产品设计和界面交互添加统一的视觉元素 。具有现代化的外观和感觉,FluentUI Emoji 提供了简单直观的 API,使开发人员能够轻松地将 Emoji 组件添加到他们的应用程序中。它还支持自定义主题,允许开发人员根据应用程序的样式和需求来定制 Emoji 图标的外观和颜色。FluentUI Emoji 具有 Twemoji 兼容性层,允许使用与 Twemoji 相同的 API 。Fluent UI Emoji Explorer - Noto Emoji :由Google Inc设计并开源的图标库,收录了3555个高品质的矢量图标,基于Apache 2.0开源协议,免费下载和使用。可以在 Noto Color Emoji - Google Fonts 预览 Noto 的表情符号。
Noto Color Emoji - OpenMoji:面向设计师、开发人员和其他人的开源表情符号资源站,所有表情符号都可以在CC BY-SA 4.0许可证下免费使用,支持SVG和PNG格式 。
OpenMoji 官网
编辑 svg 表情符号
方式一——用iconizer编辑
使用设计资源的平台 icons8 提供的图标工具 iconizer 编辑 svg。Iconizer 提供了一系列免费的图标操作工具,可按需使用这些功能定制 svg 图标作为头像使用:
- 重新着色图标:用户可以对向量图标或其部分进行重新着色,支持使用纯色或渐变色填充。
- 添加子图标:在图标上添加一个小的附加图标,如加号、减号、警告标记等。
- 添加内边距:给图标添加内边距,可以使其更小,同时进行框架设置。
- 添加文字:在图标上放置文字,用户可以选择字体、大小和位置。
- 添加描边:给图标添加描边,可以选择描边颜色和粗细。
- 添加背景:用纯色或渐变色填充图标的背景。
- 放置在形状上:给图标添加形状背景。
- 位置调整:移动图标并根据需要调整其位置。
- 旋转:根据喜好对图标进行顺时针旋转。
方式二——用 formito 编辑
formito 的 Free Favicon Maker — Create SVG & PNG favicon in seconds! 本身提供了英文字幕或者表情符号制作 Logo 的功能,支持在应用内用自然语言搜索表情符号,非常方便。
只是需要注意,此工具制作完成 favicon 后,所下载的 svg 文件只包含了字符编码,使用不同设备查看,取决于默认 uemoji 字符集的不同,展示的图标存在差异,尤其是在使用移动设备查看时,emoji 可能并非矢量图,导致显示效果不佳,要解决这个问题,可以对 svg 再处理,把字符“固定”为矢量图。
其他相关资源
svg 图标
- SVG Logos:由Gil Barbara设计并开源的图标库,收录了1822个高品质的矢量图标,基于CC0开源协议,免费下载和使用 。
- iconfont-阿里巴巴矢量图标库:提供海量的图标资源,支持AI/SVG/PNG/代码格式下载,方便设计师和开发者使用 。
- icons8——Free Icons, Clipart Illustrations, Photos, and Music
- SVG Logos 图标库 - Yesicon
unicode
Unicode 是一个国际标准,用于统一编码、表示和处理世界上所有书写系统的文字。以下是一些关于 Unicode 的网络优质资源:
- Unicode Consortium Unicode 官方网站,提供了关于 Unicode 标准的最新信息,包括技术报告、编码图表和规范文档。
- Unicode Character Database 提供了详细的 Unicode 字符表,可以搜索和浏览各种字符和符号。
- Unicode Standard 可以下载最新的 Unicode 标准文档,了解 Unicode 的技术细节和版本更新。
- Emojityper
- UnicodePlus - Search for Unicode characters