第十周个人博客作业

了解原型设计的工具

墨刀

 

 

 

这是初始界面，可以选择不同种类设备模式创造项目

 

 

全局手势

适用于设置当前页整体的跳转手势及链接。拖入此组件，所选的对应手势操作会对当前页整体造成影响，如翻页。

 

 

链接区域

链接区域是一个不可见（透明）的区域组件，可将其放置于任意区域（如静态图片）上并为此区域添加交互。

 

 

图标

组件外观默认为「星星」，功能同组件名，墨刀提供了移动应用原型中常用的图标素材，使用此组件即可打开及使用内置图标素材库。

 

图片

组件外观为灰底白标，可直接用于原型界面占位，亦可上传.gif及.png格式的图片，并通过拖拽调整图片尺寸。

 

 

按钮

适用于制作各种功能按钮，外观默认为圆角矩形、文字居中、白底黑字。可直接打开图标素材库，为按钮添加图标，图标居左且不可自定义。

 

 

网页（外部网页）

适用于展示外部网页内容，在预览原型时该组件区域内会显示已设置的网页信息。

 

 

 

 

 

形状组件

 

形状组件包括矩形、圆形、直线、三角形这四种形状，他们的用法相似，将组件拖入工作区中，调节尺寸、设置外观即可

 

 

输入组件

输入组件包括单行、多行文本输入、多选、单选、文本选择及下拉列表框以及开关组件。

输入组件与其他类型组件的区别在于预览时此类组件是动态展示的，如：你可以在文本输入框中输入密码、点击switch来模拟开关效果。

 

 

工具栏

工具栏分类下包含的组件为标题栏、底栏、搜索框、标签、空白栏。

 

 

 

地图

根据当前网络环境显示不同的地图（中文、英文），预览时地图组件可以左右拖动模拟真实地图效果。

 

 

键盘

键盘默认至于页面底部，不支持移动其位置；预览时底栏区域及区域内组件默认为固定状态，不随页面滚动；此组件为静态组件，预览时不支持动态输入

 

 

批注组件

适用于对原型页面功能进行说明、备注，默认样式为黄色便签。批注组件是唯一可以在运行时显示的手机框外的组件，其他组件均不显示。

 

 

状态栏

该组件只有在当前页无状态栏的情况下才会显示在组件区。组件默认样式跟随所选设备机型，双击可修改服务商信息。

 

 

母版

 

 

母版可以复用于账号下所有项目，属性为继承——即编辑母版，当前项目中的所有对应母版实例都会同步发生改变。母版主要用于快速修改当前项目内某模块的内容及布局。

使用母版

母版的使用与其他组件用法相同。

新建母版，修改名称，创建；

进入「母版编辑区」，编辑母版内个页面布局，设置交互链接；

点击工具栏保存按钮，保存成功后，返回项目「工作区」；

将已创建好的母版拖入工作区中，调整位置，设置链接；

双击实例重修改母版的页面布局。

使用母版制作定时轮播图

创建母版，母版尺寸应于项目尺寸宽度一致；

在母版编辑区内新建3个页面，分别拖入三张图片，将页面1、2、3连接起来，设置页面切换效果为「右移入」，并设置定时器，时间为2s；

保存成功后，返回工作区；

拖入该母版，「运行」预览轮播效果。

母版可以连接外部页面，但外部页面不可反向连接母版、控制母版交互。

使用母版制作页面横屏滚动 / 局部滚动效果

母版功能可以实现局部滚动的效果，如：竖向滚动、横屏滚动、查看细节图片。