文档章节

如何制定AxureRP设计体系

stefainezhou
 stefainezhou
发布于 2014/04/14 11:27
字数 1431
阅读 19
收藏 0

经常有朋友问我,如何在从来没有用过AxureRP的公司或者团队里面开始使用AxureRP做原型设计?这个问题对个体来说不存在,因为个人 学习使用AxureRP时非常快速的,基本试着做几个原型实例就能把整个软件的功能摸透,独立再做几个原型虽不一定能够达到高手的水平,但应付工作肯定是 绰绰有余了。但团队或者公司用AxureRP的时候,是要从整体一致性上面去考虑的,因此需要对所有的个体进行整合,在合适的规则下变成整体,从而达到为 团队或公司所用的目的。

个人之前所处的两家公司在应用AxureRP的时候都是从无到有的,也是从那个时候起开始推广学习使用 AxureRP。在应用的过程当中,很多东西都是摸索出来的,不一定适合每个团队,不过有一定的参考借鉴意义,下面是个人之前的一些工作经验总结,希望可 以回答上面的那个问题。

定UI风格,对常用的组件进行视觉封装

这是针对中高保真原型的要求而言的,使所设计的原型能够尽 量的贴近实际,较为成熟的团队适合这么去做,不过创业团队可能初期不是很看重这个,则可以忽略这个步骤。简单来讲就是让UI设计师做一套WEB上各个元素 的展现样式,然后切割出来做成AxureRP的一个组件库,以达到共用的目的。当然所有元素的样式要有一致性,这里所说的元素就比如一个提交按钮的样子, 取消按钮的样子,页面Banner、背景、表格样式等等,无需特殊制作的可以使用AxureRP的默认组件库。这个步骤最终所要达到的效果,就比如支付宝 页面上的确认型按钮都是暗黄色的,则在设计原型的时候就采用这样颜色的按钮元素,使原型缩小与实际页面上的视觉差距,有利于评估产品的方案,且UI风格统 一了之后,可以避免个人审美因素造成的参差不齐。

定设计风格,抽取可复用模块

这个步骤适合那些产品已经有一个雏形可参考 的情况,对产品进行功能完善或者改进时,所设计的原型风格与已有产品形态保持统一,对于一些常见的小块区域的设计可以固定下来,以达到改动局部不影响整体 的目的。一般来讲,有了UI风格统一的保证,这一步骤所受的影响相对较小,因此不必投入太多的精力在这上面。如果是要全新设计一个产品的话,可以不考虑这 个步骤。

定交互规则,基本操作的走向和反馈等

这点我想很多人都清楚的,交互是一个产品的灵魂,每个产品都是自身特定的交 互模式,做的好还有可能成为标准,别人都会照着做。这个要根据每个产品自身的特点来决定,比如WEB产品和WAP产品的交互差别就很大,浏览网页和浏览手 机屏幕完全不是一个概念。不过我们只是制定一个原型设计的交互规则,没有必要非常的详细,有些东西在文档里面说清楚就可以了,但一些大的交互规则一定要定 下来,比如按钮操作的反馈,按钮的样式变换等等,这些在原型演示的时候最好要有,以取得良好的演示效果。有统一的交互规则,也能保持产品整体风格的统一, 很多公司都会编写一套《交互设计规范》,供所有的产品设计人员参考和遵循。

布局和排版规则

布局和排版比较好理解,就是要规定在相应页面有所对应的布局排版规则,如首页是三行四列式布局,详情页则是三行两列式;是采用左侧菜单右侧显示主题内容的形式,还是上面菜单下面内容的形式,这个可根据具体的情况而定,一旦定下来了,后面就都这么去设计。

制定设计规则

这点主要针对团队协作完成一个原型设计而言,AxureRP有共享协作模式,在修改之前要先签出,修改完毕之后再提交,在本地所做的修改在提交之前是不会影响共享库里面的文件的。就和开发人员提交代码一样,也应该制定相应的原型设计规则,否则会越改越乱。

这个设计体系基本适合大多数产品的原型设计过程,个体作战的其实也可以参考,以使个人所设计的一个系列的产品原型的风格都是统一的,当然不同的产品线可以有不同的设计体系。最后我要说明一点,这个设计体系不是必须建立的,但是有会比没有能够更好的维护和管理产品的原型。

有关Axure的课程,请前往:http://www.elsyy.com/course/5065
《Axure RP7.0从入门到精通》

© 著作权归作者所有

stefainezhou
粉丝 1
博文 12
码字总数 18516
作品 0
广州
私信 提问
浅谈用AxureRP做原型设计的学习心得

毫无疑问,AxureRP是一款优秀的原型设计工具,这已经获得大多数人的认可, 虽然其偏向于B/S架构的系统或产品的设计,不过设计C/S结构也是可以的,但 还是没有GUI Design那般专业,个人感觉毕...

stefainezhou
2014/04/12
1K
1
Axure RP Extension for Chrome

1、下载AxureRPforchorme06_2.crx 2、打开谷歌浏览器 更多工具->扩展程序 3、将AxureRPforchorme06_2.crx拖进浏览器、【勾选】允许访问文件网址 4、有时会出现【此扩展程序可能已损坏】,不要...

窗前三更月
2018/04/26
80
0
关于原型图这种线是怎么画出来的 用什么工具画出来的?

关于原型图这种线是怎么画出来的 用什么工具画出来的? 比如说我用AxureRP的话。

呆呆三三
2014/04/21
154
1
AxureRP安装不成功怎么回事谁帮我看看

AxureRP安装不成功怎么回事谁帮我看看

zaocha
2013/04/07
1K
2
请问 AxureRP 页面内容被隐藏了 怎么恢复

请问 AxureRP 页面内容被隐藏了 怎么恢复

andyliq
2014/08/24
95
1

没有更多内容

加载失败,请刷新页面

加载更多

CentOS7.6中安装使用fcitx框架

内容目录 一、为什么要使用fcitx?二、安装fcitx框架三、安装搜狗输入法 一、为什么要使用fcitx? Gnome3桌面自带的输入法框架为ibus,而在使用ibus时会时不时出现卡顿无法输入的现象。 搜狗和...

技术训练营
昨天
5
0
《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
昨天
8
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
昨天
10
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
昨天
6
0
PHP+Ajax微信手机端九宫格抽奖实例

PHP+Ajax结合lottery.js制作的一款微信手机端九宫格抽奖实例,抽奖完成后有收货地址添加表单出现。支持可以设置中奖概率等。 奖品列表 <div class="lottery_list clearfix" id="lottery"> ......

ymkjs1990
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部