会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

网站

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

网站

细节 45

我也有新发现 我要投稿
Iconfont视觉全新升级,情感化交互设计动人
Iconfont

设计彩蛋Iconfont视觉全新升级,情感化交互设计动人

猎人 - AmberDu小白7.0

「Iconfont」网站进行了全新的视觉升级,之前版本搜索框旁的外星人形象变成了一只叫「Varii」的变色龙,点击还会触发可爱的交互。如果过了凌晨还在使用「Iconfont」...

查看详情

#iconfont#互动#情感化设计

世界杯期间沉浸感十足的搜索结果专题页
百度

信息呈现世界杯期间沉浸感十足的搜索结果专题页

猎人 - AmberDu小白9.0

2022卡塔尔世界杯期间,在百度搜索关键词「世界杯」,搜索结果的上方会多出世界杯专题页。赛程表、实时排名、大咖解说、精彩视频、热点信息等一目了然,还能将自己喜欢的球队设置为「...

查看详情

#信息呈现#搜索#易用性

让用户来决定是否需要新手指引会体验更好吗?
上线了

用户体验让用户来决定是否需要新手指引会体验更好吗?

猎人 - AmberDu小白8.0

从事设计工作有六七年了,最近想把之前的作品集整理在个人网站上,使用「上线了」网站登录时,会有提示框来询问用户是否需要新手引导提示。相比其他平台的新手引导会将跳过按钮隐藏得很深...

查看详情

#上线了#弹窗#用户引导

bilibili上新秋季版头,在玩一种很新的东西
Bilibili

设计彩蛋bilibili上新秋季版头,在玩一种很新的东西

猎人 - AmberDu小白9.6

「bilibili」网页端主站的版头一直以来在情感化设计方面都做得十分用心,会随四季变化时间流逝变更,也会暗藏各种有趣的互动彩蛋,很符合平台古灵精怪的二次元属性。最近上线的秋...

查看详情

#Bilibili#互动#情感化设计

优设9图新栏目上线,快来领取你的在线设计神器!
优设

好功能优设9图新栏目上线,快来领取你的在线设计神器!

猎人 - AmberDu小白8.0

「优设」最近上线了「优设9图」新栏目,通过一套9张知识卡片高度浓缩设计相关的各种实用知识与技巧,帮助大家提高设计效率、拓展设计视野。内容涵盖设计技巧经验、配色灵感、设计种草、...

查看详情

#优设#好功能#工具

入驻日期标识,属于你和优设之间的纪念日
优设

用户体验入驻日期标识,属于你和优设之间的纪念日

猎人 - AmberDu小白9.6

作为一个以内容分享为核心的平台, 文章、细节、灵感、素材、酷站这类输出型的内容是网站吸引用户和访客的核心,相比于其他的平台,「优设」引入用户评论系统的时间更晚,但是相应的,「...

查看详情

#优设#信息呈现#情怀

dribbble趣味十足的404页面
dribbble

设计彩蛋dribbble趣味十足的404页面

猎人 - AmberDu小白8.2

dribbble(追波) 的404页面会根据颜色推荐作品,当左右滑动页面下方的色相条进行颜色改变,页面中间组成404文字的作品缩略图会根据选定的颜色匹配出现对应配色的作品图,...

查看详情

#404#dribbble#惊喜

Adobe Color新增实用功能,一键帮你检测颜色对比度
Adobe

好功能Adobe Color新增实用功能,一键帮你检测颜色对比度

猎人 - 聆风Raymond9.2

Adobe Color新增「对比检查器」工具,输入背景颜色和文字颜色的颜色码即可自动计算出他们的对比率,确保你选择的颜色搭配在视觉上是舒服且易于阅读的;在网站的右侧,他还会给...

查看详情

#Adobe#Adobe Color#好功能

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

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

猎人 - 聆风Raymond5.7

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

查看详情

#hover#即刻#即时反馈

新意十足的创意网站交互设计

视觉新意十足的创意网站交互设计

猎人 - 龙爪槐守望者9.6

网站 https://www.kubota.com/futurecube/的交互设计很有新意,用立方体做画面的转场,文字结合动态插画做创意变化,每个画面都是精美的视频。

查看详情

#信息呈现#动效#网站

产品里的AI吉祥物真的会引起用户互动的兴趣吗?
沙沙野

设计彩蛋产品里的AI吉祥物真的会引起用户互动的兴趣吗?

猎人 - Xiaň包子8.7

进入「沙沙野」网站,就能看到左下角有一只大鸟,鼠标移入的时候,他变的就像很开心一样,告诉你他是「沙沙野」的小管家,而且每次添加,都出随机出现一段沙沙野的介绍,增强了用户趣味体...

查看详情

#互动#情感化设计#沙沙野

站酷网双视角切换的贴心小功能
站酷

好功能站酷网双视角切换的贴心小功能

猎人 - Xiaň包子8.6

「站酷网」的个人主页里,用户可以自己装饰主页,修改更换个人主页背景图及作品展示的背景图,还支持gif格式,满足更多样的选择。通过「作者视角」和「粉丝视角」还能分别预览自己或别...

查看详情

#人性化#情境预判#易用性

穿梭在云朵间的网站

视觉穿梭在云朵间的网站

猎人 - 龙爪槐守望者9.7

「ATMOS」的品牌网页https://atmos.leeroy.ca使用了飞行特效的设计来营造故事性与新鲜的视觉。滚动鼠标滚轮,网页中的飞机就会向前穿梭,期间云朵和文字由远...

查看详情

#ATMOS#信息呈现#惊喜

大众汽车是如何给产品赋予情感联系的?
大众

信息呈现大众汽车是如何给产品赋予情感联系的?

猎人 - 龙爪槐守望者7.3

「大众」的车型介绍网页设计挺特别的,其他车企家都是大篇幅的车辆照片和参数。而「大众」官网却展示了多段用户使用大众汽车的日常温情故事。给产品赋予情感联系。

查看详情

#信息呈现#大众#情怀

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

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

猎人 - 龙爪槐守望者8.4

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

查看详情

#声音#多感官#微交互

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

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

猎人 - 龙爪槐守望者7.8

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

查看详情

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

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

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

猎人 - 龙爪槐守望者7.0

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

查看详情

#banner#DeLorean#微交互

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

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

猎人 - 龙爪槐守望者9.6

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

查看详情

#3D#创意#惊喜

Dribbble可以直接获取作品色板了?
dribbble

用户体验Dribbble可以直接获取作品色板了?

猎人 - AmberDu小白5.2

在设计师社区网站「Dribbble」上浏览作品时,如果对作品的颜色感兴趣,可以直接在作品图的左下角获取到作品的色板。点击色板上的颜色还可以进行同色系的作品搜索,实用高效。投稿...

查看详情

#dribbble#人性化#好功能

用弹幕显示其他用户操作,这个功能打破了用户间的隔离感
运营派

设计逻辑用弹幕显示其他用户操作,这个功能打破了用户间的隔离感

猎人 - 聆风Raymond9.2

弹幕除了在音视频网站上用于评论交流显示,还能怎么运用?「运营派」网站用弹幕显示其他用户的操作,会让你可以感受到自己跟网站的另一边的人有互动感。当然,如果你不想要看这些弹幕的话...

查看详情

#互动#弹幕#用户引导

1/3

热门应用