经常有朋友问我,如何在从来没有用过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. CodeForces 486C Palindrome Transformation 贪心+抽象问题本质

    题目:戳我 题意:给定长度为n的字符串,给定初始光标位置p,支持4种操作,left,right移动光标指向,up,down,改变当前光标指向的字符,输出最少的操作使得字符串为回文. 分析:只关注字符串 ...

  2. Intent过滤,intent-filter

    Intent过滤 编写:kesenhoo - 原文:http://developer.android.com/training/basics/intents/filters.html 前两节课主要讲了 ...

  3. Python3.5.1 下使用HTMLParser报错

    pip 安装HTMLParser之后,import HTMLParser 使用的时候,报错"ImportError:Can't not find module markupbase" ...

  4. ZOJ 3331 Process the Tasks 双塔Dp

    用dp[i][j]表示当前安排好了前i个任务,且机器A和机器B完成当前分配到的所有任务的时间差为j(这里j可正可负,实现的时候需要加个offset)时,完成这些任务的最早时间.然后根据j的正负,分别考 ...

  5. Codeforces 510B Fox And Two Dots 【DFS】

    好久好久,都没有写过搜索了,看了下最近在CF上有一道DFS水题 = = 数据量很小,爆搜一下也可以过 额外注意的就是防止往回搜索需要做一个判断. Source code: //#pragma comm ...

  6. ubuntu学习: apt-get命令

    1.apt-get update 更新软件源本地缓存文件 2.apt-cache search 查找软件包,找到想要安装的包,如 sudo apt-cache search mysql-server ...

  7. 基于visual Studio2013解决算法导论之043单源最短路径dijstra矩阵

     题目 单源最短路径dijstra矩阵 解决代码及点评 // 26单源最短路径dijstra矩阵.cpp : 定义控制台应用程序的入口点. // #include <iostream> ...

  8. WM_PAINT消息小结

    WM_PAINT是Windows窗口系统中一条重要的消息,应用程序通过处理该消息实现在窗口上的绘制工作. 1. 系统何时发送WM_PAINT消息? 系统会在多个不同的时机发送WM_PAINT消息:当第 ...

  9. C++ 中dynamic_cast&lt;&gt;的用法

    /*这是从网上摘下的样例,主要讲述了 dynamic_cast<> 的用法.*/ /* 作用:将一个基类对象指针(或引用)cast到继承类指针,dynamic_cast会依据基类指针是否真 ...

  10. C++中rand()函数的用法

    C++中rand()函数的用法   2011-12-30 11:03:59|  分类: C / C++|举报|字号 订阅 一.C++中不能使用random()函数 random函数不是ANSI C标准 ...