UI-UX Tasarımlar Hakkında

Merhaba, öncelikle bu alanlarda kendimi geliştirmek daha doğrusu öğrenmek istiyorum. Ama ne zaman yeltensem bir şeyler izlesem kafamda oturmayan bazı şeyler var. UI tasarım ile UX tasarımın arasındaki farkı tam olarak kavrayamıyorum. Onlarca video izledim ama mantığını kafamda oturtamadım.

Şimdi geleyim sorularıma:
1-) UI ile UX tasarım arasındaki farkı kısaca UI logo şurada duracak, kategoriler şurada olacak; UX ise yazıların üstüne geldiğimizde animasyon oluşacak, sayfa hızlı kayacak gibi şeyler mi?
2-) Bi web sitesi veya uygulama tasarladığımızda bunu koda dökmeden satabilmemiz mümkün mü? Eğer mümkünse yazılımcı arkadaş bunu nasıl anlıyor? Kendi kafasına göre mi animasyonlar ekliyor?
3-) Web tasarım ve/ya uygulama tasarımı için öğrenmemi tavsiye ettiğiniz diller hangileri? html, css ve javascript olarak düşünüyorum. Bir de bunlar için önerebileceğiniz videolar var mı?
4-) Eğer UI-UX tasarım yapan bi arkadaş da yorum yaparsa bana örnek bir çalışma dosyası atabilir mi? Yani demek istediğim sadece tasarımı yaptıktan sonra kodlayacak arkadaşa ne şekilde teslim etmemiz gerekiyor?

1-) Hayır. UI ne yaptığınız UX neden yaptığınızla ilgilidir. Bir butona yeşil renk verip güzel durduğunu düşünebilirsiniz ancak bunu A/B testleri, kullanıcı alışkanlıkları gibi birçok filtreden geçirerek turuncu yaptığınızda satış artışlarına yol açtığını gözlemleyebilirsiniz. UX bir adım değil süreçtir.

2-) Normal şartlarda prototype yaparak teslim etmeniz gerekir. Yapamıyorsanız en azından hover olunca, focus olunca, tıklanınca vb. aksiyon durumlarında nasıl görüneceğini de ayrıca çizerek iletmenizde fayda var.

3-) Birçok kaynak bulabilirsiniz. Bahsettiğiniz dillerin temeli için w3schools.com idealdir.

4-) Hangi programı kullanıyorsunuz?

Teşekkür ederim, normal olarak Photoshop ile yapılabileceğini düşünüyordum ama sanırım zor. Ender Topaloğlu ve Ferdi Çıldız'ın eğitim videolarını izleyip Figma kullanmaya başladım.

Biri arayüz biri deneyim demek fark bu kadar basit aslında. Yani ui renk yazı stili vs gibi şeyler iken ux kullaniciya kolay gelecek şekilde neyi nereye koymalı vs gibi mantık tasarımı

Merhabalar, öncelikle sorularına kısa ve net cevaplar vereyim.

1 > Basitçe UI tasarım, UX kullanıcı odaklı çalışma. Örneğin bir mobil uygulama tasarlıyorsun ( Yani UI yapıyorsun. ) ama uygulamayı tasarlarken butonu nereye koysan kullanıcı rahat kullanabilir, koyduğunun buton hangi boyutta olmalı ki kullanıcı rahatlıkla dokunabilir. gibi kullanıcı odaklı düzenlemeler UX oluyor. En basitçe kullanıcının uygulamayı rahat kullanabilmesi, kafası karışmaması için yapılan işlem UX oluyor.

2 > Figma üzerinden UI tasarımlarını yapmalısın, Figma üzerinden aynı zamanda Animasyon yapabilirsin. Yazılımcı yaptığın animasyonları Figma üzerinden görüntüleyebilir.

3 > Tasarımcı olacaksan dil öğrenmene gerek yok, o yazılımcıların işi. Yaptığın işi canlı olarak görmek istiyorsan Figma to Framer araştırabilirsin. Yaptığın tasarımı normal bir site haline getirebilirsin.

4 > Örnek bir tasarım nasıl yapılır ve teslim edilir. Yaptığım çalışmayı kontrol edebilirsiniz. / https://www.figma.com/file/eyqCuzUG2...O02weOdQ0pM5-1

Teşekkür ederim cevaplarınız için. UI ile UX arasındaki farkı kafada oturttum. Attığınız örnek tasarımdan da anladığım kadarıyla UI tasarımda oluşabilecek tüm ekranları tek tek göstermemiz-tasarlamamız gerekiyor. Bu hem uygulama hem web tasarımlarında da aynı sanırım. Örneğin attığınız tasarımda style guide kısmında input field'da yer alan initial ve filled alanları gibi