绘制原型图的常用工具之墨刀

news2024/9/20 14:26:40

🥳🥳Welcome Huihui's Code World ! !🥳🥳

接下来看看由辉辉所写的关于OA项目的相关操作吧

目录

🥳🥳Welcome Huihui's Code World ! !🥳🥳

一.墨刀是什么

二.墨刀的作用

三.墨刀界面的基本介绍

四.墨刀中重要的组件

1.母版

2.动态组件

3.列表组件

4.表单组件

5.图表组件


一.墨刀是什么

墨刀是一款专业的产品设计与协作工具,旨在帮助团队快速建立界面原型、交互动效,并进行即时的协作和反馈。它具有简单易用的界面和丰富的功能,适用于各种规模的团队和个人设计师

二.墨刀的作用

墨刀的主要作用是帮助用户快速创建交互原型。通过简单的拖拽和连接,用户可以创建具有交互功能的界面原型,并通过多种方式展示,如点击、滑动等。这样的交互原型可以帮助用户更好地展示和演示产品的设计思路,试验用户体验,收集反馈意见,并进行团队内部的协作与讨论。此外,墨刀还提供丰富的设计资源库,用户可以轻松访问和使用各种界面元素、图标和模板,节省设计时间。墨刀还具备即时评论和批注功能,可以方便团队成员之间的沟通和协作,减少沟通成本

三.墨刀界面的基本介绍

四.墨刀中重要的组件

1.母版

🔺墨刀中的母版是一种模板,用于创建和设计多个页面或文档的基础结构和布局。使用母版可以提高工作效率,减少重复性工作,同时确保设计的一致性和统一性。母版可以包含页面元素、文本、图像、颜色、字体等设计元素,可以在多个页面中重复使用,从而节省时间和精力。母版还可以帮助设计师更好地组织和管理设计元素,使设计更加规范和专业

🔺当多个界面都需要用到同一个东西的时候,那么我们就可以使用母版。这就好比与我们的代码复用,当我们在许多地方都需要使用同一段代码时,那么我们会有意识的去将代码进行封装,这样我们在用的地方调用即可,后期需要修改的话也只需修改封装的那一个类。母版便也是这样,能够大大提高复用性以及提升我们的工作效率

🔺eg:我们可以观察下方的几个界面(原型图)它们都有一个共同点--都有上方的一个矩形以及左侧的树形菜单,所以我们便可以将这两个内容转化成母版

2.动态组件

🔺墨刀中的动态组件是一种可以在设计中添加交互功能的组件。它可以让设计师在设计中添加动画、交互和状态变化等效果,使设计更加生动、有趣和易于理解。动态组件可以在设计中模拟用户的交互行为,例如点击、滑动、拖拽等,从而更好地展示设计的交互效果。此外,动态组件还可以帮助设计师更好地与开发人员协作,让开发人员更好地理解设计的交互效果和实现方式

🔺我们许多的动态效果都需要借助动态组件来完成,所以这个组件也是特别重要的

动态组件顾名思义就是会动的嘛,因为我们在实际的运用中,并不是所有的跳转都是跳转搭配其他页面,也有很多的是本页面的弹窗,所以我们在做弹窗的功能时,就可以用到动态组件啦

 

3.列表组件

可以用来展示列表数据的组件,包括表格、列表、卡片等,可以让设计更加规范和易于管理

4.表单组件

可以用来收集用户输入数据的组件,包括单选框、多选框、下拉框等,可以让设计更加用户友好和易于使用

5.图表组件

可以用来展示数据的组件,包括柱状图、折线图、饼图等,可以让设计更加直观和易于理解

好啦,今天的分享就到这了,希望能够帮到你呢!😊😊  

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/902818.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

opencv-手势识别

# HandTrackingModule.py import cv2 import mediapipe as mpclass HandDetector:"""使用mediapipe库查找手。导出地标像素格式。添加了额外的功能。如查找方式,许多手指向上或两个手指之间的距离。而且提供找到的手的边界框信息。"""…

【MySQL】JSON 格式字段处理

MySQL 5.7 版本后已支持 JSON 格式,这虽是 MySQL 的一小步,但可以说是程序开发的一大步,再也不用将 JSON 内容塞到 VARCHAR 类型字段了,程序设计也会变得更加灵活。网上大多只针对JSONObject 对象类型,本文也将详解 JS…

Linux网络服务之iptables防火墙工具

I P T A B L E S 一、防火墙简介1.1 netfilter1.2 firewalld和iptables 二、iptables工具简述2.1 定义2.2 三种报文流向2.3 iptables的表、链结构(非常重要)2.3.1 "四表" ----- 规则表2.3.2 "五链" ----- 规则链 三、iptables配置3.…

适合低成本兼职的十个职业,做得好可能比上班挣得还多

这个年头干点什么兼职或者副业比较合适的,其实做兼职和副业就那么几条原则:最好是轻资产或者不投入资金,因为这个年代是现金流和储蓄为王,不能乱投资,一旦出了差错,更是雪上加霜。还有就是最好在网络上做兼…

对话音视频牛哥:开发RTSP|RTMP直播播放器难不难?难在哪?

我关注的播放器指标 好多开发者跟我交流音视频相关技术的时候,经常问我的问题是,多久可以开发个商业级别的RTMP或RTSP播放器?你们是怎样做到毫秒级延迟的?为什么一个播放器,会被你们做到那么复杂?带着这些…

