交互设置

教程与案例

当图层的右侧属性板出现交互设置的时候,你可以通过这个属性板来为图层设置用户交互方式,以及交互所产生的结果。对于动画,状态集等,默认的交互结果为播放,当然你完全可以通过设置点击,滑动或是其他交互方式来改变它。 自动播放:自动播放动画、状态集、视频、音频 点击:手 查看全部
当图层的右侧属性板出现交互设置的时候,你可以通过这个属性板来为图层设置用户交互方式,以及交互所产生的结果。对于动画,状态集等,默认的交互结果为播放,当然你完全可以通过设置点击,滑动或是其他交互方式来改变它。

自动播放:自动播放动画、状态集、视频、音频
点击:手动点击来控制某对象呈现的一个形态,适用于动画、状态集、图形等
悬停:当鼠标悬停至某对象,会依据触发行为的不同而发生变化。此交互设置只适用于网页
长按:在某元素上 保持按下手势,约1s,可触发相应事件
拖拽:在设置的拖拽范围内, 任意拖拽对象,当对象未触碰到设置的落点值它将快速弹回起始位置
滑动:利用手势可左右或上下进行对页面的滑动
轻扫: 根据属性设置,对象从起始点成直线滑落到终点。轻扫是图片、组和文本特有的交互设置
擦除:可利用手势擦除对象
摇一摇:通过晃动移动设备触发某事件

触发与关联

教程与案例

触发 当某条件达成或用户操作后,可以通过设置触发来做一个交互设计。cellz支持一对多同时触发,以及定时触发。 通过链式触发也可以实现很多新奇好玩复杂的效果。 cellz中的触发一般发生在状态集中的状态数、动画的关键帧、滚动的吸附点、图片和文本的交互设 查看全部
触发

当某条件达成或用户操作后,可以通过设置触发来做一个交互设计。cellz支持一对多同时触发,以及定时触发。
通过链式触发也可以实现很多新奇好玩复杂的效果。
cellz中的触发一般发生在状态集中的状态数、动画的关键帧、滚动的吸附点、图片和文本的交互设置、数据采集、开关、音频、视频、组中。“触发行为”一共有十种,显示/隐藏、播放/暂停、状态跳转、页面跳转、打开网页等。
 
显示/隐藏:触发某目标对象,有三种“触发方式”,切换、显示、隐藏。                
                 a.显示:当对象本身呈隐藏状态时,触发该对象则呈显示状态。
                 b.隐藏:当对象本身为显示状态时,触发该对象则为隐藏状态。
                 c.切换:即当触发对象的“播放次数”大于2时,将呈现“显示”和“隐藏”这两种方式。

播放/暂停: 触发某目标对象,也有三种“触发方式”,切换、播放、暂停。同“显示/隐藏”相同,就不再一一赘述了。

状态跳转:状态跳转的目标对象是状态集。当触发的目标对象以“状态跳转”的方式触发后,目标位置会发生变化。比如在动画中,设置某关键帧触发状态集中的某状态数,当运行到此帧时就会触发显示设定的状态数。

页面跳转:当触发某个对象时,页面之间可以随意切换。

打开网页:某对象设置该触发行为,将依据 打开方式的不同,打开URL地址;
                    打开方式有两种:外部,新打开一个网页;内部,则替换当前网页。

拨打电话: 触发某对象,在移动设备上将会提示是否拨打设置项键入的“电话号码”。

发送邮件: 某对象被这种触发行为触发后,将跳转至新建邮件的界面,补全信息后,可完成邮件的发送。

发送短信: 对象被这种触发行为触发后,将跳转至移动设备的短信界面,那么你自行编辑即可。

打开摄像头:当一个元素设置为该触发行为,将提示是否打开摄像头 拍照来替换设置项选择的“替换对象”。

数据采集器:触发某对象将数据发送到采集器。

 
文本框聚焦:当点击触发对象时,光标会自动聚集到目标文本输入框内。
                     想要设置它只需选中一个触发对象,在交互设置中选中“点击”(或其他交互方式),依次设置>>
                     触发行为:文本框聚焦
                     目标对象:类型为输入框的文本
                     操作方式:文本框聚焦
 

数据表单:将客户端编辑的数据提交到cellz个人中心对应的报表中,可将数据导出为Excel文件。
                 同数据组件中的报表操作逻辑一样,在cellz官网>个人中心>数据管理>报表中新建,自定义需要收集的信息。
 
数据列表:简单来说,数据列表方便于多条信息的展示。
                  在cellz的个人中心,想要创建一个新的列表,首先需要你设置一个“数据组件”(数据块)来作为你的列表样式,保存后在单击左侧的列表名称,如下图所示,再选择插入列表数据>添加>输入跳转链接:





将数据列表应用到内容制作中,与使用文本框聚焦的步骤一样,先选中触发对象,设置恰当的交互方式,将触发行为选为数据列表,依次完善目标页面、目标对象及操作方式即可。
需要注意的是,选择触发的按钮,必须要在列表下面的数据块里。
 
输入框设置文本:点击触发对象,将预设的内容赋给目标文本输入框。例如做一些数据的采集,有时并不一定会键入具体的文字内容,那么这时候使用输入框设置文本,在生成的表单中会根据实际情况而生成数据。




 
 
关联

