adobe edge reflow cc是一款可以帮助您设计网页的软件,您可以在软件上找到设计H5的方案也可以找到CSS设计的方案,通过内置的一个模板就可以建立交互式的响应网页,让您在开发移动设备网页的时候提供更好的操作平台,该软件可以部署的功能很多,可以直接连接到Photoshop软件上添加您设计的原型,支持将PS建立的网页原型加载到设计界面,也可以在编辑网页封面的时候从PS添加设计内容,并且可以将静态设计转换到交互式的动态网页,提升手机、平板 等设备访问网页的流畅性!
软件功能
1、WebKit 介面上的互动式设计
2、视觉媒体查询中断点
3、建立含有连结的多页设计
4、在浏览器中检阅设计
5、汇入Photoshop CC 资产的功能已改进
6、汇出CSS 和HTML 以供您最爱的程式码编辑器使用
7、建立表单元素
8、设计元素,例如「停留」和「作用中」状态
9、使用本机或是Adobe Typekit字体或Edge Web Fonts新增文字的选项
10、Edge Inspect 整合功能,可在装置上共用设计
11、整合式流变格线系统
软件特色
更快地启动响应性设计,并创建高保真的塬型。
通过媒体查询断点,精确的CSS布局,分组等。
检查所有能帮助你更快设计的功能。
新元素面板
现在把vour元素放在前面和中间。我们的新元素面板可以。
在任何时候都可以看到更容易的选择,检查新的面板可以访问到riaht。
Photoshop导入已经被大量的验证。有更好的分组
定位和支持智能生物。使用Ps面板导入您的PSD。
现在从你的字体和Type工具包或EdgEngWeb字体中使用排版。
轻松预览和应用使用我们的字体菜单。
切换到样式选项卡以查看上面文本中使用的边缘Web字体
创建悬停。活动和焦点状态链接到您的再流项目中的网页或页面
安装方法
1、下载Edge_Reflow_preview_8_LREF.msi程序,这里是软件的协议内容
2、软件的安装地址可以设置为C:Program Files (x86)AdobeAdobe Edge Reflow CC Preview
3、提示安装准备完毕,点击install就可以安装
4、显示安装进度条,请稍后
5、提示安装完毕,现在可以在桌面打开adobe edge reflow cc
使用方法
1、打开软件,提示设计的界面,可以在这里打开一个官方的案例
2、将您的更改保存到此项目中,您可以选择从该项目中选择Open Welcome项目,使其成为您自己的视图
3、代码出口用我们的新代码导出选项保存HTML和CSS。使用/Ctrl+E导出项目。
4、使用复选框。单选按钮。选择一个文本区,按钮和窗体的设计。添加到您的画布元素进行从主工具菜单。
5、我们有教程帮助您了解如何使用从布局到添加表单元素的Reaves主题范围。检查一下,了解Reflow的全部情况!使用?按钮访问教程页面
6、如图所示,可以在这里点击帮助功能查看设计方案
7、在这里可以建立新的页面,点击new page就可以打开新的网页设计方案
8、视图功能,可以显示显示对象边缘、显示边缘可视化、显示元素面板、网格、闪亮的网络特性…、预览模式、在Chrome中预览
∨ 展开