Sketch/XD 转 HTML设计稿转 HTML

把您的 Sketch 或 XD 设计做成 HTML 和 CSS:根据导出的画板制作页面,适配手机

通常15分钟内完成包含修改质量检查
套餐
付款保障详情
  • 套餐内的修改免费。
  • 如果交付后 3 天内您未作回应,工作将自动验收。

付款时款项会被冻结,仅在您验收后结算。

把您的 Sketch 或 XD 设计做成 HTML 和 CSS:根据导出的画板制作页面,适配手机

成果示例

标准版套餐示例

按设计稿制作的牙科诊所首页

处理前:客户发来的设计稿

首页设计稿

处理后:可以正常使用的页面

文件: 一个 ZIP 压缩包,内含 index.html、样式文件和 2 张页面图片,可直接上传到客户的服务器。此处展示的是页面截图。

客户: Bright Smile Dental 牙科诊所。 任务: 将首页设计稿做成可以正常使用的 HTML 页面,保持相同的布局、配色和文字,并加入点击即可致电诊所的预约按钮。

客户及所有信息均为虚构。

服务介绍

有些设计仍然躺在没有软件就很难打开的 Sketch 或 Adobe XD 文件里,页面一直没做出来。把画板导出为 PNG 并上传,我们用 HTML 和 CSS 把它搭建出来:同样的板块、栅格、颜色和按钮,使用真实文字;如果没有移动端画板,我们根据桌面端画板制作手机版。我们无法打开 .sketch 或 .xd 文件、云端链接或原型,所以导出图中看不到的内容请写在需求说明中。照片和图标会以相同风格重新绘制,除非您单独导出并上传。不含动画、后端、CMS 或主机。

服务内容

  • 您将获得一个 ZIP 压缩包,内含页面、样式和图片,可直接上传到您的主机,订单页面还可预览每个页面。
  • 根据您的画板板块、间距、颜色和字号与导出图一致
  • 手机版没有移动端版式时,根据桌面端设计制作
  • 真实文字标题和段落都是搜索引擎能读取的 HTML
  • 您的图片单独导出的照片、图标和标志原样使用
  • 简洁的代码纯 HTML 和 CSS,不用框架,不从其他网站加载任何内容

服务流程

  1. 1
    导出您把画板导出为 PNG,连同说明一起上传
  2. 2
    搭建我们搭建页面并绘制缺少的图片
  3. 3
    预览和压缩包您在电脑和手机上把页面与您的设计对照检查,下载压缩包,并可在套餐范围内提出修改

需要您提供的信息

最多 5 张 PNG、JPEG 或 WebP 图片:从 Sketch(Inspector 的 Export 区域)或 XD(File > Export > Selected)以 1x 或 2x 导出的画板,每个文件一个页面;如愿意,另附单独导出的照片、图标或标志。请说明哪个画板对应哪个页面、字体、导出图中未显示的状态(例如展开的菜单),以及每个按钮跳转到哪里。不接收 .sketch 或 .xd 文件。

我们会询问您:

  • 哪个画板对应哪个页面?
  • 设计中使用的字体
  • 与旧设计相比的改动
  • 每个按钮跳转到哪里?
  • 设计是您的吗?

套餐对比

套餐基础版1 个画板,最多 5 个板块US$21标准版1 个画板,最多 10 个板块US$39高级版最多 3 个画板US$67
交付期限1 天2 天3 天
修改次数123
页面数113
板块数最多 5 个最多 10 个每页最多 8 个
为页面绘制的插图246
手机版包含包含包含
需要上传什么画板的 PNG 导出图画板的 PNG 导出图画板的 PNG 导出图
下单 基础版下单 标准版下单 高级版

付款保障

您在下单时付款,但款项仅在您验收后才会结算。

  • 固定价格付款后套餐价格不会变动。
  • 款项先冻结付款时,这笔金额只是被冻结。您验收后,款项才会结算给平台。
  • 交付前检查每份成果在送达您之前都会经过质量检查,验收前您可以在订单页面查看。
  • 免费修改在需求说明范围内,您可以在套餐允许的次数内提出修改。
  • 3 天后自动验收如果交付后 3 天内您既未验收也未提出修改,工作将自动验收。如果您在交付后于订单聊天中留言,订单将暂停自动验收;我们回复后,可能会重新开始计算 3 天,并会在聊天中告知您。
  • 返工或全额退款如果成果与您的需求说明不符且修改后仍未解决,或工作耗时超过交付期限的两倍,请在订单聊天中留言:我们将为您返工或全额退款。
运作方式 →

问题与解答

我已经没有安装 Sketch 或 XD 了。

那就请仍有文件的人帮您导出画板,或者发送清晰的设计截图,只要上面的文字能看清。我们只根据图片制作。

可以用我的云端链接吗?

不可以,我们只使用上传的图片,不接收链接或设计文件,也不会登录您的任何账户。

会与我的设计像素级一致吗?

布局、颜色、尺寸和板块顺序会非常接近,但不是像素级一致:字体是相近的系统字体,照片会重新绘制,除非您上传自己的照片。修改环节会调整您在意的地方。

制作时可以顺便更新旧设计吗?

按需求说明做小改动可以,例如新的文字、颜色或按钮文案。整页重新布局属于改版,不包含在这项服务内:这里我们按您发送的设计制作。

没有找到答案?

套餐