尊享

加入【优设领航者俱乐部】

尊享全年高价值服务 加速收益

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

企业/达人/设友线下链接

流量赋能 名利双收

1000W+流量助力影响力提升

领取更多高价值实用特权

投稿

视觉

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

视觉

细节 283

我也有新发现 我要投稿
高德地图里藏着怎样诗情画意的彩蛋?
高德地图

设计彩蛋高德地图里藏着怎样诗情画意的彩蛋?

猎人 - AmberDu小白9.0

「高德地图」里的一些景区地图放大不仅会变成绘制精美的手绘版地图,还隐藏了一些灵动的小动画彩蛋。比如在「高德地图」App搜索「杭州西湖」并放大至手绘版地图,可以看到飞鸟掠过湖面...

查看详情

#动画#情感化设计#惊喜

如何通过交互设计让人感知速度?
迈凯伦

微交互如何通过交互设计让人感知速度?

猎人 - 龙爪槐守望者8.4

「迈凯伦跑车」为了体现动力强劲在官网做的一个小互动,长按空格键模拟踩油门给车加速,仪表盘数字滚动配合画面变化和引擎音效,让人对动力有更直观深刻的印象。

查看详情

#声音#多感官#微交互

网站如何用视觉和交互设计讲故事?
浪琴

视觉网站如何用视觉和交互设计讲故事?

猎人 - 龙爪槐守望者7.8

「浪琴Zulu手表」网站的视觉和交互设计很有艺术感。「Zulu」是航空和军事领域的通用时间表达,而「浪琴Zulu手表」则是用支持多时区来延续这个概念。网站以「 Zulu手表」...

查看详情

#交互手势#情怀#沉浸感

躲在小睡眠App里的调皮喵咪🐱
小睡眠

微交互躲在小睡眠App里的调皮喵咪🐱

猎人 - AmberDu小白9.6

在「小睡眠」App的白噪音DIY页面,每次进行声音素材添加的操作时页面底部都会出现一只小猫爪接住素材球的动画。如果选择随机一组白噪音,声音元素会像老虎机游戏一样出现,调皮的小...

查看详情

#互动#小睡眠#微交互

DeLorean操作前可预知的轮播图设计
DeLorean

微交互DeLorean操作前可预知的轮播图设计

猎人 - 龙爪槐守望者7.0

DeLorean(德劳瑞恩汽车)网站主页的轮播图,在切换其他banner将光标移到「下一页」箭头按钮时,会弹出圆形的预览框能看到下一张图片的缩略图。别致又新颖的交互处理方式。

查看详情

#banner#DeLorean#微交互

宝马App是如何将图片加载缓慢的等待过程做得有趣的?
宝马

设计彩蛋宝马App是如何将图片加载缓慢的等待过程做得有趣的?

猎人 - 龙爪槐守望者9.5

汽车图片或3D模型精度高文件大,加载慢。「宝马」App在汽车模型加载前用一张车帆布盖图片占位,使得加载过程很平滑。

查看详情

#3D#加载#动效

iOS系统截图期间会自动隐藏辅助触控悬浮按钮?
iOS系统

用户体验iOS系统截图期间会自动隐藏辅助触控悬浮按钮?

猎人 - 龙爪槐守望者6.7

发现关于iPhone的一个特别小的细节设计,iOS系统在截图期间,会自动隐藏辅助性触控悬浮按钮,以保持截图画面的干净。

查看详情

#iOS#信息呈现#截图

真·梦回2001!在2022年的YOUMORE,过一种y2k的生活
YOUMORE

视觉真·梦回2001!在2022年的YOUMORE,过一种y2k的生活

猎人 - AmberDu小白9.0

「YOUMORE」在「2001聊天室」板块中,尝试以设计复刻了Apple初代OS操作系统,文案和其他细节也充满了……嗯,说是y2k,其实更像是非主流的味道。整体感觉像是回到了...

查看详情

#y2k#YOUMORE#情怀

特斯拉App的沉浸式动效设计
特斯拉

动效设计特斯拉App的沉浸式动效设计

猎人 - 龙爪槐守望者8.8

「特斯拉」App的动效做得真棒,尤其是车辆3D模型。页面切换通过车模型转场,开关车门效果有,最神奇的是空调风,冷热风的动效也不一样,太精细了。

查看详情

#3D#动效#惊喜

如何做一个让人惊艳的个人网站?

视觉如何做一个让人惊艳的个人网站?

猎人 - 龙爪槐守望者9.6

跪着看完的软件工程师个人网站,运用 treejs 技术。先用 3D 做了一个办公室,具体的网站内容都在电脑屏幕里。屏幕里界面则是模拟老版本的 Windows 操作系统,你甚至...

