你们AI产品的图标，怎么都在用「闪光星星」啊。 * { margin: 0; padding: 0; outline: 0; } body { font-family: “PingFang SC”, system-ui, -apple-system, BlinkMacSystemFont, “Helvetica Neue”, “Hiragino Sans GB”, “Microsoft YaHei UI”, “Microsoft YaHei”, Arial, sans-serif; line-height: 1.6; } .__page_content__ { max-width: 667px; margin: 0 auto; padding: 20px; text-size-adjust: 100%; color: rgba(0, 0, 0, 0.9); padding-bottom: 64px; } .title { user-select: text; font-size: 22px; line-height: 1.4; margin-bottom: 14px; font-weight: 500; } .__meta__ { color: rgba(0, 0, 0, 0.3); font-size: 15px; line-height: 20px; hyphens: auto; word-break: break-word; margin-bottom: 50px; } .__meta__ .nick_name { color: 576B95; } .__meta__ .copyright { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.05); padding: 0 4px; margin: 0 10px 10px 0; } blockquote.source { padding: 10px; margin: 30px 0; border-left: 5px solid ccc; color: #333; font-style: italic; word-wrap: break-word; } blockquote.source a { cursor: pointer; text-decoration: underline; } .item_show_type_0 > section { margin-top: 0; margin-bottom: 24px; } a { color: 576B95; text-decoration: none; cursor: default; } .text_content { margin-bottom: 50px; user-select: text; font-size: 17px; white-space: pre-wrap; word-wrap: break-word; line-height: 28px; hyphens: auto; } .picture_content .picture_item { margin-bottom: 30px; } .picture_content .picture_item .picture_item_label { text-align: center; } img { max-width: 100%; } .pay_subscribe_notice { margin: 30px 0; padding: 20px; background: fffbe6; border: 1px solid ffe58f; border-radius: 8px; } .pay_subscribe_badge { display: inline-block; padding: 4px 12px; background: faad14; color: fff; border-radius: 4px; font-size: 14px; font-weight: 500; margin-bottom: 12px; } .pay_subscribe_desc { font-size: 15px; line-height: 1.8; color: rgba(0, 0, 0, 0.7); margin-bottom: 12px; } .pay_subscribe_hint { font-size: 13px; color: rgba(0, 0, 0, 0.4); } .__bottom-bar__ { display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; height: 64px; padding: 8px 20px; background: white; box-sizing: border-box; border-top: 1px solid rgba(0, 0, 0, 0.2); } .__bottom-bar__ .left { display: flex; align-items: center; font-size: 15px; white-space: nowrap; } .__bottom-bar__ .right { display: flex; } .__bottom-bar__ .sns_opr_btn { display: flex; align-items: center; user-select: none; background: transparent; border: 0; color: rgba(0, 0, 0, 0.9); font-size: 14px; } .__bottom-bar__ .sns_opr_btn:not(:last-child) { margin-right: 16px; } .__bottom-bar__ .sns_opr_btn > img { margin-right: 4px; }
你们AI产品的图标，怎么都在用「闪光星星」啊。
原创 数字生命卡兹克 数字生命卡兹克 2024-09-26 09:30 北京
前天在微博上刷到个帖子，让我突然发现一个长久存在，但一直没咋意识到的事情：
就是，大部分公司在做产品的都选择用这个闪光星星✨代表AI。
我去WSJ翻了一下，这个统计的原文是：
也就是Top10的互联网企业至少有7个在它们的AI产品用✨当AI图标。
巧的是，之前我还在群里看到了这样的梗图：
笑喷了。你们AI机器人也要统一“相亲相爱一家人”群聊头像吗？
别说，你还真别说。
逛了圈常用的AI产品，我发现这些个AI产品的图标真像是串通好了，设计全是一个模子刻出来的：
除了闪光✨、小机器人🤖，就是抄。。不是，致敬GPT的螺旋🌀、还有玻璃球🔮……
Reddit上还有网友简单统计了一下AI的图标，Sparkle or No Sparkle。
的确有特别的设计。但总体而言✨闪光（Spark）在icon使用率上，包赢的。
提到icon，嗯，差点肌肉记忆了，毕竟作为UI设计师出身，毕业论文就是研究icon的我，这四个字母都特么快流在我血液里了。
很多人有点分不清icon和logo的区别。
其实挺简单的，一个是功能图标，一个是品牌徽标。
左边是电话的icon，右边是苹果的logo。
logo是用文字或图案来代表一个公司或品牌；icon则是一个小图标，用来表示具体的APP或功能。
logo需要有独特性，需要宣传品牌，更要被用户准确识别。比如可口可乐的红白标志，麦当劳的黄色M。所以其实除了那些套壳的玩意，正经AI产品没几个会抄GPT的logo。
而icon则更多出现在APP里，需要让人一看就不假思索的知道APP是用来干啥的。比如“齿轮”icon容易让人联想到“维修”、“机器设定”。
比如经典的“设置”这个icon，大家选择的基本是齿轮。
而代表AI功能的icon里，四角星星正在脱颖而出。
你就回想一下，在用AI生成文本、图片的时候，按钮是不是闪光icon。
这就有意思了。
各家大模型和AI产品针锋相对，怎么偏偏在用icon这件事上同步率100%？
要讨论这个问题，得先追溯一下icon的形成是怎么一回事。
就像“设置”的图标，icon其实更类似于我们生活中的各种标识。
标识是为了“通用”，为了让人们一看到它就知道代表着什么。交通标识里，感叹号代表警告、危险；箭头代表前进方向。要是不统一，马路随时乱成一锅粥。
而软件的icon，诺基亚时代开始就已经定好了大方向。比如“拍照”功能的icon就是数码相机的镜头。
直到现在，所有公司拍照icon都没有本质的改变，而且不出意外的话，也不会再换别的图标了。
毕竟经过时间的验证，人们对于icon就是有这么一种默认的“共识”，比秦始皇的“统一”能力还强。
你非要把照片icon换成一个鸡头，你看看用户会不会揍你吧。
而这，其实就是认知心理学中，“图式”的概念。
图式（schema）是我们大脑中已经形成的认知框架或模式，它帮助我们快速理解和处理新信息。
比如一个卡通人物，这个人物可能有特定的外貌、性格和行为方式。每次你想到这个人物时，你脑海中就会出现这些特征。这就是一种简单的”图式”。
拿海绵宝宝举个例子。
黄色的方形身体、总是很开心、住在菠萝屋里、最好的朋友是派大星、在蟹堡王工作等等等等。
这些信息组合在一起，就形成了你对海绵宝宝的”图式”。当有人提到海绵宝宝时，你会不需要思考，立刻想到这些特征。
或者还有个经典的动作。
我一放这个动作，如果你是对辣个男人有图式的人，立刻就会Get到，根本不需要我去做任何解释。
在UI设计中一样的，设计师也会利用用户已有的图式，来大大提高交互效率。
这也解释了为什么许多过去的产品，为什么选择使用相似的图标。
因为真的能让用户不用思考，提高操作效率。
说起来，其实四角星星✨，原本也不是代表AI的。
在AI广泛应用之前，它最常出现的地方是清洁产品。
洗衣粉、清洁剂的包装，是不是经常能看到闪闪发光的小星星？因为四角星星代表干净、闪亮。在google搜“clean icon”出来的全是四角星星。
“清洁”和“生成式AI”，风马牛不相及的两个词。
多大一个拐弯，让现在的闪光更多被用在指代AI（尤其是生成式AI）上？
或许是因为闪光星星也有“神奇力量”的暗示。
就像动画里仙女教母给公主施法时，闪光星星就用来表示看不见说不明的“魔法”。苹果系统的emoji里，“魔法”表情就是一根魔术棒+几个四角星星。
而四角星星在软件和icon比较早的应用，是很多年前PhotoShop的魔棒工具。魔棒工具的作用是自动选择颜色区域，方便你抠图啥的，“魔力”逐渐与“智能”有关。
后来四角星星在软件和信息技术的领域，越来越常被用于代表“修复”、“智能效果”。比如Google Photos在2020年，就用闪光icon表示“画面增强”。
这种关于“魔法”和“智能”的联想，与AI的使用体验不谋而合。
真正让四角星星成为AI代表的，是生成式AI的兴起。2023年GPT迅速进入大众视野，而后四角星星越来越频繁地用于代表生成式AI。
生成式AI在进入市场时还是一个比较模糊难以界定的样子。
用机器人icon吧，也不是不行，但🤖看着还是太呆板，而且上个时代的什么智能客服啥的都已经在用了，图式已经形成了。
✨四角星星既有内涵又简约，还没被其他功能占坑，就很妙。
如今，虽然各大互联网公司的logo五花八门。但到了icon设计，它们都不约而同地爱上了四角星星。
闪光的四角星星与AI的绑定，在逐渐加深。
AI公司里拿四角星星当icon的，早且有名的就是Google（Gemini）和OpenAI（GPT4）。两位“带头大哥”都这样了，其他公司还能咋地？
第一家公司选闪光星星当icon，可能是因为它代表魔力；第二家公司可能是为了跟风。
但几十家公司都这么做，不论为了什么，它们的选择一定有一条是为了：降低用户认知成本。
或者用一个字总结，那就是：懒。
其实是为了让用户少费脑子。要是每个AI产品都整一套新的图标，你看普通用户会不会跳起来揍你。
图式的联想一旦在用户心智中形成就难以更改。如今代表AI产品的图式也在逐渐形成，正在建立大众的认知。
比如，豆包的这些功能icon。
一支笔，可能被认为是写字；
加上四角星星✨，立马就能get到这是AI生成文本了吧？这种潜移默化的认知改变，就是用户心智的建立。
所以相信你也懂了，他们为啥要给图像和AI搜索上，都要加个四角星星。
从“清洁”、“魔法”的象征，到“智能”、“创造”的代表，四角星星的含义在不断演变。
人们对AI的理解，也从最初的自动化工具，变成了“智能体”。
在人工智能本身得到更好的定义之前，或许它们的icon将保持模糊、多彩和抽象的状态。不过目前看来，✨四角星正在逐渐成为“生成式AI”的代表了。
这icon看着也挺好。毕竟，一个带四角星星的产品感觉会给我“增加魔法”，而不是抢走我的工作（狗头）。
随着AI技术的发展，我们也许会看到更多代表全新图式的icon设计。
但在那之前，睁大眼睛看看你的手机图标吧👀。
说不定哪天一觉醒来，你意想不到的app图标上，都顶了个闪闪发光的小星星✨。
以上，既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～谢谢你看我的文章，我们，下次再见。
>/ 作者：卡兹克、稳稳
>/ 投稿或爆料，请联系邮箱：wzglyay@gmail.com
数字生命卡兹克
 阅读 赞  分享 ‘%3E %3Cg transform=‘translate(0 -2.349)‘%3E %3Cpath d=‘M0 2.349h24v24H0z’/%3E %3Cpath fill=‘%23576B95’ d=‘M16.45 7.68c-.954 0-1.94.362-2.77 1.113l-1.676 1.676-1.853-1.838a3.787 3.787 0 0 0-2.63-.971 3.785 3.785 0 0 0-2.596 1.112 3.786 3.786 0 0 0-1.113 2.687c0 .97.368 1.938 1.105 2.679l7.082 6.527 7.226-6.678a3.787 3.787 0 0 0 .962-2.618 3.785 3.785 0 0 0-1.112-2.597A3.687 3.687 0 0 0 16.45 7.68zm3.473.243a4.985 4.985 0 0 1 1.464 3.418 4.98 4.98 0 0 1-1.29 3.47l-.017.02-7.47 6.903a.9.9 0 0 1-1.22 0l-7.305-6.73-.008-.01a4.986 4.986 0 0 1-1.465-3.535c0-1.279.488-2.56 1.465-3.536A4.985 4.985 0 0 1 7.494 6.46c1.24-.029 2.49.4 3.472 1.29l.01.01L12 8.774l.851-.85.01-.01c1.046-.951 2.322-1.434 3.59-1.434 1.273 0 2.52.49 3.472 1.442z’/%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E) 推荐 ’ fill=‘%23000’ fill-opacity=’.9’/%3E%3C/svg%3E) 留言