UI Design Trends 2022 - Sıfırdan Mobil Uygulama Tasarımı Yapıyoruz!

[@yusuforhan6753]

Hocam merhaba burda yaptığımız tasarımı Android studiodaa nasıl kullanıyoruz

[@emincetin9905]

Hocam benim merak ettiğim şey ilk uygulama tasarlamaya başlarken width ve height önemli mi önemsiz mi çünkü sadece bir telefon için oluşturulmuyor bu uygulama sonuçta eğer önemsiz ise neye göre kaç pixel seçiyoruz ben iphone 14 pro max ve 15 pro max boyutlarına baktım bir de figmadaki hazır boyutlara baktım pixel cinsinden ikisi farklıydı tasarım uygulaması kullanırken biz kaç pixel ayarlamayız neye göre PPI belirlemeliyiz

[@akhenatontubba9950]

Ellerinize sağlık çok güzel olmuş...fikir olarak :kuran meal(cok fazla mealin bir arada bulunabildigi) uygulaması yapmayı düşünür müsünüz ?

[@faruklevent3800]

Elinize sağlık çok güzel olmuş 👍

[@semihsaralpro]

Teşekkürler, kanalımın ilk yorumu olarak duygulandırdı :) Umarım ilerleyen süreçlerde büyük bir ekip olururuz ve bu ilk yorumu hep beraber hatırlarız. Sağlıcakla kalın.

[@1982erhanyayli]

Hocam kolay gelsin iyi çalışmalar Adobe xd kartman arayüzü bitirdin nasıl Mobil App indirebiliriz telefonda kullana biliriz

[@user-qh8sh1uj5s]

bi şey sormak istiyorum, ui ux’e giriş yapmak istiyorum figmayla başlayacağım fakat iş ilanlarına baktığımda adobe photoshop xd vs istiyorlar, ben açıktan web tasarım kodlama okuyorum adobe uygulamalarını bi şekilde öğreniyorum ama pahalılığından dolayı satın alamıyorum. Adobe üzerinden proje yapmadıktan sonra beni nası işe alıcaklar, nası bi yol izlemeliyim

[@semihsaralpro]

Dostum çok yanlış bir penceredesin. UI ayrı bir kavram, ux çok ayrı bir kavram. Ux için zaten bir programa ihtiyacın yok, o farklı bir alan. UI design alanında ise figma yada xd kullanabiliyor olman ui designer olabileceğin anlamına gelmiyor. Senin önceliğin ui designer olabilmek, figma kolay bir program. Xd de benzer zaten ikisi de hemen hemen aynı. Bunları bilmen bi avantaj değil, iyi tasarım yapabilmek bir avantaj

[@zehragultekin5851]

bunu koda dökmek istiyorum nereden ulabilirim çok beğendim tasarımı resimlerine sayfalarına felan

[@yadullamemmedov2495]

Yalnız Figma ile Böyle Uzun Çok Sayfalar hazırladığında UXUl design oluyormusun Yoksa Bu bir kısmıydı öyrenmeli olduğun başka uygulamalar ve islemler var mı?

[@semihsaralpro]

Figma bir tasarım aracı, Figma öğrenerek ui ux designer olamazsın. Farklı teknikler ve çizime hakim olman gerekir. Figma benzeri bir çok program mevcut

[@aytac_eren]

Merhaba, öncelikle emeğinize sağlık, excel de veri tabanından sorgu yapılacak şekilde basit bir uygulama için öneriniz ne olur

[@semihsaralpro]

Merhaba, Excel datalarını database e aktarman gerek, sonrası zaten standart. Exceli bir veritabanı değil, direk çalışmaz. Yol gösterici olarak bir yazılımcıyla projenizi görüşebilirsiniz :)

[@rodewin4477]

Normalde bu videoda yaptığınız tasarım yayınlanıcak bir sey olsaydi en az kac sayfalık bir tasarim olurdu ?

[@semihsaralpro]

