AIGC宇宙 AIGC宇宙

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

哈喽,这里是Clip设计夹,今天分享的是「AI图标视觉符号」。 不知道大家有没有发现一个现象,现在很多AI标志或图标里都带有“菱形十字星”元素,自带一股科技感和闪光感。 这个设计风向实际已经兴起两三年了。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

哈喽,这里是Clip设计夹,今天分享的是「AI图标视觉符号」

不知道大家有没有发现一个现象,现在很多AI标志或图标里都带有“菱形十字星”元素,自带一股科技感和闪光感。这个设计风向实际已经兴起两三年了。

2022年ChatGPT的发布直接给IT行业来了一场大变革,之后大部分应用都开始接入AI功能。设计师们琢磨来琢磨去:到底用啥图标代表AI好呢?最后“菱形十字星”成了共识。

接下来就如大家所见了,哪里有AI,哪里就有菱形元素——谷歌的Gemini、Figma AI、ChatGPT Plus、PS的智能填充、有道词典的logo、钉钉的AI助理、百度搜索的问AI……

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

那么“菱形十字星”元素是如何演变而来的呢?又是从什么时候开始、因为哪些原因,这个视觉符号逐渐成为AI专属标志的呢?一起来看看~

更多图标设计揭秘:

一、 “菱形十字星”的起源

说起菱形元素的最直接的起源,在日本漫画里其实早有踪迹。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

在日本流行文化里,“菱形十字星”元素常用来突出漫画人物角色的眼睛或者强调某个场景。到了20世纪70、80年代,它逐渐成为一种视觉符号:只要角色看到想要的东西或者喜欢的人,或是觉得某件事很酷很惊喜,眼睛里就会冒出这种闪光的菱形十字星。

后来到了1999年,日本电信公司Docomo创造了第一批“表情符号”,突破了纯文字交流的局限。当时设计师栗田重隆一共设计了176个表情,其中就有个菱形十字星图案 (左下角),能把这个图案加进去估计就是因为它在当时的日本流行文化里太有存在感了。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

直到2010年,这个表情加入到Unicode 6.0标准,表情的官方名称叫Sparkles,从此在全世界的数字设备上都能使用它了,也就是现在咱们手机里打出来的✨表情。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

二、AI视觉符号的发展

1990年Photoshop推出了“魔棒”功能,这让菱形十字星元素在数字世界里的存在感又上了一个台阶。估计不少设计师都用过这个功能:点一下魔棒工具,就能选中图片里颜色相近的区域。在此之前,要做这事要么手动用橡皮擦,要么一点点框选,操作起来很麻烦。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

不过话说回来,跟其他图标比,“魔棒”图标表达出来的含义其实挺模糊的。你看时钟、日历、文档、放大镜、垃圾桶这些图标,一看就知道是干啥的。

但魔棒图标是啥意思?可能真说不准。正是由于这种特性,“魔棒”适合表达新颖、神秘、美好、便利等含义 (魔法棒一挥,美好的事情即将发生)。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

后来在图片编辑领域,菱形十字星元素用得越来越频繁。只要是能“少动手”的功能,比如自动调色调、快速选区域、滤镜,在设计图标时都喜欢加入菱形十字星元素。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

到最后,只要是能自动处理各种繁琐任务、个性化定制的功能图标,都会加入菱形十字星元素。现在它几乎成了一个万能的图形,所有让人觉得亮眼的功能,好像都能用菱形十字星表示。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

真正让菱形十字星元素和AI绑定在一起,是2020年谷歌相册推出的AI图像增强功能——与其向普通用户解释AI多复杂,不如直接传递“神奇的事情马上要发生”的感觉。同年谷歌表格的“探索”功能也用了菱形十字星元素,通过机器学习给用户推荐主题。这大概是谷歌首次尝试给AI功能建立“视觉符号”。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

此后菱形十字星元素迅速成为AI功能的视觉语言。各大公司好像心照不宣都开始用它代表AI——你用我也用,慢慢就成了行业特征。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