查看详情

#3D#创意#惊喜

微信读书让人眼前一亮的透明翻书效果
微信读书

交互手势微信读书让人眼前一亮的透明翻书效果

猎人 - AmberDu小白7.0

「微信读书」支持用户在「设置」里根据自己的喜好选择翻页方式,可设置「左右滑动」「上下滚动」以及「仿真翻页」三种交互形式。在黑暗模式下,如果将翻页方式设置成「仿真翻页」,会出现...

查看详情

#交互手势#微信读书#惊喜

你有被飞猪APP的猪鼻子按钮可爱到吗?
飞猪

微交互你有被飞猪APP的猪鼻子按钮可爱到吗?

猎人 - 龙爪槐守望者9.2

「飞猪」APP启动后的搜索按钮有变成猪鼻子🐽的动效,可爱有趣又与品牌自身的视觉形象有很巧妙的结合。

查看详情

#品牌#微交互#按钮

腾讯也有游戏社交产品NokNok了?
NokNok

视觉腾讯也有游戏社交产品NokNok了?

猎人 - 龙爪槐守望者8.0

「NokNok」 —— 腾讯旗下的游戏社区,又是一款类 Discord 产品,比较有趣的是这款产品全部使用像素风。尤其是启动页的选择 Player 的画面,让人回忆起同年打街...

查看详情

#NokNok#情怀#游戏

bilibili开屏画面的2233娘怎么突然像素化了?
Bilibili

设计彩蛋bilibili开屏画面的2233娘怎么突然像素化了?

猎人 - AmberDu小白9.2

2022年4月28日,bilibili突然出现限定像素版2233开屏,原来是为了庆祝b站代理的轻解迷像素风RPG手游《坎特伯雷公主与骑士唤醒冠军之剑的奇幻冒险》一周年生日的彩...

查看详情

#Bilibili#视觉#设计彩蛋

小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?
小宇宙

微交互小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?

猎人 - 龙爪槐守望者7.2

「小宇宙」App主页未选中的Tab是毛玻璃的效果,选中则变清晰,吸引用户滑动选中让其清晰。通过有趣的视觉和交互效果,激发用户的互动意愿。

查看详情

#Tab#即刻#小宇宙

你的会员标识,随你决定!
即刻

用户体验你的会员标识,随你决定!

猎人 - 聆风Raymond8.0

「即刻」App的会员标识除了可以选择不同的颜色样式外,还可以选择「不展示」。这个功能为想要使用会员功能服务但不想展示会员身份的用户提供了一个选择的余地。虽不是实用性的功能,但...

查看详情

#会员#信息呈现#即刻

小宇宙App引导跳转的H5页小提示
小宇宙

信息呈现小宇宙App引导跳转的H5页小提示

猎人 - AmberDu小白9.5

「小宇宙」App的下载引导页使用了文案轮播的形式,用文案结合场景切换,让用户对App的使用场景更清晰明了,通过强代入感激发点击下载的欲望。轮播的视觉表达形式有一定参考价值。投...

查看详情

#信息呈现#小宇宙#引导页

网易云是如何巧妙将品牌黑胶元素融入会员等级设计的?
网易云音乐

信息呈现网易云是如何巧妙将品牌黑胶元素融入会员等级设计的?

猎人 - AmberDu小白9.0

「网易云音乐」的会员成长等级及特权展示,结合了贯穿产品始终的黑胶唱片转动元素来做信息可视化呈现。不仅为翻看不同会员等级的交互过程增加了趣味性,切换不同等级如同转动黑胶唱片,还...

查看详情

#交互手势#会员#信息可视化

GRAVITY的流星送信,即时开启的话题社交
GRAVITY

设计逻辑GRAVITY的流星送信,即时开启的话题社交

猎人 - AmberDu小白9.3

跟国内的部分陌生人社交产品不同的是,GRAVITY以流星为切入口,把实质上的「话题社交」寄托于「流星」这个载体之上,与产品设计中的宇宙、宇航员、星球等元素不谋而合。同时,「流...

查看详情

#GRAVITY#即时#情怀

新版花瓣用不惯?快来换回旧版本吧!
花瓣网

用户体验新版花瓣用不惯?快来换回旧版本吧!

猎人 - 聆风Raymond5.1

最近,「花瓣网」在网站UI界面的设计方面变化较大。网站的右下角,特意设计了一个切换「新版」与「旧版」的按钮,如果用户用不惯新版网站UI的话,可随时换回旧版网站。团队还很贴心地...

查看详情

#信息呈现#情境预判#按钮

5/15

热门应用