首页

为什么AI图标都爱用“菱形十字星“这个视觉符号?

清阳 图标设计文章及欣赏

从谷歌的Gemini到ChatGPT Plus,从Photoshop的智能填充到钉钉的AI助理,这个符号似乎已经成为了AI的专属标志。这篇文章将带你深入了解“菱形十字星”的起源、发展以及它在AI图标中的广泛应用,探讨这个视觉符号如何成为AI时代的标志。

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

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

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

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

01 “菱形十字星”的起源

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

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

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

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

02 AI视觉符号的发展

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

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

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

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

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

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

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

在AI人工智能刚兴起的时候,许多设计师可能都面临类似的困惑:如果必须用一个图标来代表AI,它会是什么形状?最开始有人使用机器人、大脑、芯片、灯泡或复杂电路图案等图形代表AI。但AI智能且复杂,要找个视觉稳定、可扩展且美观的图标来代表,好像前面这些选项都差点意思——所以最后还是用”菱形十字星”这种视觉上最亮眼的图案成为首选。

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

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

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

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

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

最后

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

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

转载:人人都是产品经理

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

优秀 UI 设计背后的心理学

清阳 交互设计及用户体验

在设计领域,优秀的用户界面(UI)设计不仅仅是视觉上的美感,更是对用户心理的深刻理解。本文将带你深入了解优秀 UI 设计背后的心理学原理,揭示为什么某些设计能够让人感到自然、流畅,甚至在无意识中提升用户体验。

你肯定遇到过那种用起来恰到好处的设计。一切元素仿佛都在它该在的位置,你无需费力去辨认、思考,也不会气得乱点一通才能搞明白。

这可不是什么魔法,背后靠的是心理学原理。

出色的用户界面(UI)设计,可不只是因为你选对了蓝色色调,或者用了漂亮的字体。它之所以行得通,是因为它洞悉人们的思维方式:知道人们会注意什么、忽略什么,以及什么会让他们暗自吐槽。

下面咱们就来剖析一下优秀 UI 设计背后的心理学原理,这样你就能打造出让用户即便还没喝咖啡,也觉得自己聪慧过人的体验。

1.大脑是个 “偷懒的天才”(认知负荷)

关键在于:人类的大脑很强大,但也超级 “偷懒” 。

我们一直都在努力节省脑力。这就是为什么优秀的 UI 设计不会让人们进行没必要的思考。要是你的应用程序用起来像解谜游戏,用户会直接离开,说不定走之前还会留下一篇言辞激烈的差评。

设计不是为了炫耀你有多聪明,而是要让用户感觉自己很聪明 。

这些技巧能让大脑 “不宕机” :

  • 清晰呈现层级关系。通常,每个界面只设置一个主要操作就够了。
  • 别搞没必要的选择。这又不是智力竞猜节目。

把复杂内容藏起来,等需要的时候再展示。(对,说的就是你 “高级设置” 。 )

2.“选择过多” 问题(希克定律)

希克定律很简单:你给别人的选择越多,他们做决定花的时间就越长,而且越想哭,或者直接放弃。

你有没有盯着一个按字母顺序排列,从 “阿富汗” 开始罗列了 30 个国家的下拉菜单发懵?就是这种情况。

设计要做的是减少决策难度。不是剥夺用户选择自由,而是让选择路径一目了然。

像极简主义者一样设计:

  • 把大任务拆分成小步骤。
  • 突出最常见或推荐的选项。
  • 使用默认设置,反正大多数用户都会选它。

3.目标应易于点击(菲茨定律)

小得可怜的按钮、细得离谱的文本链接,还有关闭按钮 “X” 比果蝇还小的可关闭弹窗。

我们都为此吐槽过。菲茨定律表明,点击某物所需的时间取决于两个因素:目标的大小和距离。所以,要是你想让用户真的去点击按钮,那就得让它便于点击。

实用建议如下:

  • 增大触摸目标,在移动端尤其如此。毕竟没人能像忍者那样手指精准。
  • 把主要按钮放在易于触及的位置,想想大拇指操作的区域。
  • 避免将操作按钮堆叠得太近。误触现在可是新的“抓狂乱点”源头。

4.视觉层级:为何你的用户会迷失

用户看屏幕可不是从上到下逐行阅读,他们浏览的样子就像喝了浓缩咖啡的松鼠,这儿瞅瞅那儿看看。

