首页 > 其他分享 >百度APP原型设计

百度APP原型设计

时间:2024-04-13 11:44:36浏览次数:27  
标签:界面 APP 点击 原型 Mockplus 墨刀 Axure 百度

一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求
(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
1.墨刀:
适用领域:墨刀适用于快速创建简单的交互原型,尤其适合设计师、产品经理和开发人员等各个领域的用户。
优点:①墨刀提供了丰富的模板和组件库,用户可以快速创建交互原型。
②它支持多人协作,方便团队成员一起编辑原型。
③墨刀支持云端保存和分享,用户可以随时随地访问和分享原型。
缺点:①墨刀的功能相对简单,可能不适合制作复杂的原型。
②其交互效果相对较弱,不够灵活。
③加载速度较慢
2.Axure:
适用领域:Axure适用于设计师、产品经理和开发人员等专业领域的用户,尤其适合制作复杂的原型。
优点:①Axure能够帮助设计师将设计概念迅速转化为可交互的原型,支持创建复杂的交互设计,如页面跳转、动态面板、条件逻辑等。这使设计师能够更直观地呈现设计思路,提高设计质量。
②Axure生成的原型可以直接导出为HTML文件,方便开发团队进行理解和实现。
③拥有丰富的插件和扩展,可以根据需要自定义工具功能。
缺点:①Axure具有较高的学习曲线,需要定的时间来学习和掌握。
②需要花费相应的时间。
③价格相对较高。
3. Mockplus:
适用领域:Mockplus适用于多种领域,如电商、教育、医疗等。它提供了大量封装组件、图标以及原型模板例子,能很好地满足各种设计素材需求。
优点:①Mockplus具有离线版,适合完全局域网办公或无法连接互联网的用户。
②其提供的组件和模板能够快速满足客户需求,提高设计效率。
③Mockplus注重用户隐私和数据安全,离线环境使用更安全更保密。
缺点:①相比于Axure等工具,Mockplus在生成原型文档方面的能力较弱。
②不支持复杂的交互设计和动画效果。
③功能较简单。
(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
①主体名称:百度APP
②功能:提供网页、图片、新闻、地图、视频、知道、百科、音乐、文库等,利用百度最优质的搜索资源,让搜索结果更精准,搜索历史、搜索建议为您简化输入操作,搜索信息更快捷。
③界面设计
1.首页

界面功能:实现搜索功能,发现新闻热点等
界面组成:搜索框,百度,视频,消息,我的
前置条件:登录后默认进入首页
后置条件:按自己所想,点击想要进入的页面
操作步骤:直接点击方可跳转界面
2.消息

界面功能:实现对话功能,删除对话信息等
界面组成:垃圾站,更多,消息对话框
前置条件:进入首页,点击底部“消息”
后置条件:点击想要对话的对象,进行交流沟通
操作步骤:直接点击想要对话的对象,跳转界面,进行沟通
3.我的

界面功能:查看个人信息,收藏,历史记录,书架,文件,订单等
界面组成:收藏,历史,书架,文件,订单,钱包,知乎,百度教育等
前置条件:进入首页,点击底部“我的”
后置条件:点击想要进入的组件,进行下一步操作
操作步骤:点击图标,进行跳转
4.我的音乐

界面功能:可以播放喜欢的歌曲,进行收藏等
界面组成:音乐,歌单,收藏,播放等
前置条件:在“我的”页面,点击“音乐”
后置条件:播放音乐
操作步骤:直接点击想播放的歌曲
5.歌曲界面

界面功能:可以暂停,上一首,下一首进行控制等
界面组成:收藏,喜欢,评论,定时,暂停,上一首,下一首等
前置条件:在“我的音乐”页面,点击“精卫”
后置条件:播放音乐,进行操控
操作步骤:直接点击想操控功能的位置
6.添加到喜欢列表

界面功能:将自己喜欢的歌曲添加到喜欢列表
界面组成:按键“我知道啦”
前置条件:在“精卫”页面,点击“喜欢”
后置条件:点击“我知道啦”
操作步骤:直接点击“我知道啦”
(3)界面切换流程说明
1.页面流程图

2.文字流程图

3.原型链接
https://rp.mockplus.cn/rps/Atbm2TUm_x/Mmp0WLXoG?

标签:界面,APP,点击,原型,Mockplus,墨刀,Axure,百度
From: https://www.cnblogs.com/liujiaqi123/p/18132650

相关文章

  • 不背单词app原型设计
    墨刀、Axure和Mockplus都是原型设计工具,它们各自具有不同的适用领域和优缺点。以下是对这三个工具的对比分析:1.墨刀:适用领域:墨刀适用于用户体验设计、界面设计以及互动设计。它适用于较小规模的团队和项目,尤其适合快速原型制作和迭代。优点:1.界面简洁直观,易于上手。2.支......
  • 打车APP原型设计
    实验题目:打车app原型设计一、实验要求对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。1. 墨刀优点:界面简洁直观,易于上手;支持多人协作,方便团队协作和沟通;提供了丰富的交互动画和过渡效果,使原型更具真实感;可以在墨刀上进行在线预览和测试,方便分享和获取......
  • 短视频app源码,一文带你轻松搞懂前端大文件上传思路
    短视频app源码,一文带你轻松搞懂前端大文件上传思路文件上传是我们在平时开发短视频app源码中经常会遇到的业务,如果只是简单的文件上传那还不足以作为项目亮点,而当我们给它加上切片、续传的功能,就不一样了。本文会带大家搞明白这些功能的实现思路,主要聚焦于前端部分,基于Vue3......
  • 老年手机原型设计
    一:对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。墨刀(MockingBot)适用领域:墨刀适用于快速原型设计和团队协作。它提供了简单易用的界面,适合不熟悉复杂设计软件的用户。优点:墨刀有丰富的元件库和模板,可以快速搭建原型。它支持多人协作,方便团......
  • JS 原型链查找 (上)
    我们都知道面向对象语言如Java,C++等都基本实现了封装,继承,多态等特性,用面向对象语言来编程的基本套路就是抽象出类,然后实例化,用实例调用方法来模拟进行程序间的通信.但JS不是面向对象的语言,或者我们称它的脚本语言,它的一等公民就是对象/函数.本篇这里主......
  • APP测试
    自我介绍测开自我介绍:偏嵌入式我叫柯泽灵,毕业于浙江大学信息与通信工程,目前在TPLINK的研发杭州分部测试8课担任自动化负责人,主要工作内容有两块,一是视频后端产品和智能家居产品的业务测试工作,包括测试用例开发、执行和缺陷跟踪;这块因为我们自动化小组主要负责相对成熟的产品,占......
  • flutterr 检测应用版本号、服务器下载文件 以及实现 App 自动升级、安装
    依赖package_info_plus:^7.0.0path_provider:^2.1.2#查找文件获取文件存储路径open_file:^3.3.2#打开文件插件permission_handler:^11.3.1#检测Apk是否拥有权限配置权限<!--在Android6(Marshmallow)之前的版本中,明确声明网络权限--><uses-perm......
  • uniapp实现虚拟列表(元素固定高度)
    一、应用场景当接口返回数据太多时,前端可使用虚拟列表,实现长列表。二、原理只有在屏幕部分元素被显示出来,并且被更新,始终只有固定数量的节点,不会卡顿。三、效果图四、思路步骤使用Object.freeze冻结对象,极大优化性能生成多个元素的options,或者动态获取根据onPag......
  • [题解][2022年江西省大学生程序设计竞赛] Remove and append
    题目描述给定一个包含n个整数的数组a。定义一个操作如下:从数组a中选择k个整数,将它们删除,并将它们的和追加到数组末尾。如果数组A比数组B(长度相同)字典序大,那么在A和B第一次不同的位置上,A的数字比B对应位置上的数字要大。例如,[0,1,14,0]比[0,1,5,6]字典序大,因为它们在第三......
  • 实验1-老年人手机原型设计
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、原型工具优缺点对比:1.墨刀优点:功能强大:可满足产品经理、设计师、开发在产品设计和团队协作上的主要需求,不需要采购多款工具来回切换同步。  2.功能特色:内置丰富的素材广场、图文结合的PRD模......