关于勤道

创意来自我们对未知领域的不断探索,唯有勤奋才是通向成功的唯一捷径。

Github:https://github.com/qdsay/kuaiqie.git

Coding:https://git.coding.net/kuaiqie/kuaiqie.git

OSChina:https://git.oschina.net/qdsay/kuaiqie.git

勤道专题制作助手

勤道专题制作助手是一个快速、简洁的在线自动切图工具,适用于快速导出页面整体框架和制作活动专题页面。

使用说明与效果预览

软媒魔方首页切图高清视频演示:http://pan.baidu.com/s/1jGvjzQe (0间距色差识别、自动切图)

小米商城首页切图高清视频演示:http://pan.baidu.com/s/1dDCU9jF (间距识别、自动切图)

图片大小不要超过10M,快切助手本身并没有这样的限制,但上传了一张15M的效果图后,我的浏览器悲剧了。

以下是快切5分钟内制作的页面,并配有详细的使用说明,您可以看一下效果,并任选一个体验快切的功能。

名词解释

1. 导入图片

专题制作助手需要您的浏览器支持HTML5, 请在Firefox、Chrome、Opera等浏览器下使用。

首先,您应该调整页面主体在效果图的中央位置,然后导入或拖拽图片到面板中。

2. 设置&自动化切图

使用自动切图功能需要设置页面的主体宽度,选区间距,与页面背景颜色,系统自动完成图像分析并创建页面布局。

自动切图功能能够自动创建选区,这里需要注意,并不是所有页面都可以使用自动切图。因为图像识别是基于图像特征的识别,所以在使用自动切图功能时,需要满足两个限定条件:

一、精确识别:根据页宽和背景色进行识别,各选区需要有一致的背景色和间距,请设置“间距”,和“背景”。

网页制作流程03

二、模糊识别:根据选区之间的色差进行识别。

网页制作流程04

因为要区分渐变色和杂色,所以模糊识别会有一定误差,勤道团队还在不断优化图形识别算法。

自上线以来,用户量增长迅速,用户量日渐庞大,节约您每一秒钟都将是勤道团队的毕生的奋斗目标。

您还可以指定页面依赖的组件,导出后的页面将自动引入组件包到您的项目文件中。

同时,您还可以加入统计、IM、分享等代码到页面。

3. 追加

对于没有间距的网页,系统暂不支持自动切图功能,你可以使用追加功能创建快布局,并拖拽调整选区的高度到合适的尺寸,手动完成对页面的切分。

4. 清除

此功能将清除操作面板中的所有选区,仅保留初始导入的图片。

5. 查看生成代码

查看成成的页面HTML与CSS代码。

6. 导出页面到本地

设置页面标题、关键词与描述,这将有助于搜索引擎对页面的抓取。

我们同时还可以指定一个文件名,页面将导出一个以此作为文件名的zip压缩包。

建议使用firefox浏览器,我们可以指定压缩包导出的位置。

阿里云 9 折优惠码: 8rcdkc

7. 图片批量优化

导出页面图片为PNG类型,建议使用下列工具批量优化,加快页面加载速度。

Mac: ImageOptim.zip

Windows: PNGmini 2.0.zip

Windows: PNGmicroPortable.zip(免安装)

网盘下载:http://pan.baidu.com/s/1dE0tblJ

7. 显示标尺

打开一个仿Photoshop的标尺,辅助我们查看页面的尺寸。

小工具

小工具用于调整或设置选区。

1. 通栏

展开选区,用于截取整个图像宽度,并自动设置截取图像为选区的背景图。

2. 背景

设置选区背景颜色。

4. 拆分

将选区拆分为两个,注意,第一个将忽略选区间距,这不是一个Bug,此功能用于将一个大图拆分为多个小图。

5. 合并

将两个选区合并为一个。

6. 分栏

将一个选区分成多个栏目。

7. 链接

我们可以为所截取的图像添加一个链接。

8. 忽略

忽略此图像,仅导出页面结构。

勤道开发团队

勤道是一个热爱开源,以产品、技术为驱动的团队,旨在为企业提供最适合的软件。

我们的团队拥有丰富的供应链管理、客户运营、社会化营销和互联网商业服务经验,致力于为企业提供高质量, 高效用的软件。

加入QQ群:40348818

微信关注:

ICP备

京ICP备14047108号-1

友情链接