[翻译] Little Big Details —— 大产品，小细节

本文由 @Mysdes 原创翻译首发于 www.mysdes.com，转载请注明出处哟

Little Big Details 是一个专门收集互联网产品优秀设计细节的博客，由Etsy的设计总监 Floris Dekker 和设计师 Andrew McCarthy 创建并维护。文本将筛选一些优秀或具有代表性的案例翻译，翻译有误的地方，请给我反馈

 

注1：部分案例时间久远，目前可能已被更新掉。

注2：本文持续更新中。

 

▲Yelp 可以通过输入 emoji 表情来搜索

 

▲EA官网页头的背景色是#eaeaea

 

▲IMDB 的错误页文案会引用某部电影的台词

 

▲Windows8的计算器里输入100,000茶匙转换其他单位时，会出现一个大约等于多少浴缸的量

 

▲YouTube 在不同状态下，favicon 会相应的变更为缓冲中，暂停中，播放中

 

▲cvs.com ——当你长时间未操作，还剩5分钟即将被自动登出时，浏览器 tab 上会显示倒计时

 

▲当你正在读 InVision 的文章时，打开了一个新窗口，InVision 文章的标题会提示你“不要忘记读这篇文章”

 

▲Trello——当你正在准备点击“发送到 Trello”来代替添加到书签时，“拖拽这个链接收藏到书签”会变的越来越大

 

iOS 上的谷歌地图，当规划路线的步行时间超过5小时，步行小人的 icon 会变成一个背着背包的远足小人

 

 

▲谷歌翻译——当你第二次点击“听”按钮的时候，朗读语速会变慢

 

 

▲当你在 Spotify 上播放星球大战的歌单时，播放栏的进度条变成了激光剑

 

 

▲Slack——当联系人列表里有人处于正在夜间的其他时区时，状态 icon 上会显示一个表示睡觉的小 z

 

 

▲谷歌地图——你导航的目的地如果即将在1小时内打烊，会给你弹窗提示

 

 

▲Siri——如果你在午夜让 Siri 给你设置一个明天的闹钟，Siri 会让你再次确认是今天还是明天？

 

 

▲你的 Macbook 在高速运转导致风扇声音很大时，如果此时你使用听写功能，风扇速度会快速降低以让电脑听清楚你的声音。

 

 

▲Google Hangouts——当你发完一句“woohoo”，会闪现一个欢呼的小人

 

 

▲Yelp 侧边栏滑到底后继续滑，会出现一只恐龙动效

 

 

▲Spotify——当你取消他们家的订阅服务时，你会得到一个“Goodbye”听单，歌单名为：我们还能做朋友吗？

 

 

▲iPhone 6s 的网页介绍页面，滚动时会在 logo 和镜头上体现环境光的变化

 

▲Remembered.io——如果你停留在注册页面，会冒出 Shia LaBeouf 鼓励你 Do it 的视频

 

 

▲WhatsApp网页版会提示你的手机快没电了

 

 

▲Facebook Messenger 对话页面上，按住点赞按钮，图标会逐渐变大

 

 

▲iOS 的语音备忘录图标上的波形图是发音“Apple”的波形简化而来

 

 

▲kayak.com——搜索结果的筛选菜单，可以一键选择单个选项

 

 

▲Pocketcasts——鼠标悬浮在购买按钮上时，按钮会出现“shut up and take my money”的表情包

 

 

▲Random Password Generator——如果你选中他们网站的法律信息，背景色会变成德国国旗色，因为他们是德国制造

 

 

▲GTA5 在游戏里的虚拟网络页面里，鼠标光标会变成一个竖中指的手指

 

 

▲印象笔记时间格式会随着列宽的改变而变化

 

 

▲Google音乐，当你给某首音乐评分给1星时，自动切歌下一曲

 

▲The Noun Project——发送给用户的重置密码的邮件里一个 icon

 

▲Buffer——用户反馈时没有让你选择问题类型，而是让你选择你的愤怒程度，1.注意一点；2.我能应对，还是希望能修复一下；3.被难住了，怎样试都没用；4.头发都要抓掉了；5.情况紧急，严重批评。

 

 

▲TunnelBear——账户被降级(更换为更廉价的套餐)时的动效

 

 

▲把谷歌街景的Pegman小人拖到51区时，会变成UFO

 

 

▲Automattic——当你多次查看过某个工作机会的详情页时，会出现一段鼓励你申请这个岗位的话

“我们给不了太多帮助，但我们注意到你浏览过这个页面好些次，看起来你真的很像去那里工作，对不对？试一试申请一下吧”

 

 

▲谷歌地图上的建筑阴影是根据当时的时间实时变化的

 

 

▲MyFitnessPal（帮助减肥的App）——当你连续忽略了好几天的通知提醒时，会自动关闭推送通知

 

 

▲ReadMe——输入密码时，猫头鹰会蒙住眼睛

 

 

▲维珍航空——填完姓时，会和你打个招呼，填完名时，夸你名字不错

 

 

▲Fivver——鼠标悬浮时会显示账户余额是怎么结算出来的

 

 

▲Basecamp——卡通小人的手指会随着你正在填写的表单移动，且填写错误时人物表情会变化哟

 

 

▲PSN newsletter——图片加载失败时也要摆出汽车人的头像

 

 

▲Soundcloud——查看他们家网站的console log，会有招聘信息

 

 

▲Chocolat ——试用到期后，软件什么都不变，除了代码字体替换成“Comic  Sans”（这对程序猿来说很致命）

 

 

 

持续更新中……