发个国外某网站的首页，算是对这段时间学习的检验，与大家共勉

forandy · 发表于 2010-11-12 15:38:35

通过这段时间的学习，逐渐掌握了一些axure的交互设计技巧，非常感谢论坛里广大热心的朋友们，从你们那里我学到了不少东西。
昨天花时间仿了国外某电脑品牌的官网首页，完全还原了原网站的交互，重点是导航条、搜索框和大banner，没有做下级链接，算是对这段时间学习的一个小总结，呵呵，给大家分享一下。再次感谢广大热心的朋友们，感谢伊老师提供一个这么好的交流平台。

（1、在导航条鼠标移动稍慢些，否则下拉列表可能来不及收回

forandy · 发表于 2010-11-12 15:56:13

1# forandy
附上源文件

戴尔官网首页.part1.rar (292.97 KB, 下载次数: 1152)

戴尔官网首页.part2.rar (292.97 KB, 下载次数: 948)

戴尔官网首页.part3.rar (292.97 KB, 下载次数: 928)

戴尔官网首页.part4.rar (192.03 KB, 下载次数: 898)

forandy · 发表于 2010-11-12 15:59:42

不好意思，尹老师的姓写错了:(

Cellge · 发表于 2010-11-12 17:00:54

3# forandy
挺好的，有点小不足，导航菜单的判断有些小问题，另外页面上还有些小瑕疵。鼓掌。。

forandy · 发表于 2010-11-15 15:41:27

4# Cellge 这个导航条做的我很纠结，为了保证下拉单的轮换效果，只好采用了铺设热区的方式，可是这样做不仅复杂，反应的灵敏度也有问题，不知道该怎么优化，或者更好的实现方法？

解宇 · 发表于 2010-11-16 11:53:03

在给楼主小建议，我一般做的时候有时间就尽情细致，就那个轮播图大banner，我就会用动态图层渐变消失上一个渐变显示下一个，平滑过渡，嘎嘎。
关于下拉条的，偶的解决办法是，不会用热区做命令就还用图片，
方法1.把未选中的一级导航做成图片，下拉列表也使用动态图层，只是在A切换B的时候做个复杂的切换显示B的下拉图层隐藏其余标签的图层，虽然操作复杂些，但是效果实现了。
方法2，把一级导航做在动态图层里，就是两个状态，然后切换可以用调用动态图层不同样式，当然所有的都得设置一次。。。。嘎嘎，我是笨人用笨招。。。。。

解宇 · 发表于 2010-11-16 11:54:26

给愿意分享的童鞋，鼓掌，偶们一起进步。

马国栋 · 发表于 2010-11-16 20:48:06

刚接触这个东西学习下

diyang · 发表于 2010-12-23 17:25:36

不错，学习啦~~~

erin_e · 发表于 2011-6-8 12:00:57

收藏学习了，谢谢分享~！

柒33 · 发表于 2013-2-22 17:55:56

下拉导航是“鼠标移入后显示面板”的操作吗？

柒33 · 发表于 2013-2-22 17:56:18

下拉导航是“鼠标移入后显示面板”的操作吗？

董海荣 · 发表于 2013-6-4 15:00:18

5# forandy

轮播的自动播放是如何设置的？看原型没有多谢

慕翼 · 发表于 2013-6-13 10:50:12

谢谢楼主！！！

hook09 · 发表于 2014-9-25 14:16:09

幻灯片轮播的自动播放怎么设置的？
请楼主指教谢谢

dscream · 发表于 2015-1-2 20:33:02

下载学习下，谢谢楼主

变成鸟儿的我 · 发表于 2016-9-12 10:24:46

谢谢楼主！！！

smdk000 · 发表于 2016-9-14 16:42:49

向你学习!~

e_boa@126.com · 发表于 2016-10-21 16:11:13

学习一下

发个国外某网站的首页，算是对这段时间学习的检验，与大家共勉

评分