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

news/2024/11/6 6:41:24/

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

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

目录

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

一.墨刀是什么

二.墨刀的作用

三.墨刀界面的基本介绍

四.墨刀中重要的组件

1.母版

2.动态组件

3.列表组件

4.表单组件

5.图表组件


一.墨刀是什么

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

二.墨刀的作用

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

三.墨刀界面的基本介绍

四.墨刀中重要的组件

1.母版

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

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

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

2.动态组件

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

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

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

 

3.列表组件

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

4.表单组件

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

5.图表组件

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

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


http://www.ppmy.cn/news/1047201.html

相关文章

js判断用户当前网络状态和判断网速

前端判断用户当前网络状态和判断网速 一、第一种是通过 HTML5 提供的 navigator 去检测网络(1)、原理介绍:(2)、兼容性 二、监听window.ononline和window.onoffline事件:三、通过ajax进行请求判断(兼容性好-推荐)(1)、原理介绍:(2)、注意: 四、navigator.connection方法监听网络…

ui设计师工作总结及计划范文模板

ui设计师工作总结及计划范文模板【篇一】 白驹过隙,转眼间某某年已近结尾,时间伴随着我们的脚步急驰而去,到了个人工作总结的时候,蓦然回首,才发现过去的一年不还能画上圆满的句号,内心感慨万千&#xff0c…

C 语言的 sprintf() 函数

<stdio.h> 原型: int sprintf(char *str, const char *format, …) 发送格式化输出到 str 所指向的字符串。 参数 str – 这是指向一个字符数组的指针&#xff0c;该数组存储了 C 字符串。 format – 这是字符串&#xff0c;包含了要被写入到字符串 str 的文本。它…

Java开发面试题 | 2023

Java基础 接口和抽象类的区别&#xff1f;Java动态代理HashMap 底层实现及put元素的具体过程currenthashmap底层实现原理&#xff1f;map可以放null值吗&#xff0c;currenthashmap为什么不能放null值synchronze和reetrantlock区别&#xff1f;怎样停止一个运行中的线程&#…

【前缀和】算法实战

文章目录 一、算法原理1. 一维前缀和2. 二维前缀和 二、算法实战1. leetcode560 和为K的子数组2. leetcode974 和可被K整除的子数组3. leetcode525 连续数组4. leetcode1314 矩阵区域和5. leetcode724 寻找数组的中心下标6. leetcode238 除自身以外数组的乘积 三、总结 一、算法…

Docker的Cgroup资源限制

Docker通过Cgroup来控制容器使用的资源配额&#xff0c;包括 CPU、内存、磁盘三大方面&#xff0c;基本覆盖了常见的资源配颡和使用量控制。 Cgoup 是CotrolGroups 的缩写&#xff0c;是Linux 内核提供的一种可以限制、记录、隔高进程组所使用的物理资源&#xff08;如CPU、内存…

Android学习之路(7) Frament

Fragment 表示应用界面中可重复使用的一部分。fragment 定义和管理自己的布局&#xff0c;具有自己的生命周期&#xff0c;并且可以处理自己的输入事件。fragment 不能独立存在。它们必须由 activity 或其他 fragment 托管。fragment 的视图层次结构会成为宿主的视图层次结构的…

go es实例

go es实例 1、下载第三方库 go get github.com/olivere/elastic下载过程中出现如下报错&#xff1a; 解决方案&#xff1a; 2、示例 import package mainimport ("context""encoding/json""fmt""reflect""time""…