请问京东商城的导航是怎么用axure设计出来的？

kissfp · 发表于 2011-8-3 11:57:01

我刚入门不长时间，想做一个类似于京东商城的导航。但是总是设计不出那个样子。请高手指点

QQ截图未命名.jpg

这个就是京东的导航

而我做出来的就是
未命名.jpg

kissfp · 发表于 2011-8-3 11:57:45

二级导航里面不能做出像惊动一样漂亮请高手指点

高嘉琦 · 发表于 2011-8-3 16:36:30

如果想要实现这个效果，推荐使用动态面板来制作。
当点击左侧某个小标签的时候，切换右侧动态面板的内容。就可以实现了。
希望能帮到你

onebody · 发表于 2011-8-3 17:05:05

个人觉得原型更应该关注产品的功能有与没有, 而没必要过多关注功能的UI 和实现技术这些细节, 毕竟这些功能都有专业的人来做嘛:)

zhang7817244 · 发表于 2011-8-3 17:32:39

认同楼上的观点，什么叫PM产品原型？原型更多的是体现产品功能的应用，至于展示方式效果如何，那是UI和美工去设计的事，axure注重的功能和交互的实现，美工是让体验和视觉更优化。

老蔡 · 发表于 2011-8-4 10:05:54

我刚入门不长时间，想做一个类似于京东商城的导航。但是总是设计不出那个样子。请高手指点

要做比较麻烦，我之前调整了不少时间才比较像样。效果还是不能100%一样，例如从详细分类的框移开鼠标后不会自动关闭，只能去按右上角那个“X”了。

这个原型被老大否定了，我才拿出来给大家看看。

商品分类.rp (864.51 KB, 下载次数: 264)

像楼上的朋友说的，做原型不要奢求很逼真，高保真，除非上司要求很高。能够说明问题就行了。
如果要逼真，那多练习练习。

一穷二白 · 发表于 2011-8-4 15:15:22

下载不了。。。

月儿小师妹 · 发表于 2011-8-9 16:27:46

不要过于精细漂亮。实现功能就行了。美工要不然没饭吃了。囧啊。

吴金志 · 发表于 2011-8-9 16:29:51

组合 Dynamic panel 来实现!

BADBOY · 发表于 2011-8-16 14:30:21

4# 高嘉琦

个人建议使用MouseEnter,单击的话另页生成。。。

独自惆怅 · 发表于 2014-11-14 18:13:29

mark一下，周末学习

uiliu · 发表于 2014-11-20 11:09:13

看你的定位了。如果是产品经理，我不建议浪费太多的精力在交互效果上，更多的应该注意功能及功能逻辑上。如果是交互设计师的定位，那就应该把交互做好，包括提示、错误反馈之类的都要做一下。

动态面版就能实现这个要求了，而且很简单：鼠标移入，显示对应面板，隐藏不需要的面板。

再建一个稍大一点点的图片热区，放导航底部，鼠标移出时，隐藏所有面板。

不能完美解决，不过基本达到目的了。

uiliu · 发表于 2014-11-20 11:43:48

细节上都是可以通过类似的方法实现的。理解实现的原理，提出各种变通的解决方案，这就是做产品经理的精髓。

Axure有一点要注意的，就是热区是有层的概念的，上面的层会影响下面的层的响应，所以需要变通。

PS：原型毕竟只是为了达意，不是为了完美实现最终效果，纠缠于细节是否为最终效果，只是浪费人力。

稍微修改了一下。

莫菲儿 · 发表于 2017-5-25 16:54:59

鼠标移入是可以显示里面的内容，但是想点击里面的按钮呢？怎么设置显示时间长一些。