根据设计制作手机版设计稿转 HTML

把您的移动端设计做成 HTML 和 CSS:根据手机界面制作页面,在电脑上也能良好显示

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

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

把您的移动端设计做成 HTML 和 CSS:根据手机界面制作页面,在电脑上也能良好显示

成果示例

标准版套餐示例

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

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

首页设计稿

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

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

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

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

服务介绍

您的设计是以手机为先绘制的,需要把它做成一个握在手里感觉舒服的页面。把移动端界面以图片形式上传,我们用 HTML 和 CSS 把它搭建出来:同样的板块、同样的顺序,按钮大小便于点击,菜单按您的设计展开,真实文字适配屏幕。如果您还有桌面端界面,我们会照着做;没有的话,我们自己为平板和电脑加宽布局,您在预览中检查。照片会重新绘制,除非您上传原图。我们根据图片制作,不接收设计文件。这是网页,不是应用,不含动画、后端或主机。

服务内容

  • 您将获得一个 ZIP 压缩包,内含页面、样式和图片,可直接上传到您的主机,订单页面还可预览每个页面。
  • 忠于您的手机界面板块、间距、颜色和字号与您的设计一致
  • 大屏幕也适配使用您的桌面端设计,或根据移动端加宽布局
  • 便于点击按钮、链接和菜单的尺寸适合触控
  • 真实文字标题和段落都是搜索引擎能读取的 HTML
  • 简洁的代码纯 HTML 和 CSS,不用框架,不从其他网站加载任何内容

服务流程

  1. 1
    上传您上传手机界面,并说明菜单如何展开
  2. 2
    搭建我们为手机搭建页面,并为大屏幕加宽布局
  3. 3
    预览和压缩包您在电脑和手机上把页面与您的设计对照检查,下载压缩包,并可在套餐范围内提出修改

需要您提供的信息

最多 5 张 PNG、JPEG 或 WebP 图片:从设计工具导出的手机界面,每个文件一个页面或一张长图,如有桌面端界面也一并提供;如愿意,另附需原样使用的标志和照片。请说明哪个文件对应哪个页面、菜单如何展开,以及每个按钮跳转到哪里;在手机上,按钮可以拨打电话或打开 WhatsApp。

我们会询问您:

  • 哪个文件对应哪个页面?
  • 您也有桌面端界面吗?
  • 菜单如何展开?
  • 按钮跳转到哪里?
  • 设计是您的吗?

套餐对比

套餐基础版1 个移动端页面,最多 5 个板块US$21标准版1 个移动端页面,最多 10 个板块US$39高级版最多 3 个移动端页面US$67
交付期限1 天2 天3 天
修改次数123
页面数113
板块数最多 5 个最多 10 个每页最多 8 个
为页面绘制的插图246
手机版包含包含包含
制作依据您的手机界面您的手机界面您的手机界面
下单 基础版下单 标准版下单 高级版

付款保障

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

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

问题与解答

这是手机应用吗?

不是,这是在手机浏览器中打开的网页。它不需要从应用商店安装,也不会发送推送通知。

我只有手机界面,电脑上会显示成什么样?

我们会加宽布局:内容保持舒适的宽度,分栏可以并排,菜单会展开显示。您在预览中查看,并可提出修改。

按钮可以拨打电话或打开即时通讯工具吗?

可以:按钮可以拨打电话、打开 WhatsApp 或其他即时通讯工具,或写邮件。表单无法发送任何内容,因为网站没有服务器。

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

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

你们能打开我的设计文件吗?

不能,请把界面导出为图片:我们无法打开 Figma、Sketch、XD 或 PSD 文件或链接。

没有找到答案?

套餐