所以,你得像指挥家引领管弦乐队那样把控视觉层级。通过尺寸、颜色、粗细和间距来告诉用户:“嘿,先看这儿!”

要是没有视觉层级,所有元素都在争抢用户的注意力。可要是所有元素都在大喊大叫,那就什么都听不见了。

不妨试试这些方法:

  • 主要操作使用粗体,不太重要的内容用细一些的字体。
  • 像对待本职工作一样利用好留白(因为这就是你的工作)。
  • 想快速检验效果?眯着眼看你的设计,最先映入眼帘的就是焦点。

5.熟悉感胜过创意

你或许想成为按钮设计界的毕加索,或者重新发明导航栏。但你猜怎么着?人们偏爱他们熟悉的东西。

登录表单总是按固定顺序设置邮箱和密码输入框,这并非偷懒,而是因为大家对此熟悉。

具体做法如下:

  • 关键流程,如注册、结账、导航等,沿用标准的UI模式。
  • 把创意用在微交互或视觉效果上,别用在基础布局上。
  • 记住:熟悉意味着可靠,怪异则会引发怀疑。

6.物以类聚(格式塔心理学)

格式塔心理学本质上是我们大脑快速解读现实的方式。我们不会把事物看成孤立的元素,而是依据接近性、相似性、对齐方式和连续性对它们进行分组。

如果你的用户界面(UI)不遵循这些模式,用户就会感到困惑。而困惑会让用户迅速关闭页面。

举例如下:

  • 外观相似的按钮应该执行类似的操作,别误导用户。
  • 在表单中,将相关字段放在一起,别把“姓名”和“邮箱”像彩蛋一样随意分散。
  • 对齐内容,未对齐的元素会在潜意识层面引发混乱。

7.情感大于逻辑

告诉你个秘密:人们做决策时凭的是情感,之后才从逻辑上找理由。这一点在 UI 设计中同样适用。

想想看,你有没有因为某个按钮给人的感觉很好就点了它?比如那令人愉悦的悬停效果,或是那巧妙的动画。

设计能引发愉悦感,也可能带来挫败感。

如何从情感角度进行设计:

  • 使用有个性的微文案,一点点魅力就能产生很大效果。
  • 动画要流畅得像黄油般顺滑,而不是像迈克尔・贝电影那样夸张。
  • 打造令人愉悦的瞬间:比如一条欢快的成功提示信息、一个五彩纸屑动画,或是一个让人满意的加载状态。

8.人们记住的是峰值与结尾(峰终定律)

用户不会记得使用过程中的每一秒,他们记住的是最强烈的瞬间和结尾,这就是峰终定律。

所以,如果你的结账流程十分顺畅,但确认页面却像 404 错误页一样糟糕,猜猜他们会记住什么?

设计小贴士:

  • 找出你的“峰值时刻”,让它们令人愉悦。
  • 绝不要忽视结尾。确认消息、感谢页面、注册成功页面,它们比你想象的更重要。

9.用户体验的真正大敌:不确定性

要是用户不确定某个按钮的功能,就会犹豫不决。而这种犹豫会破坏操作的连贯性。

最出色的用户界面(UI)能消除疑虑。它们仿佛在告诉用户:“嘿,点这儿,放心,不会误删所有东西。”

可以利用以下方法:

  • 清晰的标签:“保存草稿”就比“提交”更明晰。
  • 微文案:短短一行字就能打消用户的顾虑。
  • 反馈:及时告知用户刚刚发生了什么,以及接下来会怎样。

10.助你保持思路清晰的工具

说实话,有时候你确实没时间从头构建每一个流程。这时候,像 “Made in Figma” 这样的插件就能救急。

它能让你直接使用预先构建好的 UI 流程和组件,这些都遵循了最佳实践。无需猜测,也不用到处找灵感。就好比有个不唠叨的设计副驾在帮你

当我想在不牺牲质量的前提下快速推进工作,或者大脑靠咖啡因强撑,只需要一个可靠的布局来开展工作时,我就会经常用它。

额外福利:要是你还在看……

首先,感谢你。显然你对优秀设计非常上心。

其次,这里有一份基于心理学的 UI 设计小抄:

  • 去除干扰(少即是多)
  • 引导视觉
  • 遵循默认设置和模式
  • 兼顾情感与逻辑进行设计
  • 让用户有掌控感
  • 要是拿不准怎么做?别耍小聪明,保持清晰就

转载:人人都是产品经理

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

 

设计改版总是被吐槽?5个步骤做好设计升级

