提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
转帖|使用教程|编辑:郝浩|2014-08-13 14:35:41.000|阅读 238 次
概述:本文是资深交互设计师苇子的一篇对于热门原型设计工具axure PR的教程式解读.
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
页面的主要页面和页面流程确定之后,就可以完善原型了。这时可以叫上产品部的同事一起来完成原型的细节工作。
①. 按照页面流程中所考虑的交互过程,体现在原型上面。出错,提示等交互细节也应有体现。这时你可能会用到变量、层等高级axure技巧。
②.增加说明
选中某个控件,在右边区域可以为此控件增加说明。
如果对于说明区域的属性不满意,可以修改属性:
不过这种增加描述的方式可能会干扰整个页面,很容易让浏览者以为是一个页面元素。也可以采取一种原始的方法为控件增加说明文字:
③. 为页面编号
当原型不再需要修改时,我们需要为原型页面编号,这样有利于与视觉设计师、前端沟通。
测试、产品需求文档编写参考、视觉设计参考、前端设计参考等。
①.不要过于追求技术表现
原型有些交互效果做出来会很花费时间,我建议不要过于追求技术表现效果,可以用些文字来说明交互效果。Axure软件的初衷是快速的设计原型,如果在一些技术方面交互设计师花费很多时间的话,就有些顾此失彼了。还是把真实的效果交给前端去实现吧。
②.为了减少沟通成本,在完善原型时,最好有一定的规范和标准。
Axure其实只是一种交互工具而已,交互设计最重要的还是想法,工具只是来帮你表现想法的。不必过于追求技术,不必过于追求视觉表现。我们在把握好整个产品方向的同时,应专注于交互流程、页面内交互、布局结构的创新和优化。
下面给大家介绍一些我工作之中记录下来的axure技巧。
大家有没有感觉到,当电脑配置低,页面元素很多的时候,移动页面是一件极其痛苦的事情,有一个好的方法可以解决这个问题:
在非输入状态下,按住键盘“空格”键,界面上的鼠标“箭头”会变成“手”,这样就可以很轻松的拖动页面了。
在axure中“ctrl+c”“ctrl+v”复制粘贴,会错位复制一个组件。怎么解决这个问题呢:
用快捷键“ctrl+d”可以原地复制一个组件。
如下图可以复制动作,就不用一个个的设置这么麻烦了。
很实用,特别是在制作过程中发现有些东西还是放在层中展现更好的时候,以前得新建一个层,再把它们Copy进去,现在只需要右键需要转换的素材或控件Convert>>Convert To Dynamic Panel:
您可以一次选取多个Radio Button,按下鼠标右键,并选择“Edit Radio Button>>Assign Radio Group”来设定 Radio Button 的群组关系。如此一来,当这些Radio Button输出到Prototype 时,就会形成真正的单选用户接口。
类似于中的定位功能,点击某一字母,页面就会定位到同一字母所在的区域:
用Axure怎么来实现这个功能呢?
a) 首先要用“image map region”在页面上定位一个锚点,并命名为“定位锚点位置”:
b) 然后再在点击的地方加上链接
如上图,勾选“scroll to image map region”,点击下面的“image map region”,打开对话框:
如上图,选择“定位锚点位置”这一项,选中“scroll vertically only”垂直滚动,最后点击确定。
设置完成,看看效果吧。
这里讲关于“条件”的简单例子。通过编辑条件,可以表现一些更高级的交互效果。
这个例子的效果是,用户切换左边的下拉框选项,右边的提示文字会随之变化。当选中的是图书时,文本框中的文字是“请输入图书名称或作者”;当选中音乐时,文本框中的文字是“请输入音乐名称或歌手”:
a) 首先在页面上添加以下的组件,并给下拉框添加两个选项“图书”和“音乐”:
b) 为组件命名
c) 为下拉框添加动作
选择“OnChange”
这时会弹出选择交互行为的对话框,如下图。选择add condition:
在条件选择的对话框中如下图设置,设置完后点击ok:
回到选择交互行为的对话框,这时选择下图这一项:
点击上图文本框中的“Variable and Widget value equal to Value”,打开设置变量的对话框,如下图设置:
d)重复以上操作,为下拉框添加case2,效果如下:
好了,制作完成,大家可以看效果了:
条件和变量这一块的功能还需要多多探索,有些功能还是比较强大的。不过在实际的操作中,大多数的富交互效果是很少用到的。
Recover files功能可以帮你找到几天前的文件版本。
点击file>>Recover file,打开对话框,你可以查看最近的文档了:
选择recover就可以恢复当时的文档。
看到的折折熊的一篇博客。
交互设计师一般都是出线框图为最终产物,但是往往很多产品只需要利用现成的视觉标准就可以画出原型。为了减少流程、降低沟通成本,所以我建议交互设计师在做类似产品的时候能够直接利用现有视觉标准进行原型的搭建,一般很多交互设计师会用Photoshop来实现视觉原型,但是效率和不可交互性还是存在很多问题,所以需要有一套完成的封装来执行视觉标准并且产生可交互的高保真原型。
本文转发自
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