经常有朋友问我,如何在从来没有用过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. 物流追踪 - -GPS和GPRS应用

    源码1: #include<stdio.h> #include<stdlib.h> #include<string.h> #include<termios.h ...

  2. 安装帝国CMS遇到“修改php.ini,将:short_open_tag 设为 On”的解决方法+“建立目录不成功!请检查目录权限”问题

    想用安装个帝国CMS来做个网站,于是下载了程序,上传到服务器上,但是在输入安装路径的时候却给出了如下图示: 您的PHP配置文件php.ini配置有问题,请按下面操作即可解决: 1.修改php.ini, ...

  3. PHP学习笔记2-流程控制

    条件控制:if <?php function getLevel($score){ if($score>=90){ return "优秀"; }elseif($score ...

  4. HDU 3932 Groundhog Build Home 【基础模拟退火】

    和刚才那道是一模一样 不过求的是最小的,只要稍微修改一下就可以了~ //#pragma comment(linker, "/STACK:16777216") //for c++ C ...

  5. 432B - Football Kit

    解题思路: 暴力绝对TLE 一个队伍穿主场球衣的次数 = 这个队伍的客场球衣颜色与其他队主场球衣颜色起冲突的次数 + (n - 1) #include <stdio.h> #include ...

  6. (Problem 21)Amicable numbers

    Let d(n) be defined as the sum of proper divisors of n (numbers less than n which divide evenly into ...

  7. 在线QQ客服

    代码一: <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=451314789&si ...

  8. A*算法的C语言实现

    #include ”stdio.h“ #include “conio.h” #include ”assert.h“ #include “stdlib.h” #define MAPMAXSIZE 100 ...

  9. Qt如何读取ico文件中的image(使用QImageReader和QIcon)

    ico文件是一个容器,内部可以装载许多个image,我们可以通过QIcon的pixmap方法来获取需要的image QPixmap pixmap ( const QSize & size, M ...

  10. 基于visual Studio2013解决C语言竞赛题之0602最大值函数

     题目