打开网易新闻 查看精彩图片

可以把设计稿一键发布为真实网页的

「即时上线」升级了!

支持多选画板、把整个项目一起发布上线

还能实现页面间的点击跳转

新增已发布网页管理功能

一键发布/更新,流程完善又便捷!

现在,团队中的每个人都可以用即时上线优化自己的工作流程:

UI 设计师分享链接在线展示设计、快速过方案

产品和交互设计师,发布原型/交互设计稿在线演示操作流程,产品逻辑一目了然

开发复制 iframe 网页组件代码嵌入目标位置的网页代码中,几分钟就能完成页面开发。

对团队和企业来说,可用场景就更多了:更新运营位、生成活动落地页、0 代码生成产品 demo、整站发布上线缩短开发周期……

快来一起看看吧~

打开网易新闻 查看精彩图片

对交互设计师和产品经理来说,经常需要在原型图和设计稿中添加交互连线,用以表达页面逻辑、跳转层级等交互关系。

但是页面一多,连线就显得混乱,开会讲解展示的时候,打开文件密密麻麻全是连线,不仅难以梳理清楚逻辑关系,反而越看越迷糊。

打开网易新闻 查看精彩图片

「即时上线」新增的“整站发布”功能为你提供了全新的展示方案。

0 代码生成一个产品 demo

打开网易新闻 查看精彩图片

一键生成真实 H5 / 网页,支持点击跳转新页面、打开弹层、甚至打开外链,让团队成员、领导、甲方在自己的手机或电脑上体验完整的操作流程。

实现起来也非常简单:

1.在团队中打开任意文件,进入【原型模式】添加交互事件连线。

打开网易新闻 查看精彩图片

2. 右上角进入【网页模式】,预览设计稿发布上线后的效果。

打开网易新闻 查看精彩图片

3. 确认无误再点击【发布】,稍等片刻就能发布成功。

打开网易新闻 查看精彩图片

我们还针对不同平台做了适配,APP、iPad、Web 设计稿都可以使用「即时上线」把整个项目发布上线。

打开网易新闻 查看精彩图片

「即时上线」功能发布后,不少小伙伴在给我们提出了新的建议:

生成的网页太多,有没有后台可以集中查看这些链接?

担心团队中的成员误操作影响线上效果,能不能区分权限?

修改设计稿更新上线后,感觉旧版本更好,怎么退回上一版?

能满足以上需求的「管理功能」来了!

• 团队成员查看链接 ✅

团队中的所有成员,都可以在团队主页的【团队空间-发布网页】查看所有已发布页面,点开链接预览真实上线的效果。

打开网易新闻 查看精彩图片

开发复制 iframe 组件代码 ✅

开发可以点进【发布详情-组件代码】复制 iframe 组件代码,嵌入网页指定位置快速完成开发工作。

打开网易新闻 查看精彩图片

• 设计师修改设计稿并更新网页 ✅

如果上线页面的内容有误、效果不好,设计师们还可以右键菜单,点击【更新链接】快速打开对应的设计源文件,简单便捷,省去了搜索翻找的时间。

打开网易新闻 查看精彩图片

管理员上线新版本/退回旧版本 ✅

在发布详情页中,过往的每一次更新都有迹可查,出现误操作或者对线上的版本不满意时,拥有可管理/可编辑权限的团队 leader 和设计师,还可以一键启用历史版本。

打开网易新闻 查看精彩图片

支持部分自定义 URL

对于同一项目中包含的多个页面,也有快速切换、精准打开的方法——支持部分自定义 URL。

打开任意已发布的设计稿,进入网页模式后,点击【发布】即可找到更新设置。

打开网易新闻 查看精彩图片

在这个页面里,你可以将指定页面设置为“主页”,并根据业务/个人需求,自定义每个页面的 URL。

打开网易新闻 查看精彩图片

更新完成后,你就可以通过修改地址后缀,来快速切换到指定页面了~

打开网易新闻 查看精彩图片

在线预览、生成产品 demo,只是「即时上线」众多应用场景中的一小部分~

「即时上线」的价值更多地体现在——

用简单的方法、更短的时间、更少的资源消耗,

生成网页的三大组成部分(html+css+javascript),

并将这些都集合到一段 iframe 网页组件代码中。

现在,开发人员只需【复制网页组件 → 嵌入已有代码】即可完成整站开发。

重复性、低技术含量的 UI 样式和动效、复杂的变体效果、页面间的交互跳转……全都可以交给「即时上线」处理,原本要占用几天的工作量,直接压缩到几分钟内完成。

小到更新运营位、发布活动页、上线产品介绍页、快速生成 SEM 推广页,大到生成 APP / 小程序,甚至搭建整个官网……对团队和企业来说,「即时上线」可应用的场景更是不胜枚举。