Teknomekan Webmaster Forumu - Dijital Dünyanın Bilgi Merkezi
/
Yazılım ve Geliştirici Dünyası
/
Front-End & Arayüz Geliştiricileri
/
Figma / PSD / XD to HTML Dönüştürme
/
Figma / PSD / XD to HTML Dönüştürme Kategori Kuralları
Figma / PSD / XD to HTML Dönüştürme Kategori Kuralları
Konu Sahibi: TEKNOMEKAN,
Kategori: Figma / PSD / XD to HTML Dönüştürme,
0 Yorum,
10 Okunma
Görüntüleyenler:
1 Ziyaretçi(ler)
11-10-2025, Saat:03:48
Kategori Amacı
Bu kategori, tasarım dosyalarını (Figma, Adobe XD, PSD vb.) modern, responsive ve SEO uyumlu HTML/CSS koduna dönüştürme hizmetlerinin sunulduğu, bu süreçteki teknik zorlukların tartışıldığı ve en iyi uygulama rehberlerinin paylaşıldığı uzmanlık alanıdır. Odak noktası, tasarımsal kesinlik (pixel-perfect) ile kodlama kalitesini birleştirmektir.
1. Genel Kurallar ve Odak Noktaları
1.1 Dönüşüm Kalitesi ve Uyumluluk (Zorunlu)
1.2 Hizmet Şeffaflığı
1.3 Yasaklı İçerikler
2. Konu Açma Kuralları
2.1 SEO Uyumlu Başlık Yapısı (Zorunlu)
Başlık, işlemin türünü (Hizmet/Talep), kaynak dosyayı ve fiyat bilgisini netleştirmelidir.
2.2 İlan Tipleri
3. Konu Açma Şablonu (Hizmet/Talep İçin Zorunlu)
Hizmet verenler ve isteyenler, projenin kapsamını netleştirmek için aşağıdaki şablonu kullanmak zorundadır.
Markdown
4. Moderasyon ve Güvenlik Vurgusu
Bu kategori, tasarım dosyalarını (Figma, Adobe XD, PSD vb.) modern, responsive ve SEO uyumlu HTML/CSS koduna dönüştürme hizmetlerinin sunulduğu, bu süreçteki teknik zorlukların tartışıldığı ve en iyi uygulama rehberlerinin paylaşıldığı uzmanlık alanıdır. Odak noktası, tasarımsal kesinlik (pixel-perfect) ile kodlama kalitesini birleştirmektir.
1. Genel Kurallar ve Odak Noktaları
1.1 Dönüşüm Kalitesi ve Uyumluluk (Zorunlu)
- Sunulan veya talep edilen tüm hizmetlerde %100 Pixel-Perfect (tasarımsal kesinlik) ve tüm modern tarayıcılarla (Chrome, Firefox, Safari) uyumluluk hedeflenmelidir.
- Çıktı kodun responsive (duyarlı) olması ve farklı ekran boyutlarında doğru görünmesi şarttır.
- SEO uyumlu HTML5 yapısı, erişilebilirlik (Accessibility) ve W3C standartlarına uygunluk gibi teknik kalite faktörleri önceliklidir.
1.2 Hizmet Şeffaflığı
- Hizmet ilanlarında dönüşüm için net fiyat veya fiyat aralığı (tasarımın karmaşıklığına bağlı olarak) belirtilmelidir. Teklifin sadece PM ile iletilmesi yasaktır.
- İlanda, hizmeti sunanın daha önce tamamladığı Figma/PSD to HTML dönüşüm referansları veya portfolyo linki zorunludur.
1.3 Yasaklı İçerikler
- Yasal olmayan, telif hakkı ihlali olan veya üçüncü parti lisanslı (Örn: Ücretli Bootstrap teması) tasarımların dönüştürülmesine yönelik hizmet veya talep açmak yasaktır.
- Sadece tasarım hizmeti (PSD/Figma çizimi) sunmak veya istemek. Bu kategori sadece tasarımdan koda dönüşüme odaklanmalıdır.
2. Konu Açma Kuralları
2.1 SEO Uyumlu Başlık Yapısı (Zorunlu)
Başlık, işlemin türünü (Hizmet/Talep), kaynak dosyayı ve fiyat bilgisini netleştirmelidir.
- ✅ Örnek:
Kod:[HİZMET] Figma / XD to Responsive HTML5 Dönüşüm Hizmeti (Pixel Perfect ve SEO Uyumlu, Sayfa Başı 500 TL) - ✅ Örnek:
Kod:[TALEP] 5 Sayfalık PSD Tasarımı İçin Bootstrap ile Dönüşüm Uzmanı Aranıyor (Bütçe: 4.000 TL Max.) - ❌ Yanlış:
Kod:Tasarımı koda çevirecek birini arıyorum.
2.2 İlan Tipleri
- [HİZMET]: Dönüşüm hizmeti sunan geliştiriciler veya ajanslar.
- [TALEP]: Dönüşüm hizmeti almak isteyen proje sahipleri.
- [REHBER]: Dönüşüm sürecini kolaylaştıran teknik rehberler (Örn: Figma Auto Layout kullanımı).
3. Konu Açma Şablonu (Hizmet/Talep İçin Zorunlu)
Hizmet verenler ve isteyenler, projenin kapsamını netleştirmek için aşağıdaki şablonu kullanmak zorundadır.
Markdown
Kod:
[İŞLEM TÜRÜ - KAYNAK DOSYA - ÜCRET/BÜTÇE ARALIĞI]
**1️⃣ Proje/Hizmet Özeti:**
* **Kaynak Dosya Tipi:** (Örn: Figma / PSD / Adobe XD)
* **Talep Edilen Çıktı Teknolojisi:** (Örn: HTML5, CSS3, SCSS, Tailwind CSS, Bootstrap 5)
* **Proje Tipi/Sayfa Sayısı:** (Örn: 5 Sayfalık Kurumsal Web Sitesi / Tek Sayfalık Landing Page)
**2️⃣ Teknik Gereksinimler:**
* **Responsiveness (Duyarlılık) Şartı:** (Örn: Masaüstü, Tablet, Mobil için ayrı ayrı isteniyor mu?)
* **Ek Özellik Talebi:** (Örn: Menü Animasyonu, Form Validasyonu için Vanilla JS/jQuery)
* **Ekipman/Araç Zorunluluğu:** (Örn: Git/GitLab kullanımı, Pixel-Perfect Garantisi)
**3️⃣ Finansal ve İletişim:**
* **Ücret/Bütçe Aralığı (Zorunlu):** [Net Tutar] (Sayfa Başı, Toplam Bütçe veya Saatlik Ücret)
* **Tahmini Teslim Süresi:**
* **Referanslar (Hizmet İçin Zorunlu):** [Portfolyo Linki veya 2 Örnek İş Linki]
**4️⃣ Ek Notlar:**
* Tasarımın karmaşıklığına veya özel isteklere dair notlar.4. Moderasyon ve Güvenlik Vurgusu
- Aracı (Escrow) Kullanımı: Dönüşüm hizmeti, teslimat öncesi kalite kontrol gerektirdiğinden, ödeme güvenliği için güvenilir aracı (escrow) kullanılması şiddetle tavsiye edilir.
- Kalite Kontrol: Hizmet teslimi, alıcının belirli bir süre (Örn: 24 saat) boyunca Pixel-Perfect kontrolü yapmasına olanak tanımalıdır. Bu süre zarfında ortaya çıkan kod hataları (tasarımsal değil) satıcı tarafından giderilmelidir.
- Telif Hakkı: Telif hakkı endişesi olan tasarımların paylaşımı yasaktır. Üyeler, paylaşılan tasarım dosyalarının yasal sahibi olduklarını kabul etmiş sayılır.