网页
在舞台上添加网页，对应右边的属性栏中会出现该网页的相应属性。

线条：指的是所显示的网页边框的颜色和宽度。
网页地址：复制或黏贴所需要的网页链接，但必须在链接前面加上前缀（http://）

幻灯片

在舞台上添加幻灯片，对应右边的属性栏中会出现该幻灯片的相应属性。

展示方向：指的是观看幻灯片时图片的翻页方向，包括左右翻页和上下翻页。

显示方式：指的是幻灯片在所显示的范围内的呈现方式，包括等比例覆盖、等比例包含、填充。

 

工具条介绍



基本属性

宽 高 X  Y  透明度 名称
在舞台上添加一个元素并选中该元素，对应的右边属性栏中就会出现该元素的各种参数。

名称：将物体命名就可以在其他地方选择该物体
宽、高：指的是所添加元素的宽、高；
X：指的是所添加元素的左边线到舞台左边线的距离；
Y：指的是所添加元素的上边线到舞台上边线的距离；
透明度：指的是元素的透明度；
X/Y/Z轴旋转：指的是所添加元素分别沿着X、Y、Z轴旋转的角度。

在舞台上绘制一个图形并选中该图形，对应的右边属性栏中就会出现该图形的各种参数。

填充：指的是绘制的图形所填充的颜色；
线条：指的是绘制图形的边框线的颜色以及宽度；
线条类型分为四种分别为实线、点线、虚线、点划线（效果如上图所示）。
端点：指的是所绘制图形的端点，分为尖角、圆角、方角；
接合：指的是所绘制图形的结合点，分为圆角、尖角、斜角；
图片位置：指的是所添加的背景图片在所绘制的图形中的放置位置；
图片尺寸：指的是所添加的背景图片在所绘制的图形中的放置状态；
水平偏移/垂直偏移：指的是所添加的背景图片在所绘制的图形中水平方向偏移的大小/垂直方向偏移的大小。（如下图）


 

3D属性

 调整元素属性栏中的3D参数，可以改变元素在舞台上的空间位置。

3D属性：指的是所添加元素分别沿着X、Y、Z轴旋转的空间角度。
透视度：透视度是指物体按XY轴运动时镜头的远近
XYZ轴：是指物体分别沿着X/Y/Z轴旋转的角度

(沿着Y轴旋转)

(沿着X轴旋转)

(沿着Z轴旋转)

H5怎么对接java后台数据接口？

近一个世纪，我们在科技领域突飞猛进；但在自然的灾难面前，人类依然渺小。

经过50年实践，我国防震减灾工作逐步形成了“以预防为主，防御与救助相结合”的方针，确定了监测预报、震灾预防和应急救援三大体系的发展战略，提出了到2020年基本具备综合抗御6级左右、相当于各地区地震基本烈度的地震的能力，大中城市、经济发达地区防震减灾能力力争达到中等发达国家水平，围绕全面建成小康社会的目标和提升人民群众地震安全的需求，以最大限度减轻地震灾害损失为宗旨，把防震减灾融入经济社会发展全局，不断强化社会管理，拓展公共服务，提升基础能力。

地球上每年发生的大大小小地震总计有500多万次，其中只有5万次是人们可以感觉到的有感地震。每年发生可能造成破坏的中等以上地震约有1000次左右，其中能造成严重破坏的大地震约有一、二十次。

地震与地球同在，人类要不断了解地震，提升抵御地震灾害的能力。

优秀的设计师总会思考自己于商业、于社会的定位与价值；也许你可以不仅仅为世界上那金字塔顶端10%的人做设计。

UI中国联手中国地震台网中心、中国灾害防御协会，推出

防震减灾公益设计大赛

正式开启！

用设计师的角度重新设计体验，更好的传递出去，带给千家万户。

让更多的人增加防灾抗震，提高防灾抗震能力，科普防灾抗震知识，加强抗灾心理意识。

科技发达，掌握防御知识，更顽强面对自然的考验。

大赛主题

本次比赛有两个主题任选！

设计主题A：地震工作宣传四格漫画

围绕“灾害来临时，地震部门都做了哪些工作？”为主题进行四格漫画设计。

请围绕地震部门的重点工作，发挥想象，用幽默，轻松，准确的四格漫画形式表现出来。

设计作品需要至少包含《地震部门工作问答》中的一个问答内容（具体内容参见附件文件），不得偏离主办方所给范围，否则将被视为无效作品。

设计主题B：地震数据信息图设计

以《模拟震后速报信息》中所给的数据为例，模拟创作震后情况的数据信息图。形式H5页面或A3宽度长图。

制作时请使用CMYK颜色模式进行制作，分辨率300ppi；参赛作品上传前请导出为分辨率72ppi的图片进行上传。获奖作品请向主办方提供CMYK颜色模式，300ppi分辨率的源文件。

此外，还可以根据《信息图参考样例》中的信息图参考进行制作。

