Sketch/XD sang HTMLChuyển thiết kế sang HTML

Thiết kế Sketch hoặc XD của bạn được dựng bằng HTML và CSS: một trang từ các artboard đã xuất, kèm bản cho điện thoại

Thường xong trong 15 phútBao gồm chỉnh sửaKiểm tra chất lượng
Các gói
Bảo vệ thanh toánChi tiết
  • Chỉnh sửa trong phạm vi gói là miễn phí.
  • Nếu bạn không phản hồi trong vòng 3 ngày sau khi bàn giao, kết quả sẽ được tự động chấp nhận.

Số tiền được tạm giữ khi bạn thanh toán và chỉ được chuyển khi bạn chấp nhận kết quả.

Thiết kế Sketch hoặc XD của bạn được dựng bằng HTML và CSS: một trang từ các artboard đã xuất, kèm bản cho điện thoại

Ví dụ kết quả

Ví dụ cho gói Tiêu chuẩn

Trang chủ phòng khám nha khoa làm theo bản thiết kế của họ

Trước: bản thiết kế khách hàng gửi

Bản thiết kế trang chủ

Sau: trang đã hoạt động

Tệp: một tệp ZIP gồm index.html, các tệp style và 2 hình cho trang, sẵn sàng tải lên hosting của khách hàng. Các hình ở đây là ảnh chụp màn hình của trang.

Khách hàng: phòng khám nha khoa Bright Smile Dental. Yêu cầu: biến bản thiết kế trang chủ thành một trang HTML hoạt động được, giữ nguyên bố cục, màu sắc và nội dung chữ, kèm các nút đặt lịch gọi thẳng đến phòng khám.

Khách hàng và mọi thông tin đều là giả định.

Về dịch vụ này

Có những thiết kế vẫn nằm trong file Sketch hoặc Adobe XD khó mở nếu không có ứng dụng, và trang chưa bao giờ được dựng. Hãy xuất các artboard thành PNG và tải lên, chúng tôi dựng bằng HTML và CSS: cùng các phần, lưới, màu sắc và nút, với văn bản thật, cộng thêm bản cho điện thoại làm từ artboard máy tính nếu chưa có bản di động. Chúng tôi không mở được file .sketch hay .xd, link cloud hay prototype, nên mọi thứ không thấy trong file xuất hãy ghi vào bản yêu cầu. Ảnh và icon được vẽ mới theo cùng tinh thần, trừ khi bạn xuất và tải lên riêng. Không có hiệu ứng động, back end, CMS hay hosting.

Bao gồm những gì

  • Bạn nhận được gìTệp ZIP gồm các trang, style và hình ảnh, sẵn sàng tải lên hosting, kèm bản xem trước từng trang trên trang đơn hàng.
  • Từ artboard của bạnCác phần, khoảng cách, màu sắc và cỡ chữ như khi xuất
  • Bản cho điện thoạiLàm từ thiết kế máy tính khi bạn chưa có bản di động
  • Văn bản thậtTiêu đề và đoạn văn dạng HTML mà công cụ tìm kiếm đọc được
  • Hình ảnh của bạnẢnh, icon và logo được xuất riêng sẽ được dùng nguyên trạng
  • Code gọn gàngHTML và CSS thuần, không framework, không tải gì từ website khác

Cách hoạt động

  1. 1
    Xuất fileBạn xuất các artboard thành PNG và tải lên kèm ghi chú
  2. 2
    Dựng trangChúng tôi dựng các trang và vẽ những hình còn thiếu
  3. 3
    Xem trước và tệp nénBạn so sánh các trang với thiết kế trên máy tính và điện thoại, tải tệp nén về và yêu cầu chỉnh sửa trong phạm vi gói

Chúng tôi cần gì từ bạn

Tối đa 5 hình PNG, JPEG hoặc WebP: các artboard xuất từ Sketch (mục Export trong Inspector) hoặc từ XD (File > Export > Selected), mỗi file một trang, ở 1x hoặc 2x, và, nếu bạn muốn, ảnh, icon hoặc logo được xuất riêng. Hãy cho biết artboard nào là trang nào, font, các trạng thái không hiển thị trong file xuất như menu đang mở, và mỗi nút dẫn tới đâu. Không nhận file .sketch hay .xd.

