【摘要】在做淘宝WEB顶部的导航栏的过程中遇到一个问题，虽然后来解决了，但是总觉得会有更好的办法，下面小JAY分享一下制作原型过程中的经历。
　　淘宝顶部导航条：
　　在原网页上面，当鼠标移到用户名那一块区域时候，会弹出一个面板，具体如下所示：
　　先来说说我开始的设计思路：
　　（1）用户名（等级显示）可用标签来做；
　　（2）在这一块区域加上图片热区，用来实现鼠标移上去的交互动作：
　　具体实现如下：将面板做成动态面板，并且默认隐藏；
　　鼠标移动到图片热区，显示动态面板；
　　鼠标移出图片热区，再次隐藏动态面板
　　It‘ssoeasy！
　　可是原本以为简单几下设置就可以完成的原型，却被下面几个问题卡住了：
　　（1）怎么实现鼠标移上去背景颜色的改变（明显鼠标移上去背景颜色变白色）；
　　（2）怎么实现鼠标从用户名区域到面板区域，面板仍然显示，也许你会说很简单，在面板上设置一个鼠标移上时显示动态面板的交互动作。但是，你移不上去！！！！！
　　因为你必然要设置鼠标移出用户名区域隐藏面板，那么在向下移动的瞬间，鼠标正好移出面板区域，面板已经消失，在面板上设计的任何交互动作都是失效，
　　看着这些问题，瞬间感觉原来交互设计真没那么简单，就是这两个问题困扰了我一上午，不过功夫不费有心人，最终还是想出了办法：
　　针对问题
　　（1）我在用户名区域不仅用标签，而且还使用了一个透明无框的矩形框，并设置其在图片热区的下一层，然后设置选中的交互样式，即可解决
　　（2）既然不能移动到面板上面，那么我可以增加一个中间过渡的元件，帮助鼠标移动到面板上
　　问题全部解决了，自己的收获也是蛮大的，交互设计不是想想的那么简单，其中考验你的逻辑思维的能力不容小觑，还有在做原型之前要多花时间仔细审查我们想要实现的效果，不要粗心大意，否则的话不仅效率低下，而且可能要重头再来，得不偿失！！

制作淘宝WEB原型顶部导航条遇到的问题【摘要】在做淘宝WEB顶部的导航栏的过程中遇到一个问题，虽然后来解决了，但是总觉得会有更好的办法，下面小JAY分享一下制作原型过程中的经历。淘宝顶部导航条：在原网页……未来界面或交互设计：让你无需做选择选择太多未必是件好事。未来的趋势是：设计与数据双剑合璧，（在日常琐事上）直接替我们作出正确决定，为我们省下心力去抉择那些最重要的事。不久前，我决定买套大富翁跟儿子一起玩。……交互设计在扁平化网站建设中的作用交互设计强调的是互动设计，也即是用户体验的概念设计，而扁平化网站建设强调的是简化网站的边幅修饰，做到简洁易用，呈现在用户眼前的事物清晰易懂，说到底，关键还是在于用户体验，那么采……“致良知，知行合一”是用户体验设计之根本【导读】产品经理不仅要有专业知识，还要懂宗教！。所谓“大音希声，大象无形，大道至简”，去理解这寰宇中事物运行的规律，不仅是对产品经理所做的产品有帮助，更可以提升产品人本身的境界……Materialdesign无需照搬Google最近，我们决定替换一下我们常备的邮件app原型，换成更迷人、跟上时代的东西其中考虑采用了Google的materialdesign原则。但我们注意到。聪明的品牌会沿袭Go……17个绝美的初创公司官网初创公司是非常有意思的业务模式，员工都雄心勃勃、奋力工作、思维卓越。就我自己而已，我与很多初创公司协作过，我喜爱这种快节奏的环境。不过我最喜欢初创公司的一点，是它们极为重……10大理由告诉你为什么坚持好的设计设计师们都知道一个赏心悦目的网站是多么重要。今天我们要进行更深入地探讨，好的设计不仅仅是看着好看，更是一个可以带来效益的品牌。下面我们总结了10个理由，告诉你为什么好的设……交互设计三大法则科幻作家艾萨克阿西莫夫在他的机器人系列故事中创造了“机器人学三大法则”。这些法则被永久性地植入每个机器人，作为防止灾难、保护人类的最后一道保险。我很好奇，我们最后一道保险是什么……PaintCode用户操作指南（库篇）2。1核心概念（CoreConcepts）库是设计师创建和管理颜色、渐变、图形、图像以及变量的地方。库项目中的行为能够用户界面设计的需要。例如，设计师能够在不同的图……灵感的来源：产品设计灵感网站精选uka导语：做产品设计的小伙伴，你是不是会遇到这样的困惑，对着电脑或者本子想了整个下午都没有一个好点子，那uka告诉你个小方法：看书，想出新点子。比如翻开一本书，随机看到某个词……颜值高的网站设计优势最近到处都在讲颜值，颜值到底有多重要呢？说它不重要吧，它还是占有一定影响的，毕竟是给人的最直接的第一印象。今天，小编也来扒一扒那些高颜值的网站设计具有的优势。吸引视觉兴趣……【浅谈】网站APP登录界面设计无论网页或是移动APP的设计，很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。本文就移动APP表单设计进行浅析，看设计师是如何在设计与交互体验之间做到小而美的平衡。……