清阳 用户研究

不少品牌和产品的设计改版常遭用户吐槽,文章分析用户抵触改版的心理学、行为及商业层面原因,给出做好设计升级的具体步骤。同时探讨改版后应对用户不满的策略,为设计改版提供实用指引,助力减少用户抵触、提升改版效果。

现在很多品牌和产品都热衷于升级设计,初衷大多是想让品牌与时俱进、让产品更好用。但实际情况呢?不管是小米花200万升级logo,还是大厂APP改版升级,用户们总会有各种评论——翻翻社交媒体或应用商店,满屏都是“新设计丑爆了”“还不如老版” 之类的吐槽。

其实从品牌LOGO到产品APP设计,只要一改动,大家第一反应往往是持怀疑态度。哪怕团队前期把设计规划做得再周密,用户该不喜欢还是不喜欢。那这是什么原因呢,咱们一起聊聊~

01 用户为什么抵触改版?

抵触改版的核心原因主要有三个维度,咱们一个个介绍。

① 从心理学角度

看人们天生偏爱熟悉的安全感。在熟悉环境中,已知的规则和模式能降低决策压力,带来可控感。

熟悉度偏差

简单说就是“再好用的新东西,也不如熟悉的旧东西”。这是大脑的一种“偷懒”习惯——处理熟悉的事不用费太多劲,所以我们会默认熟悉的选择更安全、更舒服。

尤其面对变化时,这种偏差会更明显,让人忍不住依赖原来的使用逻辑和界面布局。

禀赋效应

这本来是经济学概念,放到产品里也特别贴切——人会觉得自己拥有的东西更值钱。对用户来说,常用的APP产品早就不只是工具了,更像自己的电子资产。

一旦重新设计,用户心里会有种“丢了东西”的失落感,自然会抵触。

② 从行为角度

看改变设计=打破习惯。用户体验专家雅各布·尼尔森说过一句话:人们不想花时间学习,只想花时间做事。这句话精准点出了用户对设计变更的不满——改设计本质上是让用户“打破旧习惯、学习新规则”,而这两件事都很难办。

使用习惯被打乱

常用的APP用久了,用户基本不用动脑就能操作,比如“点底部按钮进首页”“左滑删消息”。但设计一改,比如底部按钮挪到顶部、主屏幕能直接用的功能藏进了汉堡菜单,用户就得重新寻找和记住这个操作,让原本简单的操作变成了刻意寻找,增加使用麻烦。

三个行为解释为什么学习新事物这么难?

用户不想学新设计新事物,可能并不是懒,而是背后有三个行为逻辑在“拖后腿”:

  1. 自我决定理论:人在能自己掌控的事上,才更有动力。比如熟悉的UI界面,用户可以随意操作,完全自主;但新界面会把这种掌控感夺走,用户得跟着新规则走,失去了对APP的控制自然没动力学习新设计。
  2. 动机理论:人都偏爱即时回报。重新设计可能长期来看更好用,但短期得花时间去学、花精力取适应,这就是短期的损失。对比之下,当下的麻烦远比未来的好处更突出,所以用户自然会有抵触情绪。
  3. 避免失败倾向:谁都不想在使用APP时总是出现错误无法完成操作。用新的APP界面时,用户总会担心原来一眼找到的功能现在找不到了、按错了怎么办,所以宁愿使用熟悉的旧版本,也不想升级新版本。

③ 从商业角度

看有没有考虑过重新设计的核心目标,可能本来就不是为了吸引老用户?

先看看苹果iOS 26的更新介绍:新面貌、全新设计、全新设计元素、图标大焕新…宣传里都是“全新”“个性”这类词——其实很多品牌重新设计,核心目的是吸引新用户。

对企业来说要赚钱就得拉新,所以会用“亮眼的新功能”“颠覆性设计”吸引新用户。

新用户本来就是第一次用,不用适应旧版本,反而觉得新鲜;但老用户不一样,得花时间重新学、重新适应,相当于多了一道使用门槛。

所以老用户会吐槽“改得乱七八糟”,甚至要求回退到旧版本,本质上是和品牌的“拉新目标”冲突了。

02 五个步骤步做好设计改版

重新设计不是简单的改一改图标风格、调调按钮位置,而是从前期规划到后期落地,每一步都得考虑用户感受。

步骤①:先想清楚改版原因

在决定重新设计前得先明确:你的产品的核心价值是什么?重新设计要实现什么目标?

