Merhaba,
Uzun yıllardır Photoshop kullanan biriyim. İnternetten biraz Adobe XD videoları izledim, çok hoş geldi gözüme. Adobe XD üzerinden bir kaç UI tasarımı yapmak istiyorum. Yaptığım tasarımın html ve css olarak çıktısını alabilmem için bir plugin varmış sanırım. Plugini kullanan biri var ise yaptığımız tasarımı sorunsuz bir şekilde kod olarak çıktısını alabiliyor muyuz?
Konu hakkında bilgisi olanlar var ise yardımcı olursa sevinirim, teşekkürler.
Adobe XD ile yapmış olduğumuz tasarımı kolayca html ve css'ye dökebiliyor muyuz?
6
●435
- 22-06-2021, 22:50:54
- 23-06-2021, 00:02:39Adobe XD, arayüz tasarımı konusunda Photoshop'a göre daha pratik diyebiliriz. XD to HTML işlemi için "Web Export" adında bir eklenti var. Ayrıca bu konuda adobe web sitesindeki sayfayı inceleyebilirsiniz (Export XD designs to HTML). Kişisel düşüncem; tasarımın bu gibi eklentiler ile HTML/CSS olarak dışa aktarılması gereksiz kod dizileri oluşturması ve semantik web sayfa yapısı açısından bana pek sağlıklı gelmiyor.
- 23-06-2021, 00:15:41Teşekkür ederim. Tasarımı HTLM ve CSS olarak 0'dan yazmakta, Adobe XD veya diğer tasarım programları üzerinden tasarlamaktan çok daha uzun sürüyor. Sanırım bu yüzden eklentiler tercih ediliyor.yumuX adlı üyeden alıntı: mesajı görüntüle
- 23-06-2021, 05:19:28Adobe XD, Figma, Sketch.. gibi arayüz programlarından eklenti veya kendi üzerinde olan araçlarla aldığınız hiç bir HTML/CSS çıktısı tam anlamıyla işlevsel ve düzgün olmuyor. HTML ve CSS çıktısını manuel olarak yaptırmanız veya yapmanız gerekiyor. En azından şimdilik
Eminim ilerde bunun için daha kullanışlı ve tam anlamıyla işlevel CSS dökümleri yapışır, ama şu tarih itibari ile bu işlemi tam anlamıyla yapabilen bir araç yok.
Eğer tam anlamıyla HTML ve CSS çıktısı duzgun bir şeyler tasarlamak istiyorsanız nocode (webflow, elementor..) araçları kullanmalısınız.
Şunuda söylemeden geçmeyeyim Uzun yıllar arayüz tasarımlarını Photosop ile yaptım, Adobe XD arayüz tasarımı konusunda gerçekten başarılı bir uygulama, yer yer photosop a ihtiyac duyabilirsiniz ama arayüz konusunda devam edecekseniz mutlaka Adobe XD ye geçin. Unutmadan arayüz programlarında bir çok alternatif var ve bana sorarsanız şu anda Figma açık ara en iyi arayüz tasarım programı, tasarım araçlarına aşinaysanız alışmanız bir kaç saaten fazla sürmeyecektir.
- 23-06-2021, 05:21:10Teşekkür ederim bilgi için. Kararsız kaldım şimdi. Acaba Adobe XD'ye mi yoğunlaşayım yoksa figmaya mı? Kimi yerde XD kimi yerde figma iyi diyorlar.if3Lc adlı üyeden alıntı: mesajı görüntüleAdobe XD, Figma, Sketch.. gibi arayüz programlarından eklenti veya kendi üzerinde olan araçlarla aldığınız hiç bir HTML/CSS çıktısı tam anlamıyla işlevsel ve düzgün olmuyor. HTML ve CSS çıktısını manuel olarak yaptırmanız veya yapmanız gerekiyor. En azından şimdilik Eminim ilerde bunun için daha kullanışlı ve tam anlamıyla işlevel CSS dökümleri yapışır, ama şu tarih itibari ile bu işlemi tam anlamıyla yapabilen bir araç yok.
Eğer tam anlamıyla HTML ve CSS çıktısı duzgun bir şeyler tasarlamak istiyorsanız nocode (webflow, elementor..) araçları kullanmalısınız.
Şunuda söylemeden geçmeyeyim Uzun yıllar arayüz tasarımlarını Photosop ile yaptım, Adobe XD arayüz tasarımı konusunda gerçekten başarılı bir uygulama, yer yer photosop a ihtiyac duyabilirsiniz ama arayüz konusunda devam edecekseniz mutlaka Adobe XD ye geçin. Unutmadan arayüz programlarında bir çok alternatif var ve bana sorarsanız şu anda Figma açık ara en iyi arayüz tasarım programı, tasarım araçlarına aşinaysanız alışmanız bir kaç saaten fazla sürmeyecektir.
- 23-06-2021, 05:26:31Aslında ikiside bir biriyle sidik yarıştırır XD ye kotu bir program diyemem ama figmanın platform bağımsız browser üzerinden istediğiniz yerde istediğiniz anda çalışma imkanı sunması onu benim gözümde daha iyi bir program yapıyor.
Ayrıca bir yazılımcı olarak Figma üzerinde hazırlanmış bir tasarımı CSS'e dökmek XD'ye göre çok daha rahat. XD üzerin'de de arayüz cizimleri yaptım hangisinin iyi olduğuna karar verebilmek adına, hatta ilk başlarda XD ile başlamıştım ama Figma ile tanışınca unutuldu
Ayrıca Figma Community çok aktif, ihtiyacınız olan şeyere hızlıca ulaşabiliyorsunuz. Eklentiler konusunda da Figmanın fazlası var eksiği yok
Eminim ilerde bunun için daha kullanışlı ve tam anlamıyla işlevel CSS dökümleri yapışır, ama şu tarih itibari ile bu işlemi tam anlamıyla yapabilen bir araç yok.