墨刀的那些事

分享一下自己开始用墨刀遇到的问题:
超超呢最近加了学校的一个高大上的办公室(现在还是在学习考察期)叫不洗碗工作室(名字是不是贼六)。好了,敲黑板了,学长给我们的要求是在培训前先学习墨刀工具,可能有不少朋友还不了解墨刀,那我先来介绍一下吧:
墨刀:一款在线的移动应用原型与线框图工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理
当然了咱们的墨刀还是挺年轻的,仅仅在2014年上线
现在就由超超来说一下超超遇到的问题吧:
超超在打开墨刀后点击新建项目后由于好奇打开了套用项目模板!在这里插入图片描述
打开后如图所示,接着我们点击“编辑页面”
在这里插入图片描述
页面打开后,鼠标移到图片上,右键就会出现其他的界面在这里插入图片描述
于是咱们就可以一个板块一个板块的编辑了(这个时候双击那个页面就会出现微信自己要编辑的东西):
由于微信启动页是不需要修改的,所以我们就选第二个“微信支付页”,开始将创作人的·信息给修改成自己想要的文字信息
比如:

在这里插入图片描述
双击后就会出现蓝色字幕,就可以修改了(输入文字,符号)
接着打开下面一个界面
确认支付页
会发现那个黑色的文字怎么改,别慌,我也测了8次左右才发现秘密:
在这里插入图片描述
将上方的明亮的东西给移到一边去,然后鼠标右键那个黑色的图片(务必靠近文字)会出现那个选择图层的按钮,鼠标移动到对应的位置后就会发现有一个“文字”我们点击后就会发现那个文字边框变成蓝色,我们按下backspace健,就会删除文字,接着我们在右边的“内置组件”中选择文字,就可以进行编辑了
在这里插入图片描述
在这里插入图片描述
接着就可以用同样的方法将那个明亮的图片给移到原来的位置后,就进行一样的操作(双击直到出现蓝色的字体)进行修改,在这里插入图片描述
当然啦那个黑色里的Demo也是可以修改的
后面的操作基本相似,超超就不再赘述了
这个工具会给你答辩的时候带来让评委心动的感觉(有些东西你科创的时候并不一定做的出来但是可以利用墨刀来进行模拟,而且你设计的模块可以通过app在手机上体现(当然是没有后台操作的)
好了,超超希望这次分享能给你带来帮助
超超是大一学生,可能有些方面很low,希望大家不要喷我,谢谢!!!

### 墨刀中弹窗的实现方法 在墨刀这款工具里,创建交互式的弹窗对于提升用户体验至关重要。为了构建一个简单的弹窗组件并赋予其基本功能,用户需遵循特定的设计原则和步骤[^1]。 #### 创建基础页面结构 启动墨刀项目之后,在画布内绘制主要界面元素的同时预留出用于展示弹窗的空间位置。此空间通常位于屏幕中央偏上处,并且应当保持足够的尺寸以便容纳后续添加的内容模块。 #### 设计触发按钮 通过拖拽控件至工作区域来设置开启/关闭对话机制的关键部件—即“打开弹窗”的触碰热点或图标链接;同样地,还需准备另一个负责结束当前显示状态的对象(如“×”标记),二者均应具备清晰可见性和易于点击特性[^2]。 #### 构建实际弹层内容 利用矩形或其他形状组合成预期视觉样式下的浮层架,并向其中填充文字说明、图片资源以及任何必要的输入字段等细节部分。值得注意的是,考虑到不同设备间的兼容性差异,建议适当调整各组成部分之间的间距比例关系以确保最佳呈现效果。 #### 编辑交互动效属性 选中已建立好的浮动窗口实体后进入右侧栏目的编辑器选项卡下,针对目标对象定义响应于鼠标单击动作时所执行的一系列命令集合。具体而言就是当检测到指定条件满足时自动切换该图层的隐藏与否标志位从而达到显现或消失的目的。 ```json { "event": { "type": "click", "target": ".popup-trigger" }, "action": [ {"setLayerVisibility":{"layer":"myPopup","visible":true}} ] } ``` 上述JSON片段展示了如何配置一个简单的点击件处理器,它会在用户按下预设按键后使名为`myPopup` 的分层变得可视。 #### 测试和完善体验 完成以上设定以后记得进行全面的功能验证环节,确认所有逻辑分支都能按照预期正常运作无误后再考虑进一步优化动画过渡时间轴曲线参数或是增强图形质感等方面的工作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值