Selamlar projeye göre içeriğe göre değişiklik gösterir ama minimum 20 30 adımlı sayfa olabilirdi. Genel şablon önemli olan diğer sayfaların iş gücü daha kolay olur genelde :)

[@rodewin4477]

@@semihsaralpro siz sadece tasarliyorsunuz sonrası yazılımcılarda değil mi

[@cevdetkazazi]

Merhabalar Semih bey. Videonuz çok güzel hazırlanmış ellerinize emeğinize sağlık, yaptığınız tasarım da çok hoş. Size bir sorum olacaktı bu tasarımları yaptığımızda sizin yaptığınız gibi sayfa sayfa yaptıktan sonra onu uygulamada çalışacak hale nasıl getirebiliriz? Yada geçişler nasıl olacak sayfalar arasında onu hiç anlamadım doğrusu merak ettim.

[@semihsaralpro]

Selamlar Cevdet, basit düşünürsek mobil uygulama için 3 aşamayı söyleyebilirim; 1. aşama : tasarım 2. aşama : front end 3. aşama : yazılım Tasarım aşamasından sonra front end developer, bu tasarımları kullanıcıların kullanabileceği şekilde koda döküyor. Ön yüzde çalışır hale getiriyor. Arkaplanda ise yazılımcı yazılımını yazıyor ve ön yüz ile bağlantısını bir veritabanı ile bağlıyor. Bu sayede uygulama çalışabiliyor. Sayfa geçişleri, yazılım sürecinde başlıyor :) Tabi bu ben en basit 3 aşama olarak söyledim. Sağlam ve düzgün bir proje için en az 6-7 aşama oluyor. ve hepsi farklı uzmanlık alanı gerektiriyor. Umarım açıklayıcı olabilmiştir :)

[@kursat4836]

@@semihsaralpro Ya da para karşılığında, bize yaptırabilirler. Yaptıkları tasarımı IOS/ Android/Web için çalıştırabiliriz)))

[@ramoAlex90]

Hocam ben bilgisayar mühendisliği okuyorum yolun daha başındayım tasarım yeteneğim yok (renk körüyum:))ben yazılım alanıyla ilgileniyorum bu tasarımların yazılım alanında nasıl kullanıyoruz

[@semihsaralpro]

Selamlar, Front end developer olabilirsin belki. Tasarım aşamasından sonra front end developer'lar tasarımları ön yüze dökerler. Html & Css & jQuery kullanarak. Vue JS gibi bir çok metot var. Front end derslerine yoğunluk verebilirsin. Yazılım alanında uzman arayan aşırı firma var. Gelecek yazılım, her ne olursa olsun yazılım alanında ilerleyebilirsin tavsiye ederim :) önümüzdeki yıllarda herşey dijitalleşecek ve bunu yazılımcılar gerçekleştirecek..

[@ramoAlex90]

@@semihsaralpro hocam baska bır sorum daha var mobil uygulama için android studio da yapılan tasarımlar yeterli olurmu

[@semihsaralpro]

@@ramoAlex90 Andorid studio'da ön yüze dökersin, tasarım için adobe XD, Figma gibi programlarin kullanılması gerekiyor. Tasarım aşaması biten projelerin, reskinleri çıkarılması amacıyla android studio, visual studio gibi farklı programlarla reskin işlemi gerçekleşiyor sonrasında da yazılım aşaması geliyor :)

[@teypeyp]

selamlar collect chicken pose yazmanız gerektiğinde çözümünüz ne olacak acaba?

[@semihsaralpro]

Selamlar, ne demek istediğinizi anlayamadım.

[@teypeyp]

@@semihsaralpro diğer üç üründe pose yazıyor ama son eklediğiniz üründe pose sığmadığı için yazıyı pose'u sildiniz. sadece Collect Chicken yazdınız. Müşteri bunu kabul etmeseydi buna çözümünüz ne olurdu acaba diye sormak istedim. Çok teşekkürler.

[@semihsaralpro]

