首页 > 其他分享 >墨刀原型设计——ClubSphere

墨刀原型设计——ClubSphere

时间:2024-05-09 21:34:14浏览次数:16  
标签:界面 母版 原型 组件 ClubSphere 墨刀 社团 页面

一、使用原因
此款软件在大二上学期软件工程导论课程的小组作业我就已经使用过。由于当时是组长,最后的期末作业是以小组为单位汇报ppt,但是我们通过写之前的分析报告,其实脑海里就已经形成了对我们软件的一些界面。但由于我们能力和时间受限,不能使用代码开发出来一款完全符合我们预期的软件,我就要在网上搜索各种推荐制作软件原型的网站,其实在我在网上查找的时候还不知道我做的这个东西叫原型哈哈。
二、同款软件主要缺点
通过对比axure和mockplus,由于我认为正版的Axure售价高,我们主要还是想使用免费的软件。动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本高。Axure只支持在本地设计。
mockplus不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。表格功能还需要完善。Mockplus对于一些过于复杂的功能,比如:判断和变量,是不支持的。所以在用户体验上会造成影响。也不支持手势交互,无法通过其设计制作一些较为精细的操作,而且设计界面不够美观。此外,对于产品文档的支持,也有不足。
经过尝试各种不同的制作原型的网站,墨刀是最适合我的。
三、墨刀的特点
1、它操作效率高,易于上手。并且在这个AI的大环境下,它也提供了AI生成原型,AI文字助手,AI智能填充,AI生成组件。
image

这几个功能一定程度上方便了我们,但他只能生成一些基础的简单的界面,也会由于我们表达不够准确生成不出来我们想要的效果。
2、它的动效也十分丰富。它还支持团队协作,多人同时在线编辑,分享二维码到微信等十分方便。可自动生成页面流程图。
image

3、专为移动端产品原型设计而生。基本上能满足移动端产品原型的设计要求并且系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少不必要的工作环节。
4、场景多元化
比如在以后我们设计网站小程序的准备工作时也可以使用此网站,它还可以制作后台、H5页面、可视化大屏、工业HMI这些不常见的原型制作。可见他的使用场景非常广泛。
image
5、云端保存,实时手机预览,多种手势,页面切换特效等多种功能!另外,墨刀能够快速创建页面连接,独创的拖拽连接方式,让页面间的连接关系清晰呈现出来。
虽然在一开始使用它的时候也会出现一些错误,比如画布大小不一致,运行到真机尺寸与真机不匹配,通过查看网上的教程已经基本能够掌握此软件的使用方法。一番对比下来他的页面比较整洁,并且有现成的模板,图标也比较丰富,基本能满足我想达到的效果。
6、批量完成规范化设计、后台原型效率翻倍
主要体现在他有强大的母版实例,同一个组件(组合)在多个页面多处都需要用到,但是当后期需要修改时,你想一次性修改所有这样的组件。此时就可以利用墨刀的“母版”了。母版具备以下功能与特点:
1)保存重复元素:墨刀支持将任何组件,无论是静态还是动态,转化成母版(master)。可以将经常使用的元素转化为母版,以便在多个页面和画布中重复使用。
2)创建多个实例:可以将母版直接拖动到画布中;在画布中创建的母版副本,即为实例,与母版间存在关联性,可以实现与母版的同步更新。
3)批量更新:母版的特点是具备“继承性”:只要改动母版,那么它所有的实例(instance)都能同步更新改动。
使用方法:选中某个组件右键菜单点击转换为母版就可以复用了。
image
7、清晰梳理网站结构
他很好地使用了脑图梳理网站sitemap,更加清晰地让用户梳理自己的思路,制作出更加严谨的原型。并且还能通过画流程图来让用户更加明确页面跳转的条件。
image
image

8、同时也提供了大厂资源,方便用户使用更优秀的组件。海量图标供用户选择。
image

四、ClubSphere(社团交流管理app)的原型
1.功能:
让用户更加清楚地了解本校社团信息,社团成员及时收到社团相关信息,让跨校活动举办的更加精彩。同时也为社团宣传提供了一个专门的平台。
2.主要界面及说明
1)登录注册界面
界面组成:包括手机号、密码输入框;位置可以直接手动输入也可以下拉进行寻找。左侧批注为了提高界面可读性。
前置条件:用户尚未注册账号/已注册可登录
后置条件:成功注册/登录后跳转主页。
image
2)主页
界面组成:顶端搜索栏、上侧添加轮播图组件、中间部分是发布的社团宣传信息,用户也可以发布社团信息。
前置条件:已经登录未加入社团不可发布社团信息
后置条件:可进行查看/搜索社团活动信息。
image
3)消息
界面组成:选择了消息页面,又自行添加了未打卡的任务,有一点和机型尺寸不匹配。
前置条件:已登录的用户。
后置条件:可进行简单交流并且查看任务。
image
4)附近
界面组成:有附近高校的按钮
前置条件:已登录的用户。
后置条件:可查看附近高校社团信息
image
5)个人信息
界面组成:头像组件、浏览记录、在线客服等组件
前置条件:已登录的用户。
后置条件:可查看/编辑个人基础信息
image
五、总结
任何软件都有自己的优缺点,找到适合自己的软件才是目的。此原型主要秉承页面简洁,用户上手容易,没有其他冗余功能,并且能够保护个人隐私。具有实时性、个性化推荐等功能。

