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

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

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

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

来自:http://www.itfarmer.com.cn/1682.html

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

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

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

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

布局和排版规则

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

制定设计规则

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

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

如何制定AxureRP设计体系的更多相关文章

  1. Axure基础系列教程

     Axure rp 6.5的软件安装.汉化与注册  认识Axure的软件界面 生成网页原型的三种方法 如何关闭IE浏览器在生成原型时候的安全警告 在chrome中使用axure生成原型的问题 站点地图 ...

  2. Windows 10的TPM模块到底是不是美国全球监控体系的奠基石?

    http://bbs.pediy.com/showthread.php?t=202638 http://www.zhihu.com/topic/19671262/newest 2015年3月18日,微 ...

  3. 浅谈PHP代码设计结构

    浅谈PHP代码设计结构 您的评价:       还行  收藏该经验       coding多年,各种代码日夜相伴,如何跟代码友好的相处,不光成为职业生涯的一种回应,也是编写者功力的直接显露. 如何看 ...

  4. UED团队规范设计参考及建议

    公司产品线逐渐增多,变动频繁且并行开发,常常需要设计与开发能够快速的做出响应.同时这类产品中有存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内容.通过模块化的解决方案,降低冗余的生产 ...

  5. 设计APP时我们该怎么做

    不得不承认,手机APP已经渗透到我们的生活中,根据数据统计,人们每天平均有3.9个小时是花费在手机APP的使用上的,可以预见,手机APP正在改变我们的生活.手机APP受到人们的欢迎,很多商家也看到了其 ...

  6. 《IDEO,设计改变一切》(Change By Design)- 读书笔记

    一.关于IDEO与设计思维 IDEO是一家世界顶级创意公司,而作者蒂姆布朗是IDEO的CEO.当然,在未阅读本书之前,我都是不知道的,也不会主动去了解IDEO和蒂姆布朗的.那么,我为什么要去读这样一本 ...

  7. API/SPI可扩展设计原则(转)

    API/SPI可扩展设计原则 博客分类: [设计体系]架构模式 API/SPISPISPI原则JAVA SPISPI机制  写本篇主要是用来后面写一篇可扩展性软件设计打好基础(苦于找不到一篇关于API ...

  8. UI设计行业中的“延禧攻略”,教你从青铜变王者

    最近一直在追<延禧攻略>,女主魏璎珞敢爱敢恨,有仇必报的性格吸引不少人,她从低贱的秀坊小宫女步步为营,最终成为皇帝最宠爱的令妃呼风唤雨.尔虞我诈的后宫,想要打怪升级光有颜值是万万不够的,更 ...

  9. 杂谈之界面设计和UI测试 (一)

    界面设计,是设计师的工作,UI测试,是测试人员的工作,UI测试究竟是测什么的?界面的排版布局?还是界面文字的书写错误?如果是排版布局,那么设计师该不会傻到设计一个看起来很不友好的界面,坐等测试人员发现 ...

随机推荐

  1. MD5加密解密

    方法一 首先,先简单介绍一下MD5 MD5的全称是message-digest algorithm 5(信息-摘要算法,在90年代初由mit laboratory for computer scien ...

  2. 【Maven】运行项目,报ClassNotFound错误

    我们在pom.xml中添加了那些依赖的jar后,一旦在代码中应用.当我们本地调试时,会报ClassNotFound错误,这是为什么?? 因为Tomcat不懂这些配置,你必须把Maven Depende ...

  3. D.6661 - Equal Sum Sets

    Equal Sum Sets Let us consider sets of positive integers less than or equal to n. Note that all elem ...

  4. Android面试题整理(1)

    1.Activity的生命周期      onCreate(Bundle saveInstanceState):创建activity时调用.      onStart():activity可见时调用 ...

  5. ViewPager,使用Fragment实现

    效果如图: 使用Fragment实现tab的缺点就是不能够滑动.不过应该也算优点,具体场景可以自由选择. 完整代码:imooc-tab022fragment,在我的百度云网盘上. MainAcgtiv ...

  6. [转]CENTOS 6.5 配置YUM安装NGINX+服务器负载均衡

    原文连接: CENTOS 6.5 配置YUM安装NGINX  http://blog.sina.com.cn/s/blog_69f467b70102uyux.html 参考博文: Centos下安装. ...

  7. django集成微博内容

    登录微博 我的工具 OK. 分享sns网站的网址分享道.去上面获取代码就可. 改版后叫微博秀

  8. DE1-SOC连接设定

    将电源供应器插上电源接口. 使用白色的USB Type B线材将计算机与DE1-SoC上的USB-Blaster II接口连接.此接口主要负责FPGA配置以及HPS Debug使用. 使用Mini-U ...

  9. cocos2d-x游戏开发系列教程-超级玛丽02-代码结构

    代码下载链接 http://download.csdn.net/detail/yincheng01/6864893 解压密码:c.itcast.cn 前景回顾 上一篇博文提到超级马里奥的游戏效果,大家 ...

  10. word2vec 中的数学原理具体解释(三)背景知识

      word2vec 是 Google 于 2013 年开源推出的一个用于获取 word vector 的工具包,它简单.高效,因此引起了非常多人的关注.因为 word2vec 的作者 Tomas M ...