首页 > 其他分享 >实验1————电纸书资源网页原型设计

实验1————电纸书资源网页原型设计

时间:2024-04-13 23:11:42浏览次数:36  
标签:网页 电纸 适用 原型 按钮 设计 交互 页面

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

1. 墨刀

  • 适用领域:主要专注于app原型设计,适合高保真原型、复杂多交互项目以及安卓/ios端项目。
  • 优点:操作效率高,易于上手,特别适合设计移动应用的交互原型。
  • 缺点:在后台和网页设计方面稍显乏力,归档能力不足,输出形式更偏向于链接和二维码,不能直接以文档形式输出。

2. Axure1

  • 适用领域:广泛适用于视觉稿、高保真原型、大型复杂项目、Web线框图以及网页原型的设计。
  • 优点:功能强大,编辑效率高,支持丰富的交互设计,可以项目共享,使得团队成员间可以同步工作,并保留所有工作历史,支持随时导出历史版本的项目文档。
  • 缺点:正版售价较高,可能不适合学生等预算有限的群体;动态面板和中继器等高级功能学习成本较高,需要一定时间掌握;只支持在本地进行设计,可能不适用于所有团队的工作流程。

3. Mockplus

  • 适用领域:适用于中低保真原型、快速原型、WEB/移动端/平板原型、线框图和视觉稿的设计。
  • 优点:基础版免费使用,操作简单易上手,功能多样且实用,支持团队协作和审阅,预览方式多样,包括无缝真机预览,适合快速开发迭代的模式。模版管理、组件交互动画、素描风格等功能为独有创新。
  • 缺点:不支持手势交互,可能在某些交互设计方面受到限制;虽然功能多样,但相较于其他高级工具可能在专业性和细腻性上稍逊一筹。



二、实验部分

1.主题名称

E-library免费电子书资源网站

2.功能

搜索下载电子书资源,可在线浏览电子书,且有登录功能

3.界面设计考虑因素

颜色:主题采用深色来降低用眼疲劳,按钮等交互部分使用橙色来与背景形成反差,更直观的给用户可互动区域
互动按钮:基本采用圆角矩形,平滑简洁
没套用模板


-- 界面演示

1.首页

可以向下滑动来进入推荐队列,顶栏和底栏固定。
顶栏:首页按钮用来跳转至首页,分类按钮暂未实现,排行按钮用来跳转至排行,登录头像和名称用来跳转到登录页面,搜索栏可以输入,搜索功能暂未实现
底栏:联系我们和关于我们详情页
image

2.详情页面

2.1.详情页面1杀死一只知更鸟

image

2.2.详情页面2杀堂吉诃德

image

2.3.详情页面3骆驼祥子

image

3.排行页面

image

4.登录页面

用户名和密码均可输入
image


-- 操作流程

image


演示链接:https://rp.mockplus.cn/rps/siShcKK5A1/sPq8ZgKu2C

标签:网页,电纸,适用,原型,按钮,设计,交互,页面
From: https://www.cnblogs.com/lain333/p/18133509

相关文章

  • 从Google网页中通过正则表达式获取json如何转换unicode对象
    场景:Google爬虫,获取下拉框搜索关键词,需要获取页面的里面的json字符串如下面:'{\\x22aa\\x22:{},\\x22abd\\x22:{\\x22abd\\x22:false,\\x22deb\\x22:false,\\x22det\\x22:false},\\x22async\\x22:{},\\x22attn\\x22:{},\\x22bgd\\x22:{\\x22ac\\x22:true,\\x......
  • 原型设计工具比较及实践
    一、对墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点的分析Axure:适用于制作功能复杂、交互多样的原型设计,尤其在PC端原型图上有优势。墨刀:适合APP和微信小程序的原型设计,也支持网页和桌面应用的设计。Mockplus:适用于快速原型设计,强调简单易用和高效,适合初学者......
  • 原型设计工具比较及实践
    一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1.墨刀:墨刀是一款专注于移动端原型设计的工具,具有以下优点:操作简单。用户界面整洁、直观,特别适合初学者和需要快速迭代原型的设计师。多平台支持。提供PC端、手机端和网页版,方便用户随时随地进行原型......
  • 原型设计工具比较及实践
    墨刀(Moqups):适用领域:1.墨刀适用于快速创建简单的原型和线框图,特别是对于初学者和小型团队来说非常友好。2.它在用户界面设计方面有一些基本的功能,可以用于创建简单的交互式原型。3.墨刀提供了在线协作和共享功能,使团队成员可以轻松共享和编辑原型。优点:4.简单易用,适合新手上......
  • 原型设计工具比较及实践
    一、原型设计工具比较墨刀(Moqups):适用领域:墨刀适用于快速原型设计和团队协作。它提供了简单易用的界面和丰富的元素库,适合用于设计简单的界面原型和流程图。优点:简单易用,无需复杂的学习过程即可上手。提供了丰富的元素库和模板,方便用户快速创建原型。支持团队协作,多人同时编......
  • 基于WebAssembly开发网页端
    基于WebAssembly开发网页端来源  https://zhuanlan.zhihu.com/p/162082688 序言QtforWebAssembly,是Qt在2018年发布的技术,于5.12加入到Qt,官方对此技术介绍如下:https://www.qt.io/blog/2018/05/22/qt-for-webassembly简单的说,这是一个让Qt程序可以直接跑在web中的一个方......
  • 原型设计工具比较及实践
    墨刀适用领域:移动应用和网页设计:墨刀是一个全面的设计工具,适用于移动应用和网页的设计适合快速原型构建和用户体验测试:墨刀提供了丰富的工具和资源,使得快速构建原型变得容易。它也适合用于用户体验测试,因为用户可以直接在手机上查看原型。便于协作和分享,适合团队项目:墨刀支持......
  • 原型和原型链
    1、首先构造函数为中心functionPerson(){}varp=newPerson();console.log('Person::',p)console.log(p.constructor===Person)打印如下:可以看出构造函数通过new得到实例,实例可以通过【constructor】得到构造函数。访问原型的方式:①显示原型构造函数通过proto......
  • 实验一keep原型设计
    一、对墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点的分析1.墨刀适用领域:墨刀同时也是协作平台,项目成员可以协作编辑、审阅,展示产品想法,向客户收集产品反馈以及在团队内部进行协作沟通。网页设计和移动应用界面设计快速原型制作和协作设计用户体验设计和交互设......
  • 原型设计工具比较及实现
    原型设计工具比较及实践目录一,原型设计工具比较1.墨刀2.Axure3.Mockplus二,原型设计1.主题名称2.功能3.界面设计考虑因素4.切换界面一,原型设计工具比较1.墨刀使用领域​墨刀是界面原型设计工具,用于创建应用程序、网站和其他软件的交互原型。......