标签:界面,母版,原型,组件,ClubSphere,墨刀,社团,页面
From: https://www.cnblogs.com/larheiheihei/p/18183110

相关文章

  • 原型工具分析及对比
    主流的原型设计工具包括Axure、墨刀、Sketch、AdobeXD、Figma等。下面我将对这几种工具进行简要比较,并重点介绍其中Axure、墨刀及对比。Axure的特点:1.Axure是一款功能强大的原型设计工具,适用于高保真原型设计和交互式原型制作。2.支持复杂交互、动画效果和数据驱动功能,可用于......
  • 原型设计工具
    AxureRP是一个专业的快速原型设计工具,它可以让设计师们利用需求,设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档,并且同时支持多人协作和版本控制管理。产品原型设计的最基础工作,就是结合批注、大量的说明以及流程图画框架图,将自己的产品原型完整而准确......
  • 主流原型设计工具的特点对比
    对比介绍几种流行的原型设计工具:Axure,墨刀(Mockplus),InVision和UXPinAxure特点:高保真原型制作:Axure支持复杂的交互设计和动态内容,使得原型非常接近最终产品的实际效果。丰富的组件库和模板:提供广泛的组件库和预设模板,便于快速构建界面。协同合作功能:允许多人实时协......
  • 原型设计
    我在这篇博客中将分享一些主流的原型设计工具,它们在我们开发一款为色盲设计的颜色识别应用时发挥了重要作用。我会详细介绍这些工具的功能和特点,并且说明Figma在我们项目中的应用。摹客RP(MockplusRP)特点:摹客RP是一个功能全面的原型设计工具,具有直观的拖放界面和丰富的组件库......
  • 原型设计工具
    在本篇博客中将主要介绍主流的原型设计工具。Axure开发公司:AxureSoftwareSolutions,Inc.官网:AxureRP-UXPrototypes,Specifications,andDiagramsinOneToolAxure的特点1.Axure拥有强大的交互制作功能,它能够实现复杂的条件判断和丰富的动态效果。这一点在设计具有......
  • 主流原型设计工具
    首先介绍的是Axure,它是一款功能强大的原型设计工具,广泛应用于用户体验设计和交互设计领域。以下是Axure的特点和使用方法:特点:交互性强:Axure允许用户创建高度交互的原型,包括动态效果、状态变化、条件逻辑等,可以模拟真实应用程序的交互过程。复杂场景支持:与其他原型设计工具相比,A......
  • Java学设计模式之原型模式
    一、原型模式概念原型模式是一种创建型设计模式,其核心思想是通过复制现有对象来创建新对象,而不是通过实例化类来创建。这种方式可以提高创建对象的效率,特别是当对象的创建过程比较昂贵或复杂时。在原型模式中,原型对象是一个已经存在的对象,它作为新对象的模板。新对象通过复制原......
  • ClubSphere项目主要风险和典型用户
    一.项目风险分析机会风险一、市场风险:1.市场接受度:市场对于我们软件的接受时间不确定,对我们的软件可能表现出较低的接受度。2.市场发展趋势:市场未来发展不确定,对于社团软件需求可能下降。3.市场知名度与拓展:软件前期在市场的知名度不高影响不大,极有可能被市场淘汰。4.市场宣......
  • 实验一原型设计————电商系统
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。1.墨刀:适用领域:产品设计,项目管理,可以利用墨刀绘制流程图,明确项目流程和时间节点,提高项目执行效率。优......
  • 实验一 二手平台原型设计
    墨刀、Axure、Mockplus等原型设计工具优缺点分析:一、墨刀优点:在轻量级的移动端原型制作更加迅速,展示更加方便。缺点:价格较贵,不能画流程图,相对于其他两款功能还不是很全面;应用局限性,专注于app原型设计,在后台和网页稍有乏力;归档能力不足,更倾向于链接、二维码形式输出,不能以文档输......