优优教程网首页里藏着的可爱表情，你发现了几个？ - 优设网 - UISDC

HOVER表情 优优教程网首页里藏着的可爱表情，你发现了几个？

产品：优优教程网 作者：美丫 时间：2018-05-25

猎人： Roc 优设 观众：2770人

细节描述

当初在制作优优网首页的时候，为了不让hover状态（鼠标悬浮）过于无趣，分别在「灵感频道」 「教程排行榜 」 「软件排行榜」的hover状态里设计了不同的3个小表情，而且设计者大有来头，正是人见人爱花见花开的美丫姐。她机灵的调整了图标状态后，从后台数据来看，这里的点击确实停驻时间长了一些，相信让用户会心一笑的同时，也拉近了用户和平台的距离感。不妨在你的下一个案例里也试试哟~

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 优优教程网# 情感化设计# 设计彩蛋# 趣味性

发表评论 加载中....

评论加载中....

下一篇

捕获自 Readme

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

有了小猫头鹰的陪伴，Readme的注册页竟然也可以这么有趣

注册新账号对多数人而言都是一件麻烦恼人的事儿，冗长的注册表单、复杂的注册流程都很难让人心情美丽。但于产品而言，用户注册...

官方微信

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

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

相关细节

交互手势 当你不喜欢我的时候，我的「心」都碎了~

在表现同一个图标的两种不同状态时，我们常常用置灰的方式表示默认状态而用主色表示选中状态，这样的方式是完全可以满足功能需求的。但是，很多团队和设计师没有满足于此开始研究怎样让用户操作的界面拥有人情味，也就是所谓的「情感化设计」。Tumblr的「喜欢」按钮点击时会飘出一颗大大的爱心，正好跟看见喜欢的事物心花怒放的感觉相对应；取消喜欢的时候是伤心的情绪，会有一颗碎成两半的心形摇摇欲坠，表现出「心碎」的感觉。这样的细节准确再现了用户当时的情绪，就像一个了解你的朋友在你身边一样，不觉为这样的产品点赞~ 投稿人：穆鑫

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

文案 说点什么吧，也许Ta都听得到

在互联网世界里，产品的情感接触点很多时候的主要载体都是文案。产品里一句戳中用户内心的文案，可能就会悄悄改变了用户的行为操作。「网易云音乐」评论区的内容一直为大家所津津乐道，但你有注意过它评论输入框里的提示语么？每次进入评论区，评论输入框里的提示语都是不同的。并且每句文案都有着恰到好处的情感浓度，配合着歌曲特别是很多情歌的意境十分贴切。听到「倾城」，评论提示语显示「说点什么吧，也许Ta都听得到」；听到「光年之外」，提示语则变为「怎么办，我好像开始已经想念了」。看到这样的提示语，你会不会愿意打开心扉留下你的故事呢？

产品：网易云音乐iOS 作者：网易UEDC 猎人： 小白

设计彩蛋 页面出错，dribbble让你去vote？

11月6日是美国的中期选举，也是「特朗普时代」的第一次国会选举。在这个重要的日子里，不仅Google的首页Logo变成了GoVote的字样来呼吁民众参与投票，连我们设计师熟知的dirbbble也响应了「号召」。在其加载出错的页面里，小卡片形式的设计图例拼成了vote字样。并且页面底部有调色bar，选择喜欢的颜色时vote字样就会立即切换成当前选择的颜色。这种展示方式颇具创意，不仅让用户在出错页不觉乏味，同时也将设计彩蛋与时事相结合鼓励了用户参加票选活动，一举两得。

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

用户体验 喜马拉雅FM的断网提醒，让我们感知到来自语音交互的温度

在使用视听类的App时，通常注重用户体验的应用都会在网络状态出现变更时暂停播放，并会呼出弹窗提示无WIFI状态以及向用户确认是否流量播放。喜马拉雅FM在网络状态变更时也有如此贴心的提示设计，但除了弹窗提醒与确认流量播放，在App使用期间一旦WIFI断开就会有很温柔的女声提示：「WIFI已断开」。语音提示的应用很好体现了平台的电台属性，也让产品更加有温度。投稿人：花栗鼠

产品：喜马拉雅FM iOS 作者：喜马拉雅团队 猎人： 小白

优设精选专题 查看更多

285300人看过 15篇文章

设计流程

从业余新人跨入专业设计师的那道坎

通过本专题，你可以先学习基础的产品设计、交互设计、UI 设计、平面设计等不同领域的流程，同时附上特定项目，诸如对话式交互式、交互规范、UED 团队等等的流程总结，最后用大量实例帮助你更加深入地理解流程的运用。
查看专题
135060人看过 8篇文章

Sketch 插件

省时高效的Sketch 插件全在这

工欲善其事，必先利其器。现在花10分钟认识一款新插件，就能在以后的工作中省下10小时。还等什么呢？
查看专题
254500人看过 10篇文章

每月设计干货

每月最新的实用设计干货及时送上！

关注本专题，每个月都会为你送上最新的字体资源、图标素材、高效工具和酷站推荐，保证满载而归！
查看专题
219411人看过 11篇文章

求职面试

那些不容易看到的面试技巧都在这

本专题收集了最常见的面试问题和答案，而且从面试官的角度告诉你，他们在考核什么。另外还有国内各大公司的面试流程分享，以及高手是如何应对面试的。能否跨入大厂，就看你有没有收藏了！
查看专题

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

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

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

Karen Holtzblatt
清华大学出版社

用户思维

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

约翰·沃瑞劳
中国友谊出版公司

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

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

唐纳德· A · 诺曼
中信出版社

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

梁景红
人民邮电出版社
书到用时方恨少 > >
设计师干货 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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