当我们设置关联的时候,只需要选择谁与谁关联就可以了。“关联”指的是,我们将一个状态集从起始状态到最终状态,动画从第一帧到最后一帧,页面的切换的始瞬间到完全移出屏幕,滚动的开始到滚动的终止,使用“轻扫”时对象的起始位置与终点位置等认为是一个完整的过程,当两个或多个组件发生关联关系时,他们的这个过程将会同步进行,你操作状态集A从第一状态到第二状态,与它关联的状态集也会对应的切换到第二状态。
我们通过关联可以设计出很多出彩的效果,比如视差滚动,比如图片的交错运动构成一张整图。

而在cellz中,能设置关联的对象有页面、状态集、状态集的状态数、动画、动画的关键帧、滚动、滚动的吸附点、轻扫(组、文本、图形),但关联的目标对象一般为页面、滚动、状态集、动画以及带 “轻扫”交互设置的对象。

屏幕快照_2015-11-25_下午6.02_.57_.png

说明:关联中“目标页面”的选择,一般默认为本页面,若你想替换成其他页面,需要你在设置基于> 屏幕 >页面范围>选择页面后,才可以选择其他的“目标页面”。

快捷键

教程与案例

通用快捷键 Command+A  全选                                      Command+shift+A  取消全选               Command+shift+N  创建新页面  Command+O  打开 查看全部
通用快捷键

Command+A  全选                                     
Command+shift+A  取消全选              
Command+shift+N  创建新页面 
Command+O  打开
Command +S  保存
Command+shift+S 另存为

Command+P 预览整个工程
Command+shift+P 预览当前页 
Command+shift+E 导出
Command+H  隐藏
Command+W 关闭         
Command+Z  撤销                            
Command+shift+Z  重新添加                  
Command+C  拷贝                                  
Command+V  粘贴

Command+“-”  缩小                            
Command+“+” 放大        
 Delete/Backspace   删除      

Command+shift + V  原位粘贴(Slider元素,原位粘贴,非Slider元素,粘贴到箭头位置)                        
Command+D  复制
按住option,拖动组件,复制   

Command+0  回到原始页面
Command+1  回到页面中心              
Command+2  放大该选中图层         
Command+3  回到选中图层中心      
 
 
图层

Command+G  创建为“组”
Command+shift+G 拆分“组”
Command+option+H  隐藏
Command+shift+option+H 可见
Command+L 锁定
Command+shift+L 解锁
 
 
移动图层

Command+option+上箭头  图层向前移动    
选择Alt  图层列表中的移动
Command+option+下箭头  图层向后移动
Command+选择,表示穿透,可选择组内图层,或状态内图层
按住某个图层,显示图层与其他图层的位置            
 
 
创建新节点

L   创建线“line”              
P   创建钢笔“pen”          
T   创建文本“Text”       
R   创建矩形“Rect”     
W   创建网页“web”        
C   创建圆“circle”          
V   创建视频“video”
A 创建动画 “Animation”s
A  + shift 创建音频“Audio”        
S    创建状态集“State”  
S + shift 创建滚动 “scroll”

右键属性

教程与案例

cellz中鼠标右键菜单栏的属性也可以在制作中帮你提高工作效率。  
cellz中鼠标右键菜单栏的属性也可以在制作中帮你提高工作效率。

屏幕快照_2015-11-25_下午6.11_.03_.png

 

导出&发布

教程与案例

导出 当你制作完成后,单击菜单栏中的“文件”>“导出”,弹出“导出”界面, 里面包含了你制作的所有页面,以及导出的“品质”、“类型 ”。勾选“全选”则导出所有页面。 导出类型一共有四种,M4C、MIX、HTML、图片。 M4C:上传到cellz.cn的 查看全部
导出

当你制作完成后,单击菜单栏中的“文件”>“导出”,弹出“导出”界面, 里面包含了你制作的所有页面,以及导出的“品质”、“类型 ”。勾选“全选”则导出所有页面。

导出类型一共有四种,M4C、MIX、HTML、图片。
M4C:上传到cellz.cn的特定文件格式。
MIX:主要使用在APP打包或数字内容出版。当你需要生成一个app,或在手机、iPad(Android平板)上以一个APP或者在APP中展示你的创作,就只能使用mix格式导出。
HTML:可输出HTML5文件,但需要你升级成付费用户,方可导出该类型文件。



发布

当你想将制作完成的设计放到你在cellz.cn上的“个人作品”中去时,首先在“发布”之前你需要先完成“工程属性”的设置,比如,工程名、设置封面、类型、描述、页面切换方式等。
设置“工程属性”,你可以直接单击菜单栏中的“文件>工程属性”来设置,也可以在点击“发布”后弹出的“工程信息完善”中去“修改”。

这里的“封面”将会作为作品封面展示在cellz.cn上,同时也将会作为分享转发时(微信好友、朋友圈)的icon出现在转发信息中。而“描述”也会作为有效信息显示在转发好友的图标右侧。若发布以后想修改它们,也可以在查看作品>修改中重新编辑。

设置完成后,在发布之前你可以先选择系统菜单栏中的“cellz>登陆cellz账户”进行你的账户登录。或者直接点击发布,也将会弹出登录界面。

无论你以哪一种方式,若在登录前你还未注册,都需要你先用邮箱进行注册。

成功登录后,会弹出一个“发布列表”, 你可以通过它来查看到发布作品的进度及已发布作品,也可以去选择“发布已有作品”(选择单独导出的m4c文件)。