图标

已捕获优质的产品细节 193 个

图标

细节 193

我也有新发现 我要投稿
产品的相关联性图标该如何设计?

视觉产品的相关联性图标该如何设计?

猎人 - 蒙娜AI莎9.0

我们平时在设计一组具有相互关联性的图标时,总是绞尽脑汁,想法设法通过精致美观的图形来表达功能本身的含义。「阿里智能」的「回家/离家模式」通过小房子和往不同方向行走的小人来表达...

查看详情

#信息呈现#图标#视觉

苹果如何用一个图标「调侃」Windows蓝屏?
macOS

设计彩蛋苹果如何用一个图标「调侃」Windows蓝屏?

猎人 - 龙爪槐守望者9.0

最近,微软Windows的「蓝屏」问题是不是也让你头疼不已?这个问题不仅登上了微博热搜第一,还影响到了全球多个地区的Windows用户。而作为微软的竞争对手,苹果其实早在很多...

查看详情

#Apple#macOS#Windows

一个按钮省下百元?拆解淘宝AI找低价如何用体验创造真金白银
淘宝

AI一个按钮省下百元?拆解淘宝AI找低价如何用体验创造真金白银

猎人 - 张老三7.7

一个按钮,就能让你省下几十甚至上百元——听起来像营销噱头?但淘宝最新上线的「AI找低价」功能,正在用实际行动证明这并非空谈。更有意思的是,它的工作方式可能和你想象的完全不一样。

查看详情

#AI#信任后发效应#分类

谷歌地图:准备去远足?那我给你备好装备吧!
Google Map

微交互谷歌地图:准备去远足?那我给你备好装备吧!

猎人 - 海的格尔0.0

地图 App 相信大家都用得不少,不知道行色匆匆的你能不能发现其中的趣味?使用「谷歌地图」时,一旦你设定的路程步行时间超过 5 个小时,表示步行的小人图标会给自己穿戴上远足的...

查看详情

#Google#图标#地图

导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线
京东

动效设计导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线

猎人 - 龙爪槐守望者8.9

Tabbar还能玩出什么花样?你可能早就看腻了那些红点提醒和图标闪烁。每天打开手机,所有App的底部导航栏都像复制粘贴——要么拼命加小红点,要么硬塞更多功能入口。

查看详情

#icon#Tabbar#促销

今天,你的耳朵被「豆瓣FM」叫醒了吗?
豆瓣FM

微交互今天,你的耳朵被「豆瓣FM」叫醒了吗?

猎人 - 戢戢9.0

只想听歌,想短暂的放松休憩一下。看到推荐歌单中赏心悦目的封面和文案,暂且相信的点了进去,切换了几首歌都找不到想要的feeling,心情反而变得更加烦躁。拥有选择困难症的你,不...

查看详情

#互动#图标#微交互

中秋节要到了,你有发现微博底部导航菜单的变化吗?
微博

设计彩蛋中秋节要到了,你有发现微博底部导航菜单的变化吗?

猎人 - 蒙娜AI莎3.5

中秋节临近,「微博」底部导航菜单,「我」的图标变成了一个印有可爱兔子头像的月饼。点击后还会出现被咬一口的月饼效果,非常具有趣味性和节日的氛围感。「微博」经常在各种节日来临时变...

查看详情

#图标#微博#情怀

虎嗅做「弹幕」功能和其他App有什么不同?
虎嗅

微交互虎嗅做「弹幕」功能和其他App有什么不同?

猎人 - 戢戢9.0

追剧的时候你会不会喜欢跟弹幕里的人聊天吐泡?因为在遇到让自己兴奋的事物时,我们都渴望与人交流。「虎嗅」很好的抓住了人性中的这一点,模拟弹幕设计中的用户场景,在阅读长篇文章时如...

查看详情

#互动#图标#弹幕

前方禁止点击:即刻是如何用光标告知用户该按钮不可点击的?
即刻

用户体验前方禁止点击:即刻是如何用光标告知用户该按钮不可点击的?

猎人 - 聆风Raymond5.9

光标变化在网页设计上是很常见的,「即刻」网页端巧妙地运用了这个方法,把光标变化改为了我们在日常生活中常见的黄色禁止通行栅栏图标🚧,能够让用户立马了解该按钮是无法点击,但是又没...

查看详情

#hover#即刻#即时反馈

为了保护用户的隐私,「百度网盘」这样做
百度网盘

微交互为了保护用户的隐私,「百度网盘」这样做

猎人 - 戢戢10.0

对于拥有多个账号的用户而言,「百度网盘」右下角的Tab菜单「我的」,会默认显示第三方登录账号的头像。这样设计会使「我的」的图标与其它菜单icon形成强烈的反差对比。可以很好的...

