交互基础:四、交互基础案例

四、交互基础案例本节昆明网站建设小编将使用一个案例来介绍APP的基础交互。在制作网站和APP原型的项目中,最常见的用户体验效果就是通过全局导航菜单清晰地反应出

查看详情

交互基础:三、动作(Actions)

三、动作(Actions)动作是由用例定义的对事件的响应。做个最简单的说明:单击一个按钮部件,在当前窗口打开链接http://www.baidu.com。这个用例中的动作是【在当前窗

查看详情

交互基础:二、用例(Cases)

二、用例(Cases)通过之前昆明网站建设小编关于对图238和图239的模型的讲解,你应该已经对用例有所了解了。用例是用户与网站或APP之间交互流程的抽象表达。每个用例

查看详情

交互基础:一、事件(Events)

一、事件(Events)总体来说,Axure的交互是由以下两个类型的事件触发的。页面事件:是可以自动触发的,比如当浏览器中加载页面时,还有页面滚动栏滚动时。部件事件:对

查看详情

Axure——交互基础

本节昆明网站建设小编将介绍一些Axure中比较基础但非常实用的交互,可以让不懂代码的读者制作出可交互的高保真原型。在Axure中创建交互包含以下4个构建模块:交互(

查看详情

页面样式:(三)网格和辅助线

3.网格和辅助线网格系统介绍通过现实中与部分学员的接触和读者的反馈,笔者发现很多朋友对网格系统(GridSystem)和辅助线并没有清晰的认识,尤其是网格系统(此处特指

查看详情

页面样式:(二)页面样式编辑器

页面样式:(二)页面样式编辑器昆明网站建设认为页面样式编辑器允许你对原型的每个页面样式进行设置。此外,你还可以为特定页面创建自定义页面样式。在页面样式编辑

查看详情

页面样式:(一)页面样式

页面样式:(一)页面样式页面样式允许你使用【自定义页面样式】或【默认页面样式】,对不同页面进行设置和编辑,在AxureRP8中单击设计区域中任意空白位置,然后在右侧

查看详情

案例10:使用钢笔工具和改变形状制

在我们制作原型的过程中,通常情况下遇到使用图标时都会通过网络搜索或使用其他绘图工具(PS/AI/SKETCH等)来制作所需的图标。当然,使用Fontawesome等图标字体也是非

查看详情

部件操作——改变形状

6.改变形状在设计区域中选择形状后,部件【属性】面板中的【变形】工具就变为可用状态了,也可以右键单击形状部件,在弹出的关联菜单中选择【改变形状】,见图203-A。

查看详情

部件操作——转换为自定义形状: 

5.转换为自定义形状:AxureRP8内建的【默认部件库】和【流程图部件库】中的形状部件都可以转换为自定义形状。右键单击部件,在弹出的关联菜单中选择【转换为自定义

查看详情

部件操作——钢笔工具

4.钢笔工具AxureRP8中新增的特性之一,昆明网站建设觉得使用钢笔工具可以绘制自定义形状,见图189。绘制出的自定义形状是基于矢量的,也就是说在AxureRP8中随意调整

查看详情

部件操作——改变选择模式

3.改变选择模式在AxureRP8中有【随选模式】和【包含模式】两种选择模式可以在工具栏中找到,见图185。【随选模式】是默认的,当你单击或通过拖动鼠标区域选择部件时

查看详情

部件操作——组合

昆明网站制作提醒各位首先选择多个部件,点击右键,选择组合(Ctrl/Command+G),还可以使用工具栏对部件进行排序、对齐、分布或锁定,见图180。(图180)在AxureRP7中,当

查看详情

部件操作——添加、移动和改变部

1.添加、移动和改变部件尺寸添加部件:只需在左侧【部件】面板中拖放部件到网站设计区域即可,也可以从一个页面中复制部件并粘贴到另一个页面。移动部件:使用鼠标左

查看详情

挑战6:密码输入框禁用/启用的交互

挑战6.1:密码输入框禁用/启用的交互(一)请参考如下描述开始挑战:将【确认密码】文本输入框设置为【禁用】,当【密码】文本输入框的内容【不为空】时,启用【确认密

查看详情

案例9:同意协议方可继续注册会员

现在你已经对【文本输入框】部件及其不同的类型有了一定了解,下面我们通过一个案例来巩固一下。在这个案例中,用户在按要求输入用户名、密码和邮箱后,必须要勾选【

查看详情

案例8:给中继器中的项设置交替背

第一步:在【部件】面板中拖放一个中继器部件到设计区域,双击该动态面板,在右侧的【中继器检查器】面板下的【数据集】中填充数据,见图129。(图129)第二步:拖放两个

查看详情

挑战5:使用内联框架加载本地视频

现在你已经对【内联框架】部件有了初步认识,在案例6中详细介绍了如何使用内联框架加载网络视频,请你尝试一下能否独立实现使用内联框架加载本地视频和音乐文件。7

查看详情

案例7:使用内联框架加载可交互的

第一步:申请百度地图API秘钥。打开网址:http://developer.baidu.com/map/,注册账户并登录。申请Web服务API:http://developer.baidu.com/map/index.php?title=web

查看详情

案例6:使用内联框架部件加载网络

第一步:在优酷网中打开任意视频,在视频下面单击“分享给好友”右侧的箭头,然后在弹出的内容中复制flash地址,见图101。第二步:在Axure中,拖放一个内联框架部件到设

查看详情

案例5:使用【Value】来设置动态面

第一步:在设计区域中添加三个一级标题部件,分别将其文本内容设置为cat、dog、fox,然后添加一个【动态面板】部件到设计区域,给动态面板命名为pets,将准备好的三张

查看详情

挑战4:淘宝首页的轮播广告

再接再厉,要想彻底掌握Axure来实现你想要的交互效果,就要不断挑战和练习,现在网站建设小编请你仔细观察一下淘宝首页的幻灯轮播广告效果,见图91,尝试一下自己是否

查看详情

挑战3:带有状态指示器的轮播广告

随着你对动态面板部件的进一步熟悉,你能否独立做出如图90所示,带有动态面板【状态指示器】的交互效果呢(动态面板状态指示器,用来提示用户一共有几张广告图,当前显

查看详情

挑战2:可单击交互的轮播广告

现在你已经对动态面板不同状态间的切换有了初步认识,网站建设小编想请问大家现在能否独立做出图89所示,点击左右两侧箭头让图片轮播的交互效果呢?(图89)

查看详情

案例4:使用动态面板部件制作简单

首先准备好三张广告图像,见图82。(图82)第一步:在【部件】面板中拖放一个图像部件到设计区域,双击该部件导入广告图1,并将其尺寸设置为400×300像素,然后右键单击该

查看详情

案例3:添加一个自定义部件样式

下面,我们来创建一个自定义部件样式,然后将其运用于多个不同的部件上。修改该自定义样式,所有使用该样式的部件也会同步发生改变。第一步:在【部件】面板中拖放一

查看详情

挑战1:进一步熟悉部件交互样式

现在你已经熟悉了图像的【交互样式】和【指定选项组】,你能否独立实现图31中的尺码和颜色的交互效果吗?2.矩形、占位符、按钮、H1、H2、H3、标题、标签、文本段落

查看详情

Axure——案例2:图像选项组的交互

我们仍以购物网站中选择尺码的交互场景为例,当我们单击选择尺码M时,L和XL变为灰色(未选中)。同理,点击L码时,M和XL变为灰色(未选中),见图31。(图31)下面昆明网站建

查看详情

Axure——案例1:图像交互样式

在我们浏览购物网站时,经常见到这种交互效果,如选择商品的尺码、颜色,见图16。下面昆明网站建设小编就带大家来看看我们在AxureRP8中使用图像的交互样式实现这个简

查看详情
网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)