在AI人工智能刚兴起的时候,许多设计师可能都面临类似的困惑:如果必须用一个图标来代表AI,它会是什么形状?最开始有人使用机器人、大脑、芯片、灯泡或复杂电路图案等图形代表AI。

但AI智能且复杂,要找个视觉稳定、可扩展且美观的图标来代表,好像前面这些选项都差点意思——所以最后还是用”菱形十字星”这种视觉上最亮眼的图案成为首选。

三、AI图标未来会变成什么样?

现在菱形十字星常作为辅助元素在图标里搭配使用,而不是单独使用。

比如夸克的AI搜索是一大一小两个菱形搭配;有道的句子润色是魔棒搭配菱形;稿定AI平台对菱形用的更广泛,凡是跟AI相关的功能,像创意画布、AI改图、AI扩图等功能图标中都有菱形十字星作为辅助元素。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

虽然菱形十字星用的越来越频繁,但也有一些产品在尝试减少菱形的使用并探索更加个性化的AI设计图标。

比如Notion刚开始推AI功能时用的也是菱形十字星图标,后来AI功能逐渐完善了之后就将AI换成了人脸效果的图标,这个图标让Notion的AI视觉效果一下子有了辨识度。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

最后

说不定等AI完全变成标配功能之后,咱们还会重新用回那些传统的图标。就像90年代的软盘保存图标一样,菱形十字星或许也会成为一个时代的标志。

但在此之前,菱形十字星很可能仍将作为一种重要的视觉语言,象征着向AI人工智能时代的过渡,成为我们拥抱和理解新技术的标志。

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

最后为大家整理了120+带有菱形元素的可编辑AI图标, 附件下载AI图标svg源文件!

欢迎关注作者微信公众号:「Clip设计夹」

揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?(附资源包)

相关资讯

AI生成图标的提示词Prompt ,看这篇总结就够了!

Halo,这里是设计夹,今天分享的是「AI 图标设计」。 对于整个界面来说,图标属于相对细节的设计元素,那么功能强大的 AI 工具能否生成符合我们要求的图标呢? 本次精选 20 AI 关键词提示,协助大家快速生成不同类型和风格的图标,满足更多的设计使用场景,一起来看看吧~一、APP 启动图标 我们先从启动图标开始。APP 的启动图标代表着这款产品的品牌形象,是特殊且重要的图标类型。当前简约的启动图标越来越受欢迎,给用户提供干净、简单且易于识别的设计。 如果想用 AI 生成 APP 启动图标,可以包含以下:「APP
6/9/2023 5:51:00 AM
Clippp

腾讯云AI落地实战!如何用 Stable Diffusion 完成B端图标设计?

导语:现今,许多 B 端设计师在日常设计中难免会遇到各种运营 3D banner 设计需求。在设计过程中,他们不仅需要费尽心思构思各种造型,还要不断进行重复渲染,而有时渲染结果也难以令人满意。本文旨在介绍一种基于 Stable Diffusion 混合 AI 的 B 端 3D Banner 设计方法和流程,可供任何对该领域感兴趣的人进行实验,创作出各类 B 端模型。 更多AI落地实践:一、部署 Stable Diffusion 流程 本地安装 stable Diffusion 本地安装教程:()(来源:B 站秋葉
7/13/2023 7:52:55 AM
腾讯云设计中心

大厂落地实战!如何用Stable Diffusion完成B端和C端图标设计?

伴随着 AIGC 异常火爆,各种各样的 AI 工具如雨后春笋般涌现,除了各位设计师知道的 Midjourney(以下简称“MJ”),同样还有十分亮眼的 Stable Diffusion。 所以今天我们主要教大家如何使用 Stable Diffusion(以下简称“SD”)来进行 B 端图标和 C 端图标的创作,充分将 AIGC 灵活的运用在项目的工作流程之中。 往期AIGC 生成图标干货:一、B 端图标 那首先我们先来看看 B 端图标,有哪些特点?从上图可以发现主要特点为:立体块面感、轻科技、材质多为毛玻璃、光泽金
7/24/2023 6:44:22 AM
团队ASAK设计
  • 1