所提供的信息图必须至少包含《模拟震后速报信息》中的主要数据信息。

大赛组织

指导单位：中国地震局办公室、中国地震局震灾应急救援司

主办单位：中国地震台网中心、中国灾害防御协会、UI中国

承办单位：平安中国防灾宣导组委会、广州市友基计算机科技有限公司、土曼科技、北京赛斯米克科技发展中心、北京市联创立源科技有限公司

特邀新媒体：地震那些事儿

大赛活动时间

作品提交 2016.7.8 - 2016.8.5

大赛评审2016.8.6 - 2016.8.15

公布结果 2016.8.15

大赛奖品



大赛评委



了解更多大赛详情


请PC端登录网址：http://zhen.ui.cn/

长按识别二维码进入比赛详情页

▼



为了帮助设计师更好完成比赛，

本周末我们组织了UTalk活动！

防震减灾需要你们的参与！！



UTalk活动演讲嘉宾

潘怀文

中国地震台网中心主任

1966年10月出生，北京大学地球物理系本科毕业，公共管理硕士、中共党员、副研究员。潘怀文主任将从科学理性的角度，以大众通俗的语言，围绕防震减灾事业以及地震部门的工作进行讲解。希望能与UI中国平台上的各位青年设计才俊进行深入交流，一起为我国的防震减灾事业做出自己的贡献。

温思玮

图易设计 创始人

本期活动主讲《信息可以很美》

2007年在学校期间创立图研所。2010年创立图易设计，07年硕士毕业于清华大学美术学院，工业设计系， 图易设计致力于信息时代的数字化用户体验设计，服务对象包括：乐视、IDG资本、VOGUE中国、 百度、海尔、北极光创投等。曾受邀翻译《信息之美》《知识之美》等信息可视化外文优秀书籍。

UTalk活动时间

2016年07月17日（星期日） 

签到：下午13点-14点 

正式活动：14点-18点

地点：北京市海淀区海淀大街3号鼎好电子商城A座10层（创新工场）希望树会议室

参加活动报名

请在PC端登录网址：http://utalk.ui.cn/index

长按识别二维码

▼



用设计师的角度重新设计体验，

将正能量传递给千家万户！

即使选择了首页作为加载,但总需要等个2秒左右才能显示出当前的页面, 如何能快速显示当前页? 

老师好，我按动画范例做了汽车行驶轮子转动，轮子作为元件，但汽车停下来时，作为元件的轮子还一直在转动，怎么实现车停轮停？

第一页加了视频，翻下一页怎么老是跳第一页

看了案例中的 华润置地测试卡，像答题完毕后跳出的阅卷只需3秒和最后统计的分数是如何实现的？

在h5的平台制作时，使用文字工具时怎么修改怎么的字体和大小以及颜色呢？？

我的摇一摇进入下一针，怎么才能做到像微信摇一摇的功效啊。感觉自己手机随便摇了摇就飞好几针了

1、psd导入生成h5
答：Mugeda是支持导入psd 文件的；位置在 菜单栏-文件-导入-psd。

2、这款软件怎么下载呢？
答：木疙瘩是在线软件，目前还不能下载哦，但是你可以在桌面建立木疙瘩的网站快捷方式！

3、请教各位前辈，我在脚本里写了代码，但是点击预览没有效果?
答：你在脚本里写的是什么代码呢？木疙瘩有专门的代码API！你可以查阅一下哦！API：http://bbs.mugeda.com/?/article/15
使用教程：http://support.mugeda.com/?page_id=2199

4、请问老师，用木疙瘩制作无交互的动画，导出视频，是什么样的格式？可供其他软件当作视频素材使用吗？
答：是mp4格式，没有声音，只导出当前选中页的视频，所有行为都将失效，例如你在某一帧设置了暂停或者跳回前面的帧，那这个行为将无效，视频会继续播放下去。

5、导入psd文件怎么用啊？
答：导入PSD文件基本就是导入一张图使用是最高效的，可以自动帮您把PSD的内容以最好的压制状态转换为素材图，可以选择分层导入（这里的分层指的是psd文件中的图层）导入在木疙瘩的一个图层中。

6、木疙瘩会不会考虑推出手机端APP？
答：木疙瘩是针对偏专业向H5设计的，目前的各方面功能在手机端都没办法很好的操作！如果需要制作比较渐变一键式生成H5的话，可以考虑再看看其它产品！

7、陀螺仪有教程吗？
答：有教程的，在顶部导航的“教程”页面中，选择左侧“进阶功能”的第三项“逻辑判断”，视频下方会有各个小节挑选按钮，其中就含有 陀螺仪 的使用教程！

8、可以让翻页效果在视频播放完了再出来么？
答：可以，首先，在第一帧的位置你加一个禁止翻页的行为；然后，你给视频本身加个跳转的行为，触发条件为 视频结束；在跳转的那一帧加个恢复翻页的行为 就可以了。

