-
虽然画原型图的软件有不少,但我并没有过多的去留意这件事,也许我最先知道的是Axure,所以就有了接下来的事情。
-
其实对于Axure我也只是懂些皮毛,其操作起来并不是很熟练,但我在这上面有了一些发现和思考,我认为是值得分享的。
-
首先Axure是什么?,我自己的理解是“Axure是一款帮助我们画出想法,理清思路,有益自己或团队交流规则和信息的工具”。
-
Axure的模样(Axure RP 8)!
当我们打开Axure软件之后,会发现和其它类型的工具软件千篇一律,有许多相似之处!
如下图:
我们可看到,它的头部同样是一些必要功能的入口,和一些随着制作变化做出动态相应的细节,还有下面又分为三个模块,功能区,显示区,功能区。不过在这里我并不想细讲,大家只需要有个概念就行了,因为它的操作和其它工具软件非常相似,从这个角度来说最大的不便之处就是我们不了解它的各种功能具体的分布位置,不过这并没有关系,我们目前并非要让自己成为高手。
-
画原型图的最大障碍之一:
(如果你告诉自己,生活中每个人都需要购物,市场太大了,我也要做一款购物APP,并且我要做的更漂亮,更有吸引力,操作更简单,更舒适,我要让人们爱不释手。)
现在我们的想象很完美,但是当我们真的去做的时候,就会一脸茫然,我该如何下手,很显然,我们并不清楚它究竟长什么样,因为我们并没有去真正的操作过它,在我们心中还并未拥有一幅画。
-
千万别懵逼,现在来讲如何“在心中拥有一幅画”:
第一点:“抽象特点”(如果让你画人,你认为画出哪些必要特点会看起来像人,我这边觉得“头,胳膊,身子,腿”,是最关键的几个特点,拿到这几个点,我们即使忽略掉其它所有点,甚至无需考虑细节,他看起来也会像人,这就是抽象特点),
现在用这种思维来抽象我们的产品:(如果我们这款产品是一款购物APP,你认为俱备哪几点才能让人一眼就看出它是一款购物APP,我这边想到的最主要有三点,“商品展示,商品描述,商品价格”,只要俱备这三点,任何一个没有意识缺陷,并有一定生活经验的人都能理解这是卖东西的,当然这里仅仅为了理解而从一点最简化描述了,不过,使用这种思路我们可以对多个点进行抽象特点,然后综合到一起,形成一个完整的产品构图)
第二点:“好奇心与观察”(刚出生的小孩是一无所知的,仅有一些求生本能“如吃东西”,虽然他们拥有人类基因,和一个复杂的大脑,如果你让他的一生和猩猩生活在一起,不让他接触现代人类,那么到死他的行为也和猩猩无恙,可能它会表现的更聪明,但是也仅此而已。之所以会出现这种情况其根本原因就是他没接触过人类,这也是为什么神的模样长得像人,因为人虽然聪明但在创造不存在的事物上是很困难的,因为我们的创造力总需要一些基础作为支撑,牛顿不也是说过他站在巨人的肩膀之上吗!一个道理,所以我们要想在心中拥有一幅画,我们就要去观察,观察已存在的购物APP,优秀的或普通的,或着比较差的,当然或着是其他类别都可以,观察他们是怎么做的,尝试着去抽象它的特点,然后去理解它。
那么好奇心在这里又充当了什么角色呢?(如果说观察思考别人是站在巨人的肩膀上看事物,那么好奇心就是让这一过程变得更加愉悦。【说一件我对好奇心的看法,但是我并不能举出令我满意的例子来支撑我的这一看法,但我还是想谈一谈这块:“我认为好奇心是隐含在本能和价值观里的东西,并且在我们没有完整的价值观念时,它是以本能主导驱动的,但是当我们有了一个完整的价值观念后,即使它不够成熟,它也能接过本能的主导驱动位置,但是价值观并非一个定性的东西,一旦形成就不会改变,恰恰相反它很容易受外界干预,所以这也是我们做到对一件事物拥有好奇心的切入点之一,尝试着主动让自己接受来自外界的和自身的干预,这可以帮助我们培养对某一事物的好奇心。最主要的是我认为好奇心的存在有利于我们做出有感染力的东西,主导时代的东西!”】)
第三点:亲自动手操作:有句话说“空谈误国,实干兴邦“,所以要想在心中拥有一幅画,实际的动手操作还是有必要的!
-
来吧!现在开始上手Axure:
我在上面也已经分析过抽象特点,好奇心与观察,通过这两样我们同样也可以抽象Axure, 不过在聊Axure之前我们再来看点别的,(如果让你抽象宇宙你怎么抽象,我想也许就是混沌一片,星光闪闪。这个确实太过广阔,很难抽象,不过如果让你抽象生活中的一处场景,可能就没那么难了,如果你留意你就会发现,我们的生活场景及事物的抽象体,就是一些“规则和不规则图形”通过对这些图形的组合叠加,就可以画出我们所看到的一切,那么在Axure这款软件中已为我们抽象出了一般常见的图形,所以相对于一无所有,它会让我们效率大增)
举个极简单例子:(我们来画一款购物APP,当然我们这里并不是奔着真的能够使用去的,所以下面的只考虑部分情况){
-
在上面我们已经抽象了一点,所以我们来看以下它还有什么比较重要的点:
1:也许我们上面最初的那点抽象展示出的内容但并没有直观展示出用户最需要的,所以我们或许可以加一个内容分类,为了节省用户找到自己需要的物品的时间,我认为分类应该放在靠前的位置。
因为分类最简单的表达通过文字表述比较适合,可是我们要让它与商品展示有所区别,所以建议放在一个图形上,为了区分当前处于哪个分类上,或许加个不同的颜色比较方便。先就这些吧
2:也许我们想要了解用户的一些信息,或着留住这位用户,所以我想是否加一个用户信息的内容,可是把它放在哪呢,我们先放在下面怎么样,可是这块要如何展示呢?仔细想一下用户这块肯定不能与其他内容显示混淆,所以同上面的思路类似,也将其放在图形上,不过这块如果使用文字描述的话也可以,但是我们在最开始讲抽象时不是说过如何抽象画人吗,所以或许我们可以抽象出人的简笔画,放在图形上,这样会怎样呢?我们先来看看:
好像有点怪怪的,用户那块怎么会放在那里,好像与自己理解的有所差异,这里解释一下,因为我们为了更简单的说明问题,所以抽象的点比较少,因此用户那块如果单独占用一块区域显得不协调,也是一种对资源的浪费,所以这里的思路是做成悬浮的形式,可是这里又有了一个问题,也就是我们在画原型图的时候有些效果不是那么容易直观展现,所以建议我们可以在下面加上功能注释。
}
-
好了,基本入门思维结束了:
作为一种基本思维,肯定内容难以涵盖所有细节,但是根据上面的思路,已经足以让你画出简单的原形了,并且如果你想更深入的在这上面成长,上面的思路我想也会给你一些有意义的启发。
原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36756/