把您的 Photoshop 设计做成 HTML 和 CSS：根据导出的版式制作页面，适配手机

成果示例

标准版套餐示例展开全文

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

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

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

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

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

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

服务介绍

很多网站仍然从 Photoshop 版式开始，常常是一个包含整页内容的长画板。把它导出为 PNG 或 JPEG 并上传，我们用 HTML 和 CSS 把它搭建出来：同样的板块、分栏、颜色和按钮，用真实文字代替图片中的文字；如果没有移动端版式，我们根据桌面端版式制作手机版。我们无法打开 PSD 文件，因此不会读取图层、智能对象和隐藏状态。照片和插画会以相同风格重新绘制，除非您单独导出并上传。不含动画、后端、商城、CMS 或主机。

服务内容

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

服务流程

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

需要您提供的信息

最多 5 张 PNG、JPEG 或 WebP 图片：通过 File > Export > Export As 从 Photoshop 导出的版式，每个文件一个页面；如愿意，另附需原样使用的照片或标志文件。请说明哪个文件对应哪个页面、所用字体、与版式不同的文字，以及每个按钮跳转到哪里。不接收 PSD 文件。

我们会询问您：

• 哪个文件对应哪个页面？
• 版式中使用的字体
• 文字要与版式完全一致吗？
• 每个按钮跳转到哪里？
• 设计是您的吗？

套餐对比

问题与解答

没有找到答案？ 向我们提问