让人意想不到的团队展示hover效果 - 优设网 - UISDC

微交互 让人意想不到的团队展示hover效果

产品：drygital 作者：drygital设计团队
 时间：2018-09-24

猎人： 小白 观众：3141人

细节描述

drygital设计工作室的网站有着个性又炫酷的视觉与交互效果。团队展示界面的hover效果，就让人意想不到眼前一亮：当鼠标的光标移到单个成员的半身像时，原本正襟危坐的照片会变成另一张展示该成员个性或喜好的搞怪照片。原照片展示了团队成员在工作中严谨专业的一面，而hover效果呈现的图片则展示了成员们私下生活里幽默有趣个性鲜明的另一面。这样的设计不仅突出了团队成员的个人特色展示，利于团队的归属感与凝聚力提升，也展现了团队的开放包容与活力创新。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# drygital# hover# 团队展示# 微交互# 情感化设计# 视觉# 趣味性

发表评论 加载中....

评论加载中....

下一篇

捕获自 Chrome iOS

你将掌握 微交互 的小知识~

Chrome的下拉细节，我也就玩了十几遍

下拉加载刷新页面当前数据是现在常规的交互逻辑，而Chrome浏览器在下拉上有着自己的见解：在下拉交互中增加了左移和右移的操作，...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

猎人推荐 我要投稿

相关细节

用户体验 如果问国内二次元的家在哪，我会说它在B站

7月18日，「京阿尼」纵火事件已被各大媒体传播。对于二次元粉丝来说，它的来临实在太让人崩溃。B站在下午就将「番剧」的板块改成黑白以示哀悼，Banner也换成了「京阿尼」的作品。一个尊重粉丝以及尊重作品和创造者的平台，给用户带来的体验不仅仅是普通需求层面的体验了，而是真正从用户的本身出发创造更多走心又美好的体验。这世界上，那些被赋予温柔、热爱与希望的生命和作品都值得被所有人尊重；这世界上，所有的设计者、创造者都值得被珍惜。你也一样，你的心情，B站都感受到了。

产品：bilibili iOS 作者：bilibili 设计团队 猎人： 404NTFounD

微交互 「今天你下拉了么？」快来围观网易新闻下拉刷新交互里的秘密

当移动端页面的下拉刷新操作逐渐成为用户习以为常的交互手势，下拉时页面顶部的空白空间不再被「闲置」而是越来越多的被设计师们加入了巧思。网易新闻的下拉刷新页面顶部就被利用起来做成了隐藏彩蛋的小栏目「今天你下拉了么 」，每日登录下拉主页面都会有惊喜。6月25日是一代流行音乐之王迈克尔·杰克逊的告别日，这一天的下拉彩蛋内容就是纪念杰克逊的海报展示。这样页面刷新的过程不仅具备了可读性，起到优化下拉交互的作用，更使这个交互设计彩蛋成为了网易新闻App的一大亮点。话说今日份的「下拉」有大惊喜，还不快去网易新闻探个究竟~o(*￣︶￣*)o

产品：网易新闻 iOS 作者：网易新闻团队 猎人： 小白

设计彩蛋 当「灭霸」入侵谷歌，你的一个响指就能让搜索结果灰飞烟灭？

万众期待的「复仇者联盟4」正在全球各地热映，Google也非常应景地在其搜索功能里埋下了关于大反派灭霸的彩蛋。熟悉漫画或者剧情的小伙伴一定很清楚：灭霸集齐六颗无限宝石后按力量、时间、空间、灵魂、现实和心灵的顺序将它们镶嵌在了无限手套上，打个响指就轻松消灭了宇宙一半的生命。最近只要在谷歌搜索「灭霸」或其英文名Thanos，就会在搜索页右侧的信息栏上看到一个「无限手套」的图标，点击即可看到伴随着无限手套打响指的动画,搜索页上一半的搜索结果都会变成粉末随机消失！这样从形式到含义都很贴切的彩蛋设计可以说神还原原作了。

产品：Google 作者：Google设计团队 猎人： 小白

优设精选专题 查看更多

291851人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

这两年，设计类新书层出不穷，眼花缭乱之时也让人无从选择。本专题收纳了各个领域（平面、交互、心理学等）专业人士提供的书籍建议，全是纯正好料，想屯书的抓紧了！为了帮大家节省时间，最后还附上超详细的读书笔记，帮你快速纵览全书。
查看专题
565125人看过 8篇文章

自学UI

设计高手的自学方法大全

授人以鱼不如授人以渔，UI 设计是门庞大的学问，单靠专题不免挂一漏万，所以本专题不分享技法层面的知识，而是将前辈的自学经验集结起来，帮你掌握正确的学习方法和思路。
查看专题
143395人看过 8篇文章

手机摄影

掌握拍摄窍门去朋友圈收赞

本专题精选了全球iPhone 摄影大赛人物类冠军和泼辣修图叶明的多篇好文，从基础构图、裁剪方法到摄影技巧无一不包，对于新手而言，看完这个专题，足以拍出一组不错的作品发到朋友圈咯！
查看专题
625660人看过 7篇文章

英文字体

高手都在用的英文字体打包下载

英文字体世界浩瀚无涯，想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上，不仅有专业平面设计师和网页设计师特供版，更有顶尖设计师灰昼倾情分享个人字体包，话不多说，是时候为你的字体库腾出一个位置来咯。
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

iPad 插画练习技巧和速写方法入门科普

闫实
优设大课堂人气老师

Q版头像Ai插画疾速入门指南

不需要手绘板，零基础也能快速上手，6大知识点带你绘制专属卡通头像

周小馋
优设大课堂人气老师

UI设计师直通大厂的简历&面试秘籍

用科学系统的方法提高求职面试的成功率，比内推还有效的大厂秘诀

慕青
知名大厂设计师

包装插画入门学习指南

从接单、沟通、IP形象设计到包装印刷落地的完整过程呈现

鱼吉
艺术院校老师

腾讯设计师求职成功指南

国内顶尖设计团队「腾讯ISUX」设计师亲自撰写的求职面试经验

腾讯ISUX
国民级产品设计团队

成长型插画师的插画练习术

Dribbble 人气插画师快速成长的插画练习术揭秘

风绽
资深插画师
查看更多热门课程 > >
版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计 优设网 在这里