我相信它有助于创建一个“看起来很简单”的响应式网站,这无疑是设计师和开发人员应该检查的内容。
在今天,我们将探索Adobe的一种名为Edge Reflow的新工具。
要下载,请登录Adobe Creative Cloud网站,然后您可以在“ 边缘工具和服务”部分下的“ 应用程序中心”页面中找到该应用程序。
在撰写本文时,Adobe Edge Reflow处于公开测试阶段,可以免费下载。
设置网格和工作区
您可以设置列数,列装订线,内容的宽度,并指定这些长度的单位度量-px,百分比或em。
在工作区的左侧,您将找到几个用于控制网页属性的选项。
然后,向右或向左滑动页面处理程序,然后单击加号按钮以设置新的断点。
要设置断点,请单击工作区右上方的加号按钮。
断点是您的网站样式将发生转变的阈值。
在Edge Reflow中,您可以轻松设置“断点”。
您可以为元素指定不同的样式,以了解元素在每个断点处的外观或适应方式。
添加元素和样式
选择元素后,“ 边缘回流”将显示应用的属性,例如宽度和高度,边距和填充。
要创建一个新元素,请单击矩形图标,然后在工作区中拖动鼠标。
只需单击即可在Edge Reflow中添加元素。
在此选项卡中,您可以添加背景颜色(甚至带有渐变),边框(包括边框半径),并调整所选元素的不透明度。
您可以在样式标签中找到更多添加样式的选项。
它位于工作区的底部。
您可以从DOM树检查器中检查元素的样式。
您还可以通过按Command + F12 (在Mac上)或Ctrl + F12 (在Windows上)在浏览器中预览结果。
Adobe Edge服务集成
使用文本时,您可以从Adobe Edge Webfont应用字体系列。
回流与其他Adobe Edge服务集成在一起。
您还可以使用Adobe Edge Inspect在整个移动设备上无缝测试您的网站。
结论
在当前版本中,我找不到如何将项目导出到HTML和样式表文档的功能,并且“ 首选项”菜单已禁用。
由于这仅是预览,因此不包含一些关键功能。
借助Reflow,他们可以创建响应式网站,而无需处理屏幕背后的代码。
尽管如此,Adobe Edge Reflow作为利基市场中的工具看起来确实很有前途,特别是对于入门级用户而言,它可能非常有用。