Çok önemli bi durum değil bu çünkü tasarım aşamasında o yazılar random yazılıyor. Müşterinin içerikleri uygulama yazılım aşamasından sonra eklenir. Aşağı inmemesi için yazılım aşamasında karakter sınırlaması getirilir bu sayede 3. Satıra düşmeden tasarımdaki gibi görünür. Bu aşama için önemli bir konu değil 👍

[@halimaydin1739]

Web sitesini uygulamaya dönüştürünce bildirim geliyor mu

[@semihsaralpro]

Bunun için farklı bildirim sistemleri var. Tasarım ile ayrı bir konu 👍

[@kerwenyolykerwenyoly4623]

Merhaba abicim senin yaptigin tasarimlari çok begendim sizinle nasil iletişime geçebilirz ben site yapmak istiyorum da sadece tasarimlar lazim

[@semihsaralpro]

Merhaba dostum, [e-mail] adresine mail atıp iletişime geçebilirsin benimle 👍

[@Zeyneepp99]

Aynı şirkette çalışan ve aynı titleda olan UX designer ve front end développer kişilerinin maaş oranları nasıl değişmektedir ? Yüzde olarak oran verseniz tahminen ne kadar değişmektedir ? Türkiye ve Amerika’da bu durumu nasıl analiz ederdiniz ?

[@semihsaralpro]

Selamlar, ikisini karşılaştırmak yanlış olur. Şirket, yetkinlik, alan ve ihtiyaç doğrultusunda bütçeler değişebiliyor. Sr. Front end Developer ortalama maaş oranı nedir diye araştırırsanız ve yine sr. Ux designer diye araştırırsanız doğru sonuç alabilirsiniz, ux kendi alanında da ayrışıyor birim olarak. Türkiye’de şuan sr. Front end maaşları 20k - 40k arasında değişir makas çok geniş. Yetkinlik beceri ve portföy bu işi yönlendiriyor :)

[@Happy-ys2ee]

Merhaba. UI & UX tasarımcısı olmak isteyenler sırasıyla nasıl yol izlemeli ve iş başvurusu yapacak duruma nasıl gelinir. İşletmeye ne sunmalı bir işletme tam olarak bizden ne bekler profesyonel olarak bu işi yapanlar verilen işe nasıl hazırlanıp hayata geçirir gibi bir çok sorum var. Teşekkürler.

[@semihsaralpro]

Merhabalar bol bol tasarım projeleri çizilmeli font, renk ve taslak çalışmaları yapılmalı. Özellikle yeni başlayanlar mevcut web sitelerinin yada mobil uyglamalarını tekrar aynısını çizmeye çalışarak özellikle birebir aynısını eli ve tasarım gözü daha hızlı gelişebilir. Bu konularla ilgili yakında yeni bir video çekeceğim. İş yerleri sizden iyi bir portföy bekler. Kendi tasarım portföyünüzü oluşturmanız gerek.

[@berkecanaslanofficial]

tasarımı yapınca nasıl dışarıya uygulama olarak aktarabiliriz

[@semihsaralpro]

Tasarım sadece tek bir aşaması, Sonrasında front end döküm, backend ( yazılım ) aşamaları test aşamaları var. Uygulama yapmak yada web sitesi yapmak malesef sadece çizmekten ibaret değil çizim sadece bu işin önemli bir parçası :)

[@elizabethbennet553]

Meraba, öncelikle teşekkür ederim paylaşımıniz için.Sadece bir sorum olacakti.Tasarimi boyle yazilimciya suna bilirmiyiz yoksa mutlak autolayout, constraint gibi ozellikleri də katarak responsive mi yapmaliyiz ?

[@semihsaralpro]

Selamlar, işini bilen yazılımcı gördüğü gibi bu tasarımı koda dökebilir. Ben piyasada öyle yazılımcılar gördüm ki herşeyi hazır verdiğinizde bile yine dökemiyorlar :) bu iş biraz yetkinlikle alakalı. Autolayout a gerek yok o yüzden :)

[@Omsi2Captain]

hocam merhaba web için yaptıgım siteyi mobil için nasıl yapabilirim otamatik yapma var mı? mobile entegre yoksa sıfırdan onuda mobil için mi yapmam gerek

