首页 > 其他分享 >原型设计

原型设计

时间:2024-04-11 19:13:16浏览次数:16  
标签:搜索 界面 点击 原型 按钮 设计 前置条件 书籍

一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

  Axure更偏向于“技术向”的客户端产品设计工具,可能是因为“国内早期的产品岗大都是从技术岗转型而来”,自然对这种“类IDE”编程语言向的设计工具更加热衷。

  • 优点:
  1. 即可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活;
  2. Axure有一套非常强大的交互编辑器可以实现复杂的逻辑的关系处理,使得模拟更加真实;
  3. 使用成本几乎为零;
  • 缺点:
  1. 不好看,在设计师眼中,Axure的默认元件和样式都无法接受;
  2. 学习成本高,高级元件的使用有一定学习门槛;
  3. 手机端演示效果差,服务器不在国内,自带元件库用处不大等;

  墨刀更偏向于"交互向"的原型设计工具,早期大部分用户使用的是web版本,简单高效的制作APP端°交互,快速的可以放在手机端进行演示和体验,真正的让产品体验放在研发之前,提前确认效果,降低研发试错成本。

  • 优点:
  1. 近乎完美的原型演示效果,几乎可以以假乱真,适合产品设计确认与交互验证;
  2. 丰富的元件,无需自己编写直接使用;
  3. 非常方便分享给他人,预览速度非常快;
  • 缺点:
  1. 不适合做文档,只适合做交互设计;
  2. 由于事件系统比较简单,无法演示复杂的交互效果,比如需要变量控制页面,数据排序等;

  Mockplus适用于快速原型设计,尤其适合中小型项目和团队使用。

  • 优点:
  1. 永久免费使用,操作简单,上手快,交互简单(只需拖曳就可以);
  2. 功能多样,组件资源丰富,预览方式和导出类型多样;
  3. 支持团队协作,矢量设计、实时协同、资源复用、快速编辑、兼容主流设计稿;
  • 缺点:

  Mockplus的缺点其实并不算很难堪,唯一的就是功能深化还需要加强深挖,做的更加的绕过用户体验起来更丝滑就够了。

二、实验部分

  以下是一个关于书籍阅读类软件的原型设计,内容丰富多样,涵盖新闻、科技、娱乐、文化等各个领域,用户可以根据自己的需求选择感兴趣的内容进行阅读,大家可以随时随地轻量化阅读书籍。在本次的原型设计中,我们采用了卡片式设计,卡片能提升页面的视觉设计感,更符合用户阅读的节奏,综合地提升阅读体验,同时也为页面跳转的交互增加了动画,从而让页面之间的交互更加流畅。


界面功能:上图为阅读页,可进行搜索,下方有推荐书籍,最下方按钮可进行四个主要界面的跳转;
界面组成:上方搜索框,下方推荐内容;
操作步骤:可在上方搜索书籍,也可点击书籍选择阅读书本,点击最下侧的按钮可跳转到对应的界面;


界面功能:上图为搜索界面,可根据需要的名称或关键字进行搜索书籍;
界面组成:上方左侧的返回键,右侧的搜索框,其下侧为推荐书籍;
前置条件:点击阅读页或者书架页的搜索框;
操作步骤:点击搜索框即可进行输入文字,搜索后即可找到自己需要的书籍,如不需要可点击左上角按钮返回到阅读页或者书架页(根据在哪打开的该搜索框就返回到哪一页);


界面功能:上图为书架界面,该界面为之前添加的书籍会保存在此处,方便寻找;
界面组成:上方搜索框,中间显示添加后的书籍;
前置条件:点击下方的书架按钮;
操作步骤:点击下方的书架按钮即可跳转到该处;


界面功能:上图为有声书界面,该界面书籍内容为有声书;
界面组成:上方为推荐书籍和搜索按钮,下方为榜单;
前置条件:点击最下侧的有声书按钮;
操作步骤:可点击上侧搜索按钮搜索自己需要的书籍名称,也可点击上侧其他分类的书籍,选择需要的书籍,也可点击榜单,查看榜单上的书籍;


界面功能:该界面为榜单书籍,显示最近火爆的书籍;
界面组成:主要为书籍内容,左上角为返回键,返回到有声书界面;
前置条件:点击查看完整榜单;
操作步骤:可滑动查询榜单上的书籍,可进行选择;


界面功能:个人信息及其他的设置;
界面组成:左上角信息通知,右上角设置按钮,下面为具体个人信息设置、账户内容等;
前置条件:点击右下角的“我”按钮,即为该页面;


界面功能:进行一些关于阅读辅助功能的设置;
界面组成:还有一些功能对应相应的选择按钮;
前置条件:在“我”界面点击右上角按钮;
操作步骤:在“我”界面点击右上角按钮跳转到该页面,根据个人要求选择或取消功能,完成后点击左上角返回键即可返回;


