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

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

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

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

猎人：小白观众：2924人

细节描述

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

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# drygital # hover # 团队展示 # 微交互 # 情感化设计 # 视觉 # 趣味性

发表评论加载中....

评论加载中....

相关细节

设计彩蛋随地球磁场变化的图标

细心的同学会发现在iOS 11 Beta4的图标设计里，Safari的指针朝向与iOS10版相比发生了轻微的偏移。这可不是设计师随意的设计更改，而是因为在现实生活里地球的地磁北极随着时间的推移在持续发生变化。过去的150年里地磁北极向北移动超过了1000公里，相较之前400年的移动速度有所加快。新版本的Safari图标指南针的指针发生偏移更改正是对这一自然现象发生的致敬。

产品：iOS系统作者：Apple设计团队猎人：小白

文案微博国际版，把讨厌的人花式「踢进」黑名单

现实生活中我们会遇到讨厌的人，但碍于方方面面，我们也只能无奈作罢。在虚拟的网络世界我们同样也会遇到那些让人不爽的人，这个时候就可以用我们的法宝把不喜欢的人加入「小黑屋」了。微博国际版将拉黑用户的功能命名为「踢进黑名单」，一个「踢」字很生动的表达出用户的情绪，微文案中一个字的差别就能给用户带来不一样的情感厚度。冒犯了我还要我对你好声好气？看我把你花式踢进小黑屋吧~ 投稿人：格尔

产品：新浪微博国际版 iOS 作者：新浪微博团队猎人：小白

设计逻辑「不阅即焚」的惩罚机制，会让你每天坚持学习么？

「作文纸条」每日提供的长文素材内容，自带「不阅即焚」功能。素材推送当天未被查看的长纸条会在用户下一次登录App时，出现「碎纸机」当着用户的面将纸条销毁并丢进「废纸篓」。只有通过参与平台的活动获得「万能胶」，才能从碎纸堆里将纸条恢复。这个设计逻辑很棒，利用了惩罚机制来告诫同学们素材的积累与写作的提升都并非一蹴而就，督促大家养成「当日事当日毕」的好习惯。但有趣的是，一些学生党反馈表示平时学习远离手机，每日都要登录App并不现实。寄宿制学校的学生只有周末回家才能看手机，周末好不容易登录应用了却发现小纸条儿都被扔进了废纸篓，反而打击了学习的积极性。对于「不阅即焚」的惩罚机制设置，大家觉得合理么？

产品：作文纸条iOS 作者：作文纸条团队猎人：小白

阅读体验你发现了么？我们的眼睛能快速感知光明，却需要很长时间去适应黑暗

很多手机都有「自动亮度调节」功能，根据周围的光线环境系统会自动调节屏幕亮度至最佳。但Apple大魔王家的亮度调节机制不仅如此，还真正做到了人性化。当你将iPhone拿到很亮的地方时，屏幕的亮度会增长得较快；但当你将iPhone拿到很暗的地方时，屏幕的亮度降低明显变慢了很多。这是为什么呢？因为科学表明人眼对于环境光线的适应程度是有快有慢的。人眼更能适应光线从暗变亮，而当环境由亮变暗时，我们则需要更多的时间去适应黑暗。所以，iPhone的自动亮度调节功能速度的不同，完全是为了配合我们的眼睛对光线做出反应的节奏呢～

产品：iOS系统作者：Apple 设计团队猎人：小白

优设精选专题查看更多

306410人看过 20篇文章

VR设计

从零开始的VR 设计学习实践指南

本专题可能是你见过最全面的VR 设计学习指南。从基础概念、主流平台到学习方法、实战案例无一不包，还有VR 前景探索，VR 相关资源包下载等等。来这里让你一站式学习VR 设计！

442266人看过 11篇文章

灵感专题

让创意如万斛泉源，不择地皆可出

灵感20%靠方法，80%靠积累。本专题除了有专业设计师获取灵感的方法，更多的是值得每天花时间逛一圈的灵感网站和APP，类型之丰富够你在灵感的海洋里徜徉遨游一整年了。

394044人看过 11篇文章

你丫才美工

一枚有态度又能讲段子的美丫姐

可能是最会讲段子的设计师，也可能是最有态度的段子手，微信公众号@你丫才美工，欢迎关注哟！

人看过 7篇文章

图标绘制指南

高手从零开始带你画图标

本专题由「超人的电话亭」撰写，旨在帮助新人设计师学会图标的绘制方法。从图标基础知识到5大图标类型绘制方法详解，最后附上图标应用方法。UI 设计新手学习图标之前，建议完整阅读这个专题，帮助极大。

设计师基础理论书查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt

清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳

中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼

中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett

机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter

机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

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

微信扫码

扫码登录即表示您同意并遵守用户协议

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

把好文章收藏到微信

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