Sketch/XD'den HTML'eTasarımdan HTML'e Dönüştürme

Sketch veya XD tasarımınız HTML ve CSS ile hazır: dışa aktarılan çalışma alanlarından bir sayfa, telefon sürümüyle

Genellikle 15 dakika içinde hazırRevizyonlar dahilKalite kontrolü
Ödeme korumasıAyrıntılar
  • Paket kapsamındaki revizyonlar ücretsizdir.
  • Teslimattan sonraki 3 gün içinde yanıt vermezseniz iş otomatik olarak onaylanır.
Sipariş ver · $39

Para, ödeme yaptığınızda bloke edilir ve yalnızca işi onayladığınızda aktarılır.

Sketch veya XD tasarımınız HTML ve CSS ile hazır: dışa aktarılan çalışma alanlarından bir sayfa, telefon sürümüyle

Örnek sonuç

Standart paket için örnek

Dental clinic home page built from its design

Before: the design the client sent

The home page design

After: the working page

The page on a computer The page on a phone

Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.

Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.

Müşteri ve tüm ayrıntılar kurgusaldır.

Bu hizmet hakkında

Bazı tasarımlar hâlâ uygulama olmadan açılması zor Sketch veya Adobe XD dosyalarında duruyor ve sayfa hiç hazırlanmadı. Çalışma alanlarını PNG olarak dışa aktarıp yükleyin, biz de HTML ve CSS ile kuralım: aynı bölümler, ızgara, renkler ve düğmeler, gerçek metinle; mobil tasarım yoksa masaüstü çalışma alanından hazırlanan bir telefon sürümü de eklenir. .sketch veya .xd dosyalarını, bulut bağlantılarını veya prototipleri açamıyoruz, bu yüzden dışa aktarmada görünmeyen her şey brife yazılır. Fotoğraflar ve ikonlar, ayrı olarak dışa aktarıp yüklemediğiniz sürece aynı ruhla yeniden çizilir. Animasyon, arka uç, CMS veya barındırma yoktur.

Neler dahil

  • Neler alırsınızSayfaların, stillerin ve görsellerin yer aldığı, barındırma hizmetinize yüklemeye hazır bir ZIP arşivi ve sipariş sayfasında her sayfanın önizlemesi.
  • Çalışma alanlarınızdanBölümler, boşluklar, renkler ve yazı boyutları dışa aktarıldığı gibi
  • Telefon sürümüMobil tasarımınız yoksa masaüstü tasarımdan hazırlanır
  • Gerçek metinArama motorlarının okuduğu HTML olarak başlıklar ve paragraflar
  • GörsellerinizAyrı dışa aktarılan fotoğraflar, ikonlar ve logo olduğu gibi yerleştirilir
  • Temiz kodSade HTML ve CSS, çatı yok, başka sitelerden yüklenen hiçbir şey yok

Nasıl çalışır

  1. 1
    Dışa aktarmaÇalışma alanlarını PNG olarak dışa aktarır ve notlarınızla birlikte yüklersiniz
  2. 2
    HazırlamaSayfaları hazırlar, eksik görselleri çizeriz
  3. 3
    Önizleme ve arşivSayfaları tasarımınızla bilgisayarda ve telefonda karşılaştırır, arşivi indirir ve paketiniz kapsamında değişiklik istersiniz

Sizden neler gerekiyor

PNG, JPEG veya WebP biçiminde en fazla 5 görsel: Sketch'ten (Inspector'ın Export bölümü) veya XD'den (File > Export > Selected) 1x veya 2x dışa aktarılan çalışma alanları (dosya başına bir sayfa) ve isterseniz ayrı dışa aktarılmış fotoğraflar, ikonlar veya logonuz. Hangi çalışma alanının hangi sayfa olduğunu, yazı tiplerini, açık menü gibi dışa aktarmada görünmeyen durumları ve her düğmenin nereye gittiğini belirtin. .sketch veya .xd dosyaları kabul edilmez.

