利器系列-----利用墨刀来制作产品原型

2023-11-21 00:10

本文主要是介绍利器系列-----利用墨刀来制作产品原型,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

据猎豹全球智库《2018年Q3中国App市场报告》的统计,中国移动互联网用户日均使用APP时长排行中,通讯社交APP最高(43.1分钟),新闻APP第二(26.9分钟),短视频APP则紧随其后(18.2分钟)。无论是字节跳动旗下的全球下载量超过8亿次的抖音,还是腾讯发布的以微视为代表的9款短视频产品,都足以表明短视频领域的火爆。

然而虽然短视频类产品的数量非常多,但总体上的类型无非就是几种。为了便于大家分析研究短视频类产品,快速设计短视频类产品的产品原型,本次我们为大家带来了其中比较典型的产品——火山小视频APP的产品原型模板。

01 火山小视频APP & 产品原型模板介绍

火山小视频是一款15S原创生活小视频社区,由今日头条孵化,通过小视频帮助用户迅速获取内容,展示自我,获得粉丝,发现同好。在火山小视频APP内,拥有视频直播、弹幕评论、视频拍摄、同城交友等产品功能。其产品结构如下:

在火山小视频具体的产品原型中,主要包含了直播视频等内容的详情页、主播的主页面,视频拍摄界面,礼物充值界面,评论互动等页面,包含了绝大部分短视频类交互框架。

看完了火山小视频APP的产品结构以及核心产品原型页面,如果你有产品原型设计需求,不妨用火山小视频的产品原型模板快速搭建起自己的产品原型。

02 下载产品原型模板

打开墨刀,点击新建项目,选择所需的模板,点击「使用模板」即可将下载模板。        

 

03 快速复用产品原型模板

整体快速复用

如果你想要设计的产品和这个产品原型模板的结构、核心页面相似,那直接在墨刀中新建项目,选择使用这个产品原型模板,在这个产品原型模板的基础上修改、新增页面即可。

页面快速复用

如果你觉得原型模板中的某个页面之后可能会用到,那按Ctrl+A全选页面内组件,右键保存为「我的组件」,下次要使用时直接从「我的组件」中拖出即可。

当然,你也可以选择需要的页面,点击「移动」,转移到你设计的原型项目中。

组件快速复用

如果你觉得原型模板中的某些组件或组件模块之后可能会用到,那可以选中它们,右键保存为「我的组件」,下次要使用时直接从「我的组件」中拖出即可。

除了以上最新出炉的火山小视频APP 产品原型模板外,我们也给大家提供了覆盖电商,金融,教育,医疗,音乐等产品领域的模板,感兴趣的话可以注册墨刀,使用模板快速制作自己的产品原型~

更多参考:

1. http://www.woshipm.com/rp/614989.html?utm_source=tuicool&utm_medium=referral

2. https://www.jianshu.com/p/df2ee7584adc

这篇关于利器系列-----利用墨刀来制作产品原型的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/398438

相关文章

墨刀原型工具-小白入门篇

墨刀原型工具-小白入门篇 简介 随着互联网的发展和用户体验的重要性越来越受到重视,原型设计逐渐成为了产品设计中的重要环节。墨刀作为一款原型设计工具,以其简洁、易用的特点,受到了很多设计师的喜爱。本文将介绍墨刀原型工具的基本使用方法,以帮助小白快速上手。 第一章:认识墨刀原型工具 1.1 什么是墨刀原型工具 墨刀是一款基于Web的原型设计工具,可以帮助设计师快速创建交互原型,并且可以与团队

Spring Cloud:构建分布式系统的利器

引言 在当今的云计算和微服务架构时代,构建高效、可靠的分布式系统成为软件开发的重要任务。Spring Cloud 提供了一套完整的解决方案,帮助开发者快速构建分布式系统中的一些常见模式(例如配置管理、服务发现、断路器等)。本文将探讨 Spring Cloud 的定义、核心组件、应用场景以及未来的发展趋势。 什么是 Spring Cloud Spring Cloud 是一个基于 Spring

乐鑫 Matter 技术体验日|快速落地 Matter 产品,引领智能家居生态新发展

随着 Matter 协议的推广和普及,智能家居行业正迎来新的发展机遇,众多厂商纷纷投身于 Matter 产品的研发与验证。然而,开发者普遍面临技术门槛高、认证流程繁琐、生产管理复杂等诸多挑战。  乐鑫信息科技 (688018.SH) 凭借深厚的研发实力与行业洞察力,推出了全面的 Matter 解决方案,包含基于乐鑫 SoC 的 Matter 硬件平台、基于开源 ESP-Matter SDK 的一

JavaWeb系列二十: jQuery的DOM操作 下

jQuery的DOM操作 CSS-DOM操作多选框案例页面加载完毕触发方法作业布置jQuery获取选中复选框的值jQuery控制checkbox被选中jQuery控制(全选/全不选/反选)jQuery动态添加删除用户 CSS-DOM操作 获取和设置元素的样式属性: css()获取和设置元素透明度: opacity属性获取和设置元素高度, 宽度: height(), widt

C语言入门系列:探秘二级指针与多级指针的奇妙世界

文章目录 一,指针的回忆杀1,指针的概念2,指针的声明和赋值3,指针的使用3.1 直接给指针变量赋值3.2 通过*运算符读写指针指向的内存3.2.1 读3.2.2 写 二,二级指针详解1,定义2,示例说明3,二级指针与一级指针、普通变量的关系3.1,与一级指针的关系3.2,与普通变量的关系,示例说明 4,二级指针的常见用途5,二级指针扩展到多级指针 小结 C语言的学习之旅中,二级

JavaWeb系列六: 动态WEB开发核心(Servlet) 上

韩老师学生 官网文档为什么会出现Servlet什么是ServletServlet在JavaWeb项目位置Servlet基本使用Servlet开发方式说明快速入门- 手动开发 servlet浏览器请求Servlet UML分析Servlet生命周期GET和POST请求分发处理通过继承HttpServlet开发ServletIDEA配置ServletServlet注意事项和细节 Servlet注

使用XmlPullParser制作BindView工具

在之前我写过了一个BindView的工具,之前使用的最要是正则表达的文本分析做的。最近,工作我认识了Android的XML解析,我又想起了这个问题。发现这个问题,其实用XmlPullParser更好解决。所以我重新写了这个工具。简单多了,而且不用格式化代码。 先分析一下如何写,简易思路如下 Created with Raphaël 2.1.0 输入文本路径 读取x

C语言入门系列:初识函数

文章目录 一,C语言函数与数学函数的区别1,回忆杀-初中数学2,C语言中的函数 二, 函数的声明1,函数头1.1,函数名称1.2,返回值类型1.3,参数列表 2,函数体2.1,函数体2.2,return语句 三,main函数四,函数的参数与传递方式1,实参和形参1.1,函数定义(含形参)1.2,函数调用(使用实参) 2,参数传递方式2.1,值传递2.2,引用传递 五,函数原型与预声明1,

django学习入门系列之第三点《案例 小米商城头标》

文章目录 阴影案例 小米商城头标往期回顾 阴影 设置阴影 box-shadow:水平方向 垂直方向 模糊距离 颜色 box-shadow: 5px 5px 5px #aaa; 案例 小米商城头标 目标样式: CSS中的代码 /*使外边距等于0,即让边框与界面贴合*/body{margin: 0;}/*控制父级边框*/.header{backgroun