菜单 优设网uisdc.com 优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

网站

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

网站

细节 39

我也有新发现 我要投稿
dribbble趣味十足的404页面
dribbble

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

猎人 - AmberDu小白7.0

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

查看详情

#404#dribbble#惊喜

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

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

猎人 - 聆风Raymond9.5

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

查看详情

#Adobe#Adobe Color#好功能

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

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

猎人 - 聆风Raymond6.4

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

查看详情

#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

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

查看详情

#互动#弹幕#用户引导

会提供搜索语法建议的网站stackOverflow
stackOverflow

用户体验会提供搜索语法建议的网站stackOverflow

猎人 - 龙爪槐守望者8.0

IT问答网站「stackOverflow」的搜索框在获取焦点后,会提供若干搜索的语法建议,帮助用户输入更精确的关键词,得到更好的搜索结果。

查看详情

#stackOverflow#情境预判#搜索

关于页面侧边缩略图交互设计的小灵感

交互设计关于页面侧边缩略图交互设计的小灵感

猎人 - 龙爪槐守望者8.2

Rauno Freiberg 制作的带钉住功能的迷你缩略图原型,通过侧边的页面缩略图不仅能进行快速定位,还添加了钉住功能,收藏指定位置,以便后续一键直达。仅支持firefox...

查看详情

#信息呈现#定位#微交互

隐藏在Vercel网站LOGO后的彩蛋设计
Vercel

用户体验隐藏在Vercel网站LOGO后的彩蛋设计

猎人 - 龙爪槐守望者9.3

点击「Vercel」官网右键左上角的LOGO,你会发现当前页面会自动跳转到Vercel的品牌资源网页。Vercel团队预判用户右键点击网站LOGO可能是为了复制,因此会通过自...

查看详情

#Vercel#人性化#图标

电商网站超人性化的动态价格标签

信息呈现电商网站超人性化的动态价格标签

猎人 - 龙爪槐守望者9.0

「Baymard Institute」为一家电子商务网站提供的创意方案,如果用户商品按价格排序,可以在滚动条旁边显示动态价格标签,告知用户当前浏览的商品的价格区间。

查看详情

#Baymard Institute#交互手势#信息呈现

跟着小红书UED学习52个高频交互设计原理
小红书

交互设计跟着小红书UED学习52个高频交互设计原理

猎人 - 聆风Raymond8.3

最近,「小红书」用户体验设计部UED上线了一个名为「52 个交互设计原则」的网站。据介绍,这52个交互设计原则是由UED从众多设计原则中筛选出的最高频使用设计原则。网站以动态...

查看详情

#hover#信息呈现#好功能

站酷上线在线作图平台,通过拖拉拽就可以快速出图!
站酷

好功能站酷上线在线作图平台,通过拖拉拽就可以快速出图!

猎人 - 聆风Raymond9.2

今天发现「站酷」上有一个在线快速图片编辑平台。用户可以通过拖拉拽、输入文字就能高效快速地做出精美海报、banner图;无需安装、在线即可进行设计图片编辑、文案修改等操作;平台...

查看详情

#交互手势#好功能#工具

1/2

热门应用