查看详情

#人性化#图标#情境预判

3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学
闲鱼

动效设计3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学

猎人 - 龙爪槐守望者9.0

你随便打开一个电商App,映入眼帘的是千篇一律的扁平化图标,静静地躺在屏幕顶部。没有任何变化,没有任何惊喜。如何在保证功能性的同时,让界面更有温度、更有生命力?

查看详情

#3D#动效#图标

用了26年的错误设计,苹果为何现在才修正?
苹果

一致性用了26年的错误设计,苹果为何现在才修正?

猎人 - 龙爪槐守望者9.6

苹果公司近期悄然解决了一个长达 26 年的键盘设计不一致问题。过去,MacBook键盘的物理静音键仅显示单个扬声器图标,无明确静音提示。但按下该键后,屏幕会显示一个带删除线的...

查看详情

#MacBook#一致性#图标

还在纠结生肖设计怎么做?看完苹果马年的动态光影效果就有灵感了
苹果

本地化设计还在纠结生肖设计怎么做?看完苹果马年的动态光影效果就有灵感了

猎人 - 龙爪槐守望者9.0

近几年苹果都会迎合中国习俗,在新年推出生肖LOGO,将生肖动物的轮廓与苹果经典的「咬一口」标志进行巧妙融合。2026年马年的LOGO不仅用于雕刻的线性版,还顺应推出用于线下门...

查看详情

#图标#拟物化#本地化

放大10倍后震惊!苹果设计师竟然把真实高速路牌搬进了手机
iOS

图标设计放大10倍后震惊!苹果设计师竟然把真实高速路牌搬进了手机

猎人 - 龙爪槐守望者9.5

拟物化设计(Skeuomorphism)和扁平化设计(Flat Design),到底哪个更好?每当我们怀念起那个充满皮革纹理、木质书架和金属质感的早期智能手机时代,总会有人跳...

查看详情

#图标#扁平化#拟物化

国内 AI 深度思考图标千篇一律?如何打破僵局?

图标设计国内 AI 深度思考图标千篇一律?如何打破僵局?

猎人 - 龙爪槐守望者7.9

你有没有发现一个奇怪的现象?打开任何一款国内AI产品,深度思考功能都是同一个原子核图标。从DeepSeek到文心一言,从通义千问到豆包,似乎所有产品经理都约好了一样。

查看详情

#动效#图标#情感化设计

会在夜间模式打瞌睡的QQ界面表情
QQ

微交互会在夜间模式打瞌睡的QQ界面表情

猎人 - AmberDu小白9.6

「QQ」消息主页面底部导航栏中的「联系人」小人图标与转发信息时的弹窗输入框右侧图标,在常规模式下都会显示为微笑的表情,「联系人」的小人图标眼睛还会随着点击左右图标而看向对应的...

查看详情

#QQ#图标#夜间模式

WPS的图标为什么比其他文档编辑软件更易识别?
WPS

用户体验WPS的图标为什么比其他文档编辑软件更易识别?

猎人 - 龙爪槐守望者6.0

文档编辑软件里的无序列表、有序列表、对齐、缩进、行距的图标都是三条杠就左边有细微差异,单个图标尺寸就 24px,在笔记本屏幕上很难分辨。而「WPS」将图标差异部分用蓝色,而且...

查看详情

#WPS#信息呈现#可读性

为什么谷歌要把AI模型命名为Nano Banana?
Gemini

冷知识为什么谷歌要把AI模型命名为Nano Banana?

猎人 - 龙爪槐守望者9.3

为什么一个价值数亿美元的 AI 模型,要用「香蕉」这么不正经的名字?按常理说,科技公司应该用最专业、最有技术感的词汇来彰显实力,比如「Pro」「Plus」「Ultra」之类的...

查看详情

#AI#AIGC#品牌

Windows 11 隐藏神技,鼠标悬停滚轮调音量
Windows

微交互Windows 11 隐藏神技,鼠标悬停滚轮调音量

猎人 - 龙爪槐守望者8.8

我们习惯了点击是交互的开始,但你有没有想过,为什么调节音量非要点一下?在这个设计里,微软居然把点击这个最基础的步骤给砍掉了,结果反而创造了 Windows 史上最顺滑的体验之...

查看详情

#图标#微交互#悬停

点点我,让我换个样子
QQ

微交互点点我,让我换个样子

猎人 - 李炜健0.0

QQ新版本的「消息列表」页面,左下角的icon是可以根据自己的心情进行选择更换的。当双击QQ底部的消息时,会出现各种生动有趣的表情动效。用户可以根据自己的心情更换不同的消息图...

查看详情

#QQ#互动#图标

7/10

热门应用