比如苹果的设计不管怎么更新,始终围绕“创新”“易用”“细节控”这几个核心——iOS 的大版本更新,哪怕界面变了,用户也会觉得“这很苹果”,因为它没偏离品牌的核心体验。

所以第一步不是怎么改,而是为什么改,确保设计改版和品牌价值、用户的核心需求对齐。

步骤②:从用户研究开始

减少抵触的关键是让设计贴合用户需求。

那怎么贴合呢?

主要靠用户研究。

先看看用户之前吐槽的点是什么,比如按钮太隐蔽、筛选功能不好用;再问问用户想要什么,比如希望能快速标记已读、想要深色模式。基于这些反馈做设计,既能解决老问题,又能让用户觉得我的意见被官方采纳了,加深参与感和荣誉感。

比如京东APP的15.0大改版,采用逐步放量来进行改版,京东内部一直强调“以客户为中心”,具体改哪儿、怎么改,都必须站在用户视角。

根据内部小伙伴透露: 京东APP改版从1%对外开放时就启动了用户建议收集,会快速根据用户的建议反馈、以及数据表现进行调整迭代。

这期间,很多用户给出很有价值的建议或反馈。从升级改版效果上看,多数用户在新版App上都比之前停留更长时间了,较好提升了用户体验。

步骤③:考虑功能使用频率

不是所有设计都能随便改,需要考虑这个功能或界面“用户用得多不多、重要不重要”。

比如Spotify之前在底部导航栏加了个“AI创建播放列表”的按钮,看似是个小改动却引来一堆吐槽。

因为底部导航是用户每天点几十次的核心区域,早就形成了肌肉记忆,突然加个按钮,用户很容易点错,还得重新适应布局。

所以设计改版前要先考虑:这个功能用户每天用几次?是不是核心操作?用得越频繁、越核心,改动时越要谨慎。

使用频率越高,重新设计时收到的负面反馈可能性就越大。

步骤④:改版也要保留“熟悉感”

重新设计不代表要“一刀切”,把原有的设计全部推翻,而是保留一些熟悉的元素帮用户快速适应。

比如推特改名“X”后,虽然图标从蓝鸟变成了X,主色调也成了黑白色,但发布按钮还是沿用了原来的蓝色,核心的界面布局也没大改。老用户打开APP不会觉得完全陌生,能更快接受X这个新品牌。

除非是彻底换赛道的大改版,否则尽量保留用户熟悉的识别点,比如常用按钮的颜色、核心功能的入口位置,减少陌生感的冲击。

步骤⑤:给用户选择权

用户抵触新设计很多时候是因为没得选。如果能让用户自己决定用旧版还是新版,抵触改版的情绪就会少很多。

像支付宝个人中心的改版,首次进入新页面会有一个“页面布局全新升级”的提示,用户可以自主选择“开始体验”或者“稍后体验”。

在新版页面的右上角仍保留“返回旧版”的入口,方便用户返回旧版熟悉的页面中。

这样一来,愿意尝鲜的用户就可以体验新设计,哪怕暂时不用新版,也不会抵触更新,毕竟选择权一直在用户手里。

03 改版后用户不喜欢怎么办?

不是所有的重新设计都能一次成功,改完后用户吐槽也很正常。关键是先判断吐槽主要集中哪些方面,再针对性解决。

① 如果吐槽集中在界面很陌生

比如用户说“按钮位置全变了,看着好别扭”“找不到原来的功能了”,这种情况大多是适应问题。用户刚接触新设计,原来的使用习惯被打破,自然会觉得麻烦。

但只要设计本身没问题,随着时间推移,用户慢慢养成新习惯,这种吐槽会越来越少。

这时候不用急着改回去,给用户一点适应时间就行。

② 如果吐槽集中在某个特定功能

比如用户一直说“保存按钮藏太深了,找半天找不到”“原来能直接用的筛选,现在要进二级菜单”,这种情况大概率是设计缺陷。

这类问题不会随着时间消失,反而用户用多了吐槽会越多。

这时候要赶紧收集反馈,分析问题出在哪里,比如把藏得太深的功能挪出来或者恢复常用的操作路径,别让一个小缺陷毁了整个改版效果。

最后不能指望通过一次改版把所有的旧问题解决掉。

设计改版是一个不断迭代的过程,就像很多大厂APP会搞A/B测试,快速试错后再优化调整。

所以说改版完成不是结束,而是根据用户反馈持续优化的开始!

转载:人人都是产品经理

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档