一文详解4种聚类算法及可视化(Python)

在这篇文章中,基于20家公司的股票价格时间序列数据。根据股票价格之间的相关性,看一下对这些公司进行聚类的四种不同方式。 苹果(AAPL),亚马逊(AMZN),Facebook(META&…

裴蜀定理-拓展欧几里得算法--夏令营

题目 知识点 1.裴蜀定理: 欧几里得算法gcd辗转相除法 拓展欧几里得算法exgcd裴蜀定理 2.证明: 3.. 代码: int exgcd(int a, int b, int& x, int& y) {if (!b){x 1, y 0;return a;}int d exgcd(b, a % b, y, x);y - a / b * x;…

rabbitMq安装后无法启动可视化页面http://localhost:15672处理

本次安装环境信息: 系统:win10 64位专业版 erlang:otp_win64_23.0 rabbitMQ:rabbitmq-server-3.8.5 安装rabbitMQ需要依赖erlang语言环境,所以需要我们下载erlang的环境安装程序。 一、下载安装程序 rabbitMQ安装…

Lombok 同时使用 @Data 和 @Builder 的巨坑,千万别乱用!

1、Lombok 使用演示 Lombok 使⽤同时使⽤ Data 和 Builder ,构建无参构造器报错!编译不通过。如下图: Lombok 使⽤ Data 可以自动⽣成⽆参构造和类⾥⾯所有属性的 getter/setter ⽅法。可以简化我们代码的开发。(IDEA 需要安装 L…

Redis主从复制搭建

Redis主从复制搭建 Redis虽然拥有非常高的性能,但是在实际的生产环境中,使用单机模式还是会产生不少问题的,比如说容易出现 单机故障,容量瓶颈,以及QPS瓶颈等问题。通常环境下,主从复制、哨兵模式、Redis…

从关键新闻和最新技术看AI行业发展(2023.6.23-7.9第二期) |【WeThinkIn老实人报】

Rocky Ding 公众号:WeThinkIn 写在前面 【WeThinkIn老实人报】是WeThinkIn的全新栏目,旨在整理&挖掘AI行业的关键新闻和最新技术,同时Rocky会对这些关键信息进行解读,力求让读者们能从容跟随AI科技潮流。也欢迎大家提出宝贵的…

中国大学生服务外包创新创业大赛丨借 AI 之力,助“记账”难题

一、中国大学生服务外包创新创业大赛 赛事介绍 中国大学生服务外包创新创业大赛,是响应国家关于鼓励服务外包产业发展、加强服务外包人才培养的相关战略举措与号召,举办的每年一届的全国性竞赛。 大赛均由中华人民共和国教育部、中华人民共和国商务部…

08.SpringBoot请求相应

文章目录 1 请求1.1 Postman1.2 简单参数1.2.1 原始方式1.2.2 SpringBoot方式1.2.3 参数名不一致 1.3 实体参数1.3.1 简单实体对象1.3.2 复杂实体对象 1.4 数组集合参数1.4.1 数组1.4.2 集合 1.5 日期参数1.6 JSON参数1.7 路径参数 2 响应2.1 ResponseBody注解2.2 统一响应结果…

RHCE——二、时间服务器

时间服务器 一、时间服务器1、重要性2、Linux的系统时钟以及硬件时钟3、NTP网络时间协议4、Chrony介绍 二、chrony安装与配置1、安装2、Chrony配置文件分析3、实验3.1 实验13.2 实验2 三、chronyc命令1、查看时间服务器:2、chronyc sources输出分析3、其它命令4、常…

Docker网络的概念

一、说明 本文叙述Docker网络,介绍关于Docker网络、网桥网络、网桥网络、自定义网桥网络、主机网络、无网络 MACVLAN 和 IPVLAN 网络、叠加网络等网络模式。Docker 是一个用于开发、发布和运行应用程序的开放平台。 二、 什么是 Docker Networking? Doc…

如何在HTML里面使用session

原因在springboot项目里面不想使用jsp界面,怎么在HTML里面使用session呢? 借助sessionStorage方法,话不多说直接上代码 自定义一个js文件把这个代码放里面就可,根据具体业务来修改 // globalData 可以随便定义,调用的…

Facebook AI mBART:巴别塔的硅解

2018年,谷歌发布了BERT(来自transformers的双向编码器表示),这是一种预训练的语言模型,在一系列自然语言处理(NLP)任务中对SOTA结果进行评分,并彻底改变了研究领域。类似的基于变压器…

Shell脚本基础教程

Shell脚本基础教程 Shell参数定义 定义变量 想要定义变量,只需要使用如下命令即可。 variable_namevariable_valuevariable_name表示变量名,variable_value表示变量值。注意,等号与变量名和变量值之间不能有空格。 变量名的命名需要遵循…

速通蓝桥杯嵌入式省一教程:(六)PWM输出

定时器除了用于最基本的定时器计时中断以外,还可以用于输出PWM(Pulse Width Modulation)波,即脉冲宽度调制波形,也就是频率与占空比均可改变的矩形波。下面我们就使用PA1端口生成PWM波。 在Cube中,首先需要将PA1设置成定时器的通…

Android LiveData原理之-setValue和数据倒灌原理分析

一图胜万言,直接上图吧!有需要的同学们可以对着这张泳道图阅读源码,相信能够快速加深理解。