Chúng tôi sẽ hỏi bạn:

  • Artboard nào là trang nào?
  • Font trong thiết kế
  • Thay đổi so với thiết kế cũ
  • Mỗi nút dẫn tới đâu?
  • Thiết kế có phải của bạn không?

So sánh các gói

Các góiCơ bản1 artboard, tối đa 5 phần569.000 ₫Tiêu chuẩn1 artboard, tối đa 10 phần1.057.000 ₫Cao cấpTối đa 3 artboard1.815.000 ₫
Thời hạn1 ngày2 ngày3 ngày
Số lần chỉnh sửa123
Số trang113
Số phầntối đa 5tối đa 10tối đa 8 mỗi trang
Hình minh họa vẽ riêng cho trang24—
Bản cho điện thoạiCóCóCó
Cần tải lên gìFile PNG xuất từ artboardFile PNG xuất từ artboardFile PNG xuất từ artboard
Hình minh họa vẽ riêng cho các trang——6
Đặt hàng Cơ bảnĐặt hàng Tiêu chuẩnĐặt hàng Cao cấp

Bảo vệ thanh toán

Bạn thanh toán khi đặt hàng, nhưng tiền chỉ được chuyển cho kết quả đã được chấp nhận.

  • Giá cố địnhGiá gói không thay đổi sau khi bạn thanh toán.
  • Số tiền được tạm giữKhi bạn thanh toán, số tiền chỉ được tạm giữ. Tiền được chuyển cho dịch vụ khi bạn chấp nhận kết quả.
  • Kiểm tra trước khi bàn giaoMọi kết quả đều được kiểm tra chất lượng trước khi đến tay bạn, và bạn xem được kết quả trên trang đơn hàng trước khi chấp nhận.
  • Chỉnh sửa miễn phíYêu cầu chỉnh sửa trong phạm vi bản yêu cầu của bạn, với số lần mà gói cho phép.
  • Tự động chấp nhận sau 3 ngàyNếu trong vòng 3 ngày sau khi bàn giao, bạn không chấp nhận kết quả cũng không yêu cầu chỉnh sửa, kết quả sẽ được tự động chấp nhận. Nếu bạn nhắn tin trong chat đơn hàng sau khi bàn giao, đơn hàng sẽ chờ; sau khi trả lời, chúng tôi có thể tính lại 3 ngày từ đầu và sẽ thông báo trong chat.
  • Làm lại hoặc hoàn tiền toàn bộNếu kết quả không đúng với yêu cầu của bạn và các lần chỉnh sửa không khắc phục được, hoặc công việc kéo dài quá gấp đôi thời hạn, hãy nhắn tin trong chat đơn hàng: chúng tôi sẽ làm lại hoặc hoàn tiền toàn bộ.
Cách hoạt động →

Hỏi đáp

Tôi không còn cài Sketch hay XD nữa.

Vậy hãy nhờ người còn giữ file xuất các artboard, hoặc gửi ảnh chụp màn hình sắc nét của thiết kế nếu chữ trên đó đọc được. Chúng tôi chỉ làm việc từ hình ảnh.

Các bạn dùng link cloud của tôi được không?

Không, chúng tôi chỉ làm việc với hình ảnh được tải lên, không dùng link hay file thiết kế, và chúng tôi không đăng nhập vào tài khoản của bạn.

Trang có khớp từng pixel với thiết kế của tôi không?

Trang sẽ rất gần về bố cục, màu sắc, kích thước và thứ tự các phần, nhưng không đến từng pixel: font là font hệ thống tương tự, và ảnh được vẽ mới trừ khi bạn tải ảnh của mình lên. Các lần chỉnh sửa sẽ sửa những điều quan trọng với bạn.

Có thể làm mới thiết kế cũ trong lúc dựng không?

Những thay đổi nhỏ theo bản yêu cầu, như văn bản, màu sắc hay nhãn nút mới, thì được. Bố cục mới cho cả trang là thiết kế lại, không nằm trong dịch vụ này: ở đây chúng tôi dựng đúng thiết kế bạn gửi.

Chưa tìm thấy câu trả lời?

Các gói