Size soracaklarımız:

  • Hangi çalışma alanı hangi sayfa?
  • Tasarımdaki yazı tipleri
  • Eski tasarıma göre değişiklikler
  • Her düğme nereye gidiyor?
  • Tasarım size mi ait?

Paketleri karşılaştırın

Temel1 çalışma alanı, en fazla 5 bölüm$21Standart1 çalışma alanı, en fazla 10 bölüm$39PremiumEn fazla 3 çalışma alanı$67
Teslim süresi1 gün2 gün3 gün
Revizyonlar123
Sayfalar113
Bölümleren fazla 5en fazla 10sayfa başına en fazla 8
Sayfa için çizilen görseller24—
Telefon sürümüEvetEvetEvet
Ne yüklenecekÇalışma alanlarının PNG dışa aktarımıÇalışma alanlarının PNG dışa aktarımıÇalışma alanlarının PNG dışa aktarımı
Sayfalar için çizilen görseller——6
Sipariş verSipariş verSipariş ver

Ödeme koruması

Sipariş verirken ödersiniz, ancak para yalnızca onaylanan iş için aktarılır.

  • Sabit fiyatPaket fiyatı, ödeme yaptıktan sonra değişmez.
  • Para bloke edilirÖdeme yaptığınızda tutar yalnızca bloke edilir. İşi onayladığınızda hizmete aktarılır.
  • Teslimattan önce kontrolHer sonuç size ulaşmadan önce kalite kontrolünden geçer ve onaylamadan önce sipariş sayfasında görürsünüz.
  • Ücretsiz revizyonlarBrifiniz kapsamında, paketin izin verdiği sayıda değişiklik isteyin.
  • 3 gün sonra onayTeslimattan sonraki 3 gün içinde işi onaylamaz veya değişiklik istemezseniz iş otomatik olarak onaylanır. Teslimattan sonra sipariş sohbetine yazarsanız sipariş bekletilir; yanıt verdikten sonra 3 günlük süreyi yeniden başlatabiliriz ve bunu sohbette bildiririz.
  • Yeniden yapım veya tam iadeSonuç brifinize uymuyorsa ve revizyonlar sorunu çözmediyse ya da iş teslim süresinin iki katından uzun sürerse sipariş sohbetine yazın: işi yeniden yaparız veya ödemenin tamamını iade ederiz.
Nasıl çalışır →

Sorular ve yanıtlar

Artık bilgisayarımda Sketch veya XD yüklü değil.

O zaman dosyası hâlâ elinde olan birinden çalışma alanlarını dışa aktarmasını isteyin ya da metinler okunabiliyorsa tasarımın net ekran görüntülerini gönderin. Yalnızca görsellerle çalışıyoruz.

Bulut bağlantımı kullanabilir misiniz?

Hayır, yalnızca yüklenen görsellerle çalışırız; bağlantılar veya tasarım dosyaları ile çalışmayız ve hesaplarınıza giriş yapmayız.

Tasarımımla piksel piksel aynı olur mu?

Yerleşim, renkler, boyutlar ve bölümlerin sırası bakımından yakın olur, ancak piksel piksel aynı olmaz: yazı tipleri benzer sistem yazı tipleridir ve fotoğraflar siz kendinizinkini yüklemedikçe yeniden çizilir. Revizyonlar sizin için önemli olanları düzeltir.

Eski tasarımı hazırlarken yenileyebilir misiniz?

Brifinizdeki küçük değişiklikleri, örneğin yeni bir metin, renk veya düğme etiketini evet. Tüm sayfa için yeni bir yerleşim yeniden tasarımdır ve bu hizmetin kapsamında değildir: burada gönderdiğiniz tasarımı hazırlıyoruz.

Yanıtınızı bulamadınız mı?

Tüm Yazılım ve BT hizmetleri

Yazılım ve BT kategorisinde daha fazlası

Sipariş ver · $39· ~15 dk.