9、请问一束闪光的效果是怎么做的呢？
答：通过PS或者其它图像制作根据准备好一根两头渐变消失的线、和中间椭圆形发光的圈，然后通过关键帧动画改变椭圆图片高度和透明度就可以实现这个效果！

10、一个交互动画的问题：点上菜的同时除了能出现菜之外，上菜的按钮本身可以同时有动画效果吗？
答：可以的，有很多方法可以实现，最简单的你可以试试播放元件片段的行为。（上菜按钮必须是元件，里面包括静止那一帧和点击他后他本身的动画。）或者给按钮添加预制动画通过行为控制播放预置动画。

11、求助大家一个问题。发布之后的H5在手机上前几页加载特别慢，卡顿，影响体验，是什么原因哇？
答：关于手机适配卡慢的问题主要和素材的大小及网络、设备本身的因素有关，你可以参考这个http://bbs.mugeda.com/?/article/11

12、预览链接可以去上面那条红色的广告的嘛？
答：上面的那个是预览链接才会有的，选择 发布 作品后生成的链接是没有的，退广的话也要使用发布链接。

13、视频一直黑屏无法正常播放怎么办？
答：你检查下你视频的属性
浏览器对mp4的编码方式要求的非常严格
视频编码必须是 H.264 
音频编码必须是: AAC

14、请问下 怎么适应 屏幕较为 修长的 手机屏幕?
答：Mugeda 提供手机的自适应功能，你可以参考下这个帖子http://bbs.mugeda.com/?/article/11

15、想让关健帧动画速度慢些该怎样做？
答：把帧的长度给加长，帧数越多播放速度越慢。（每12帧 代表一秒）

16、怎样设置一个图片初始隐藏，触发后才现？
答：一开始的时候你可以通过属性栏 改变他的透明度或坐标位置，然后通过改变元素属性的行为改变这个图片的透明度或 坐标 使其出现在舞台上。

17、怎样给最后一桢设置停止？
答：最后一帧插入关键帧 加个暂停的行为就可以了，你可以看下我们的教程了解下动画控制相关部分。

18、已经发布的作品，修改后重新发布， 发布的链接  要等多久才更新的？
答：5-10分钟左右清理缓存的时间。

19、表单提交为什么要弹出确认页面？
答：是否弹出确认页面是可以控制的，确认消息的那个选项，你不填写 就不会弹出确认页面。

20、怎么绘制无填充色图形？
答：绘制图形后，在右侧的属性框，把内部填充色去掉就可以了（点击颜色选择栏里的小叉）。

21、请问触发事件有“当鼠标经过”“当鼠标离开”这两个状态吗？
答：这个没有，因为H5主要还是应用在手机端。

22、PSD的文件应该设计尺寸为多大？
答：
1.mugeda标准尺寸是320*520px，在ps中设计建议用2倍像素的640*1040px来制作，这样做动画不会掉像素。
2.详细的介绍可以参考这个文档：http://bbs.mugeda.com/?/article/11

那个 转发的时候,标题怎么设置?

添加行为后，无论触发条件是什么，都会让鼠标在元件或组上显示“可点”状态！
也就是显示一个手指！
应该更正为除了条件为点击以外不出现！次为PC端模式的问题！

希望加入这个功能，兔展那些都有了，但是喜欢用木疙瘩，遗憾缺少这个功能

js代码实现不了分页控制

 课程介绍：“3 +4”HTML5从零基础到精通 
·3天线下精品课程 
·4次线上案例精讲 
·30天老师线上答疑 
·21个实战训练，讲师手把手把你教会
 
课程时间：7.29、7.30、7.31  
 
课程地点：暂定
 
适合人群:四大行业 
·想转向HTML5交互设计的FLASH设计师
·新媒体行业的可视化新闻设计师
·广告/公关公司的设计师 
·教育及数字出版领域的课件设计师
 
报名须知： 
报名时间：即日起至—2016年7月27日 
报名方式：线上报名 
课程价格：2999元           
早鸟价 2399元（7月22日前报名）           
三人同行，一人免费 
学员福利：5折年费账号购买权；           
参加课程学员，均可获得Mugeda学习证明；           
通过考试学员，可获得Mugeda优秀设计师认证。 （注：报名学员要自备个人电脑） 
 
名额有限，点击此处，马上报名！
 
更多课程及报名如有疑问，可添加Mugeda学院班主任微信songyue-daydayup进行咨询，或拨打电话15801582304

木疙瘩后续有计划推出骨骼等游戏向功能吗？或者支持导入dragonbones、等H5骨骼文件的导入使用么？

这款软件怎么下载?

请教各位前辈，我在脚本里写了代码，但是点击预览没有效果，就还教程里那个钟表的示例程序，我只是用自己的图片替代了，不知道哪里出了问题?

木疙瘩可以做app吗？ 用webview包一下