界面功能:个人主页,对该用户读书偏好等内容的一个总结,可进行分享;
界面组成:含有个人信息、阅读时长、个人书架的内容;
前置条件:在“我”点击头像;
操作步骤:可点击头像或网名对其进行修改,可点击分享该界面给其他用户,完成后可点击左上角返回按钮返回;

界面切换流程:

标签:搜索,界面,点击,原型,按钮,设计,前置条件,书籍
From: https://www.cnblogs.com/zhaosxin/p/18129724

相关文章

  • 手工店/陶艺连锁店视频智能监控监管方案设计与建设
    随着科技的发展,智能监控方案在零售行业中越来越受到重视。对于陶艺连锁店来说,建设一个高效的视频监控系统能够帮助管理人员及时监控店内情况,提高安全性并优化运营管理。TSINGSEE青犀陶艺连锁店视频智能监控方案旨在通过先进的视频技术和人工智能技术,为陶艺连锁店提供全面、高效、......
  • 微型充气泵方案开发设计研发
    微型充气泵方案是通过内部马达的运转来工作。抽气时,连通器的阀门被大气的气压冲开,气体进入气筒,而向轮胎中打气时,阀门又被气筒内的气压关闭,气体就进入了轮胎中。这是利用大气压的原理制作了微型充气泵方案来给汽车、皮球、电动车等产品测压充气。微型充气泵方案的主控芯片......
  • 一点单词原型设计
    一、原型设计工具比较墨刀➯优点✭较为丰富的组件,可以实现稍微复杂的交互功能✭优秀的协作功能可以实现多人同时协作,大大提高效率✭界面简单,交互方便上手时间快,学习时间较短,出作品时间周期快➱缺点✬大部分高级功能需要vip,对于偶尔使用的人或者学生来说,成本较高,且不划算✬......
  • 如何设计一个高并发系统?
    一、为什么要做高并发首先你得知道你当前的项目为什么要做高并发,之前的单体架构为什么不满足你的需求?当前的系统架构已经远远不能满足你的业务需求?当前的系统的并发数已经越来越多,加机器代理已经无法解决此问题?当前系统用户数越来越多,数据量越来越大,数据库极可能在崩的边缘?......
  • C语言程序设计(第四版)第五章主要内容
    本章主要讲述<选择控制结构>一、关系运算符与表达式1.既不能在<=、>=、==、!=的符号中间插入空格,也不能将!=、<=、>=的两个符号写反,更不能以相应的数学运算符相混淆。2.不要将==误写为=。3.用非0值表示"真",用0值表示"假"。二、用于单分支控制的条件语句if(表达式p) 语......
  • Battleship程序设计语言与技术
    程序设计语言与技术课业10:战舰截止日期以画布为准)对于HW10,你可以作为一个小组(不超过2名学生)工作。请提及您的每个代码文件顶部的合作者姓名。这个家庭课业比以前的课业更详细,所以请尽早开始它涉及以下主题:●继承和覆盖●访问修饰符●抽象课程(我们将在下一堂课中了解这些内容)●......
  • 顺通ERP:精细敏捷的设计理念,得到了消费者的喜爱
     顺通ERP是近年来备受关注的一款ERP品牌,其设计精细,操作便捷,备受消费者喜爱。那么,顺通ERP到底怎么样呢?属于什么档次呢? 首先,从品质上来看,顺通ERP具备高度的稳定性,能够确保企业的日常运营不受影响,软件经过严格的测试和验证,确保在各个环境下都能稳定运行。同时,软件还提供完善的......
  • 快递服务原型
    图一图二图三图四图一为快递服务的主界面,主要包括寄件服务,取件服务,以及物流通知等。(如图一)(1)在主页面中点击寄包裹,可跳转到当前页面,寄件页面中包含单个快递寄出,多个快递基础,寄件地址的详细信息,寄件的收费标准以及取件时间等,填写完信息之后就可以下单了。(如图二)1)点......
  • Java程序设计教程(第九版)1.4Java编程语言
    目录1.4Java编程语言Java程序注释标识符和保留字空白符1.4Java编程语言ava是第一种能够将编写的程序在Web浏览器中执行的语言Java程序基本结构:注释类(class)的定义方法注释注释应当揭示程序的初衷或意图,注释将被计算机忽略,并不影响程序执行两种注释形式://……(被......
  • Java程序设计教程(第九版)1.3网络
    目录1.3网络网络连接局域网和广域网因特网万维网统一资源定位器1.3网络网络就是将两台或多台计算机连接在一起,以便实现信息交换简单的计算机网络中,有一台用作文件服务器的计算机,用于保存网络用户需要用到的程序和数据网络连接网络连接方式近距离:点对点连接缺点......