原型设计-高校社区

一，对比分析墨刀、Axure、Mockplus等原型设计工具

1，墨刀

墨刀的上手速度非常快，大多数功能都是一碰就会，而且自带中文视频教程，新手可以很快上手学会。墨刀的产品定位是设计移动端原型设计工具，适合用于手机APP、微信小程序、以及手机Web界面的设计。其自带的部件、交互、功能，能满足移动端产品原型的设计要求。并且墨刀的布局是固定界面，选择移动端的布局便可以开始设计你的移动端的原型，在测试过程中还会添加手机外框来增强视觉体验。同时还提供非常的多的模板，方便原型的设计。

优势：
①用户体验非常好，简化了基础操作，上手非常快，配备中文教程以及视频教程。
②有非常多出色的模板，在进行原型设计时也有许多已经设计好的控件模板可以直接使用。
③墨刀模板倾向的设计风格是Android和ios系统，适合制作移动端应用的原型。
④可以直接使用网页版上手设计，其原型也是保存在网络上的。

弱势：
①因为墨刀的产品定位就是设计移动端原型设计工具，导致其交互效果、控件组合、以及操作面板的选择上都没有Axure灵活。
②很多地方使用了线条连接，在使用的时候多出的线条总是容易看错，让用户感到混乱。
③不能上传自己的图标，只能使用系统自带的图标，给用户的感觉非常不自由。
④依赖网络，不支持离线编辑设计。

2、Axure RP

Axure作为老牌的原型图工具，功能最齐全，交互最多样。设计过程中可以将多个页面放在同一个窗口中设计，不仅能够在设计的同时对比，还可以同时修改多个界面的布局。原型设计中，风格统一非常的重要，Axure能更加直观的进行设计。但是Axure其自身安装携带的元件非常少，需要引用第三方素材库才能达到很好的美观效果。适合设计师深入的打磨包装来实现炫酷的效果。

优势：
①基本任何想要的效果都可以实现，因此在制作PC端原型图上非常方便。
②其动态面板以及中继器等功能非常强大，而且自由度非常高，支持引用第三方素材库。
③元件属性非常的多，实现界面的能力非常强大。

弱势：
①Axure的功能虽然强大，但是并不是那么容易好上手，对新手不友好。
②需要自己手工设置设备布局，过程繁琐。
③Axure自身携带的素材不多，大多数的原型设计都需要去寻找第三方素材库，资源加载速度慢。
④需要下载工具。

3，Mockplus

其特点与墨刀类似，但简化了更多的基础操作。另外加入了画板，其中融合了思维导图的特点，非常具有层次感，与墨刀连来连去的线条相比，这个画板更能体现设计者的思路。可以直接展示给客户，非常适合用于体现软件思路。但与Axure相比，Mockplus和墨刀一样显得有些简陋了。但其快速设计的特点非常适合墨刀设计

优势：
①基础的功能齐全，能非常快的上手使用。
②效率特别快，新手不需要专门学习如何使用。
③更具层次感，适合产品经理使用。

弱势：
①适用人群范围小，仅仅只适合产品经理等，用来制作概念原型。
②功能简单，无法实现许多炫酷的功能。
③工作界面局限，对原型设计师来说，有点施展不开。

二，详细的需求分析

题目选择：高校社区

1、项目需求如下：

面向普通学生，集合了社团的信息，特色功能是活动的浏览，以及活动的发布通知，同时还具有查看个人信息等功能

2、功能：

发布活动、通知活动变更

3、界面设计

主页：推送近期将要进行的活动或已经举行的活动

点击活动、社区事务或个人中心可跳转到相应页面

活动:将获得近期举行的活动

点击社区事务或个人中心可跳转到相应页面

社团事务：将活动社团、团队的信息

点击活动或个人中心可跳转到相应页面

个人中心

点击左上返回图标，可返回到主页

三、总结

自己在本次的作业的过程中主要使用的是摹客来完成作业。原本以为十分麻烦且枯燥的作业，没想到做着做着觉得还挺有意思。简单的操作，实现了一个原本需要使用HTML/CSS实现的界面，在没完成本次作业之前，我是完全不知道还有这样的方式来实现一个产品的原型，要是以前自己肯定会用前端去做这样的一个东西，这样肯定会花费许多时间。本次作业最大的收获便是知道了什么是原型、如何快速创建一个原型来简化和用户的沟通。