hover的延时策略
　　hover是web交互里的一个重要交互动作，当鼠标指针悬停或者划过元素的上方时，会触发对应的反馈，或者展示隐藏的信息。
　　但是在实际的设计过程中，hover触发的东西并不是即时的。
　　如图，京东频道页中，左侧的商品导航是收起的。但是，当鼠标划过收起的区域时，它并不会马上展开导航。实际上你要在那里悬停0。3s左右，它才会展开。这样的目的是，防止当用户要点击京东logo时，划过这块区域，触发展开导航，造成视觉上的干扰。
　　京东频道页
　　实际上，使用电脑看网页时，大部分人都没有注意到，我们的鼠标指针并不“老实”：有时候，它会随着我们的视线，不由自主的移动。这个时候，就有可能hover到某些元素，触发某个行为。但是，这个行为并不一定是我们期望的行为，就比如上述京东的例子。所以，设计中采取hover延时的策略，减少这种“扰动”的发生概率。而当用户的目标就是hover触发某个东西时，也不会造成太大的影响。
　　这里我们来看一个，我认为应该算反例的案例：
　　百度糯米的频道页中，同样的导航收起区域，并没有对hover进行延时处理，反而，在划过时有很“强”的反馈效果。下图中可以看出，hover这块区域时，导航栏的宽度变宽了个人认为，这是一个很严重的干扰；
　　百度糯米频道页
　　百度糯米频道页
　　体验地址：百度糯米频道页
　　还是左侧导航
　　电商网站中，使用左侧的商品导航时，hover一级导航触发二级导航，也设置了延时。目的是为了保证，光标在移动到二级导航的过程中，不会误触发其他一级导航，从而导致当前的二级导航被切换。
　　这里的本质原因是，我们的鼠标光标在移动到二级导航过程中，它移动轨迹是在一个三角形里（如下图）
　　如果不设置这个延时，那么光标在靠近这个三角形的边缘时，就会导致当前的二级导航被关闭（如下图）

写给网页设计师的网页设计简史编者按：互联网的诞生本就是一个奇迹，作为其中最重要的载体之一，网页就是这个大时代最重要的缩影，相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史，……【细节思考】hover的时间策略hover的延时策略hover是web交互里的一个重要交互动作，当鼠标指针悬停或者划过元素的上方时，会触发对应的反馈，或者展示隐藏的信息。但是在实际的设计过程中，h……设计师的必备技能！你需要学会设计有意义的动效在今年的GoogleIO大会上，我参加了一个小的讨论小组，一同探讨跨平台设计所面临的挑战。这次讨论的内容信息量非常大，就像第一次去拉斯维加斯的那种目不暇接的感觉。这次Googl……移动设备手势分析用户是怎样操作手机的？增哥导读：了解用户是怎么操作手机的对于手机厂商和APP的设计者来说至关重要，如果你不仔细的研究，不依靠真实的数据。那么你之前的研究很可能沦为想象的玩物，快来看看真实的情况是什么……GoogleAndroidWear设计规范学习心得写在正文前的几句话随着AppleWatch明年开始发售，可穿戴设备市场会逐渐火起来，这里的主因不是因为AppleWatch会像当年的iPhone4一样开启了智能手机时代，……UI设计新手？试一试这7条法则（Part2）法则4：学会在图片上呈现文字在图片上优雅地呈现文字并不容易，这里给出6种方法。如果你想要成为好的UI设计师，你必须学会在图片上美观地呈现文字。优秀的设计师在这方面做……首屏大图：最大限度利用设计当下网页设计最重大的一项趋势，就是大图片的使用。不只是大，这些巨幅图片看上去就像在屏幕上活过来一样。用在页面顶部时，就是我们常说的首屏大图。如何利用这一趋势？需要从哪些工……适合开发者的UI设计7条法则（上）本文编译自Medium，作者是一位UX（UserExperience，用户体验）设计师，他通过自己学习UI设计的过程，总结出7条实用的法则，为UI设计新手提供了宝贵的经验。文章……重新认识控件（三）【选择框】最近总想着，“憋”出一篇“大”文章，但是事实上越是想憋，越是憋不出个满意的，索性写写小的观察和总结。也许写的内容不周全，但是自己写的舒心和惬意定义我自己的定义中，就……重新认识控件（二）【Web传图控件】图片和文字，都是一种数据形式。我平时对文本框的录入，报错和提交的设计比较多。最近涉及到图片控件的设计，细细琢磨一下，这玩意还有一些平时没太注意的细节点，感觉对于其他控件的设计有……高保真原型应保真到什么程度？阿拓带你飞：最近设计师、产品经理谈到高保真原型，但是都没有一个标准来确定应保真到什么程度。首先应该定义什么是高保真，其次考虑不同的交付对象，产品本身不同时期，不同环境下的高保真……电子商务网站设计分析面包屑导航网站中的面包屑导航（BreadcrumbNavigation）导航是一种作为辅助和补充的导航方式，它能帮助用户明确当下所在的网站内位置，并快捷返回之前的路径。面包屑的由来……