快速导出锤子商城布局【百科全说】

上一次演示了勤道快切的自动切图功能，这一次演示手动切图功能，并导出锤子商城首页布局。也许您是第一次了解勤道快切助手，如果您是的工作设计、前端，或您想让你您的公司或产品在互联网上展示，您有必要花几分钟了解勤道切图助手的提供的功能，是的，只要几分钟就够了，勤道切图助手就能让您的效果图以网页的形式体现出来，您也可以体验一下网页制作的乐趣。

操作方法

01

第一步，还是让我们先来看看快切助手的首页，也许，细心地您发现与上次演示有了小小的变化，是的，勤道快切助手还在进步，勤道团队在不断更新并完善功能。让我们来看看勤道切图助手都发生了哪些变化： 1. 颜色拾取功能； 2. 图片尺寸测量功能； 3. 导出页面对响应式的支持；功能虽小，但使勤道助手更加易用。
02

第二步：导入锤子商城首页效果图。点击【设置】，弹出设置下拉框，然后点击【测量】，设置下拉框隐藏，鼠标变成十字准星，让我们拖拽一个选框试试：是的，在选框的右上角，我们可以看到选框向上，向左边距和选框宽度和高度，点设置，弹出设置下拉框，页宽设为选框的宽度。
03

第三步：设置并添加选框：间距设为20，点【取色】，弹出下拉框隐藏，鼠标显示为一个取色器。选取页面背景后单击，设置页面背景颜色，点击【保存设置】，点【追加】，向下拖拽调整选框大小，点【拆分】，注：拆分后的选框没有向下间距，并设置背景颜色，依次添加选框。
04

第四步：导出页面：点击导出，设置页面标题，关键词和描述，输入导出项目名（导出压缩包名），点击导出到本地。
05

第五步：解压缩导出到本地的是一个zip压缩包，解压缩，查看页面结构代码，样式与图片。仅需五步，体验勤道切图助手手动切图功能完成。快用浏览器打开index.html看看吧，然后调整大小试试，图片和背景是不是随着浏览器窗口的宽度在随之改变。看到这里，也许会让您失望了，是的，勤道切图助手作为一款辅助网页制作的工具，确实还很弱小，但随着设计思路的变化在不断改变，让我们看看小米炫酷的产品介绍页面，京东高大上的活动促销页面，众筹网站最新智能硬件的详情页面，我们会发现勤道这款工具的真正用途。随着10带宽，光纤，4G的普及，设计思路随之改变，网页将有更丰富更具表现力的图片替代，勤道助手也因此为移动化而生。

快速导出锤子商城布局

操作方法

相关推荐