[@semihsaralpro]

Merhabalar, tabi ki hayır :) özel olarak çözebilirsin web versiyon mobilde nasıl gözükeceğini. Biz buna responsive tasarım diyoruz. Çizilen web sitesini html css döküm aşamasında tablet, mobil uyumlu hale getiriliyor. Bir mobil app yapmak istiyorsan web sitesinden devşirme o webview sistemle oluyor.

[@iplikcinedim8958]

Abi aklımda bir mobil uygulama fikri var çok özgün olduğunu düşünüyorum birçok şeyi de zamana yayarak yapmayı hem de yaparken kendimi geliştirmeyi düşünüyorum.Oncelikle öğrenmem gereken bir yazılım var ağırlığı bu konuya vereceğim ama uygulamanın arayüzü,logosu,animasyonları gibi unsurları kendim yapmak istiyorum(bunu aslında hobi olarak yapmayı da düşünüyorum keyfi olarak çok hoşuma gidiyor tasarım alanı) şöyle bir sorum var mobil uygulama için bahsettiğim kavramları gerçekleştirmek istesem nasıl başlamam gerekir ? Hangi programları kullanmalıyım ? yardim edermisin saygılar

[@semihsaralpro]

Selamlar kardeşim, önemli olan başlamak. Bol bol çizimler yapıp denemeler yapmak. Bu işe sıfırdan başlıyorsan eğer daha önce yapılmış çalışmaları tekrardan çizmeye çalışabilirsin. Birebir aynı tasarımı çizdiğin zaman epey yol almiş olursun :) Tavsiyem XD veya Figma kullanabilirsin. Programın burada esasen ne olduğu çok önemli değil, senin yeteneğin ve bakış açın önemli. UX içeriklerini bol bol takip etmeni, behance yada dribbble gibi tasarım portföy sitelerini takip etmeni öneririm. Buralar senin bakış açını epey geliştirir. Yeni video'mda bir mobil uygulama tasarımı daha yapacağım, farklı alanlarda tasarımlar yapıp bu tasarımları sizlere sunacağım. Sende istersen video'yu izlerken bir yandan benim çizdiğim tasarımı çizmeyi deneyebilirsin. :) İlerleme durumun hakkında iletişimde kalalım. Sağlıcakla kal.

[@iplikcinedim8958]

@@semihsaralpro çok teşekkür ederim vakit ayırdığın için abi valla dün dümenden de olsa aklıma ki bir tasarımı yaptım bakalım yolun sonu nereye çıkacak. :) İçeriklerini takipteyim

[@tertiaoculuss]

iphone iconlarını nereden eklediniz

[@semihsaralpro]

Merhaba, genel ikon set'im mevcut standart bir ikon seti indirip kullanabilirsiniz

[@nazifegulnurozturk]

karakter indirdiğiniz sitenin adı neydi ?

[@semihsaralpro]

Envato elements ücretli bir platform oradan benzer 3d karakterler indirebilirsiniz. Son dönemde epeyce pahalılandı ama bilginiz olsun

[@doch3839]

hocam videodaki uygulama hangisidir ?

[@semihsaralpro]

Selamlar, Adobe XD’de tasarımı yapıldı 👍

[@doch3839]

@@semihsaralpro çok teşekkür ederim hocam hayırlı akşamlar 😊

[@semihsaralpro]

Rica ederim, alternatif olarak Figma yıda inceleyebilirsin. Temel olarak ikiside çok benzer :) iyi akşamlar 💪

[@ayseeslempasaoglu7112]

butonları bulabileceğimiz ücretsiz siteleri söyleyebilir misiniz

[@semihsaralpro]

Merhabalar, envato elements, freepik gibi vector sitelerinden bakabilirsiniz. Fakat butonları hazır almanızı tavsiye etmem, buton yapılan tasarımla özdeşleşebilecek ve basit bir şekilde tasarıma uygun buton setinizi hazırlayabilirsiniz.

[@wonderstudios4069]

link