Archive for the ‘产品&设计’ Category

axure基础原型之搜索框的关键词联想&记忆

效果要求: 所谓的关键词联想是指搜索引擎根据大众用户的搜索习惯当某用户搜索某关键词的时候在搜索框下面自动联想,将最常用的相关搜索关键词组合呈现出来供用户快速选取进行搜索;所谓关键词记忆是指用户之前进行了一次关键词组合的搜索,当下次搜索该组合的前一个关键词的时候将之前的搜索记录呈现在搜索框下面,便于用户快速搜索相同关键词组合。这两种搜索在呈现方式上并无二致。 制作步骤: 布局好text filed、list box、以及button,其实基本效果只需在text filed里建立一个基本逻辑即可实现,为了实现过渡到搜索页的功能只需要在list box的各项里面再次加入一个逻辑即可。使用方法:在搜索框里输入“无敌”然后回车即可看到效果,或者输入“无敌”之后空一格再backspace退回到关键词那即可。

axure基础原型制作之地区-学校-学院三级联动

这个原型是在一个互换链接的朋友的博客上的省-市-区三级联动稍加改动形成的,是个比较常见的原型,于是我也试着做了一下。 效果要求: 有三级选项:地区—该地区的学校—该学校的学院,每个下级的选项都是上级的子选项。比如选择地区为“湖北省”,那么该地区的学校就得从备选的湖北省的学校中选取(武汉大学、华中科技大学、华中师范大学等),该学校的学院必须属于上一级的学校。 制作步骤: 1,  地区不需动态面板,一个简单的droplist即可,里面加入几个备选地区,比如湖北省、陕西省、北京市等。 2,  加入dynamic panel,其中panel里面的states的个数与上级的地区的个数严格对应,因为不同的地区对应于不同的区域学校,此处加入3个states,全部编辑,每个states拖入droplist分别添加对应的学校。 3,  在以上的3个states后面依次加入dynamic panel 是为了实现针对不同的学校显示不同的地区,这次panel的states的个数要对应于上级几个本地学校包含的学院的个数。 4,  给onchange添加case,其中step1添加条件的时候要选择if selected option of… Bug: 初次进入页面,它会默认出现:湖北省-武汉大学-武大信管 的选择,实际上它将各级的第一个分类直接显示在框中,这会造成不良的显示效果,比如你选择:陕西省,它自动将西安交通大学放在学校栏的第一个,这没什么好说的,但是第三级就没有跟着改变,它仍然是默认的“武大信管”,槑!所以我想知道——如何取消降低一个分类放在框里面。 附注: 后来的dynamic panel是不需要添加那么多的,只需要将一个dynamic panel放在学校后面即可,然后根据学校选择的不同,调动不同的学院的states。因为在一个页面内,axure都可以被调用。

axure基础原型之图片自动轮转播放

效果要求: 有5张图片,相隔相等的时间分别播放一张图片,播放完毕最后一张又转到第一张重新开始。 制作步骤: 1,  加入dynamic panel,大小不小于图片,编辑该panel,使之有5个States; 2,  编辑这5个states,加入5张图片,为了让图片大小和位置一致,可以在调整好第一张之后,右键选择edit location and size,之后几张都这样调整; 3,  给onpageload添加case,由于图1已经显示在最前面,因此转到下一个state应该是图2,并且转之前会有停顿时间设为2s,,,,,,转向图5之后需要再次停顿2s之后刷新本页。