• Buradasın

    UI Tasarımı

    Özetteki ilgi çekici içerikler

    • Unity'de Oyun Menüsü Tasarımı Eğitimi

      Bu video, Ali Onurgemen tarafından sunulan Unity derslerinin dördüncü bölümüdür. Ali, bilgisayar mühendisliği alanında içerik hazırlayan bir eğitmen olarak kendini tanıtmaktadır. Videoda Unity'de kullanıcı arayüzü (UI) elemanlarının kullanımı, menü tasarımı ve sahneler arası geçişler konuları adım adım gösterilmektedir. Eğitmen, menü oluşturma sürecini, Canvas ve Event System ekleme, UI Scale modunu ayarlama, arka plan ekleme, anchor presetlerini kullanma ve TextMesh Pro ile buton oluşturma gibi temel adımları anlatmaktadır. Eğitim içeriğinde ayrıca "Play", "Settings", "Quick" gibi butonların oluşturulması, transparanlık değerlerinin ayarlanması, "Quid Game" fonksiyonu ile oyundan çıkma işlemi, "Moments" sahnesine geri dönüş için buton ekleme ve menünün görsel estetiğini artırmak için arka plan filtresi ve text gradient ekleme gibi detaylar da gösterilmektedir.

      • youtube.com

    • Unity'de Oyun Kaydetme UI Oluşturma Eğitimi

      Bu video, bir Unity oyun geliştirme eğitimidir. Eğitmen, oyunda kaydetme UI'sinin nasıl oluşturulacağını adım adım göstermektedir.. Videoda, oyun içinde kaydetme UI'sinin oluşturulması, düzenlenmesi ve programlanması anlatılmaktadır. Eğitmen önce UI panel ve metin oluşturma, ardından bu UI'nin oyun içinde nasıl gösterileceğini ve gizleneceğini kodlayarak göstermektedir. Video, oyunun başlangıç ve polis istasyonu sahnelerinde gösterilecek cutscenes'in nasıl oluşturulacağına değinecek bir sonraki bölümün olacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • Arayüz Tasarımı Eğitiminde Tipografi

      Bu video, arayüz tasarımı serisinin bir parçası olan tipografi konulu bir eğitim içeriğidir. Eğitmen, tipografinin UI tasarımının en zor ve önemli kısmını oluşturduğunu vurgulamaktadır. Video, tipografinin temel kavramlarını açıklamaktadır: taban çizgisi, x yüksekliği, karakter aralığı, satır aralığı ve beyaz alan. Eğitmen, bu kavramların nasıl uygulanacağını pratik örneklerle göstermekte ve iyi bir tipografinin nasıl oluşturulacağını göstermektedir. Ayrıca, tipografinin tek bir videodan öğrenilemeyeceği, bol pratik ve okuma gerektirdiği belirtilmektedir.

      • youtube.com

    • Unreal Engine'de UI Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Unreal Engine'de UI (Kullanıcı Arayüzü) tasarımı serisinin bir parçasıdır. Videoda, Unreal Engine 4.27'de bir tur person template projesi üzerinden start menü yapımı adım adım gösterilmektedir. Eğitmen, widget blueprint oluşturma, canvas panel ekleme, widget switcher kullanımı, buton ekleme ve ses ekleme gibi temel adımları anlatmaktadır. Ayrıca Wordcal Box ve Vertical Box gibi widget'ların kullanımı, spacer'ların ayarlanması ve menü butonlarının oluşturulması da gösterilmektedir. Bu eğitim serisi, ilerleyen bölümlerde option menü, pause menü, oyun içindeki yazılar, itemler ve envanter gibi UI'lerin nasıl yapılacağını da içermektedir. Video, ana menü, ayarlar menüsü ve level menüleri oluşturma sürecini kapsamakta ve bir sonraki bölümde ayarlar menüsünün oluşturulacağını belirterek sona ermektedir.

      • youtube.com

    • Flutter'da Genel Tema Oluşturma Eğitimi

      Bu video, Flutter uygulamalarında genel tema oluşturma konusunda bir eğitim içeriğidir. Eğitmen, Flutter'da aydınlık ve karanlık temanın nasıl entegre edileceğini adım adım göstermektedir. Video, Flutter'ın varsayılan tema sistemini kullanarak tema oluşturma sürecini anlatmaktadır. Önce tema verilerinin nasıl ekleneceği, ardından bu verilerin nasıl özelleştirileceği ve özel tema dosyası oluşturma yöntemi gösterilmektedir. Eğitmen, tema değişikliklerinin tüm uygulamada nasıl etkili olacağını, renk, yazı boyutu ve app bar özellikleri gibi özelliklerin nasıl değiştirilebileceğini örneklerle açıklamaktadır. Ayrıca, tema değişikliklerinin tek bir yerden nasıl yönetilebileceği ve yeni widget'ların temaya uyumlu şekilde oluşturulabileceği de gösterilmektedir.

      • youtube.com

    • Yunt Platformunda Engellerden Kaçma Oyunu Geliştirme: Oyun Bitiş Sistemi

      Bu video, bir eğitmen tarafından sunulan Yunt platformunda engellerden kaçma oyunu geliştirme eğitim serisinin bir bölümüdür. Videoda, oyunun bitiminde kullanıcıya uyarı verme ve skor gösterme sistemi adım adım gösterilmektedir. İçerikte öncelikle UI elemanlarının (panel ve yazı) oluşturulması, ardından skor değişkeninin kullanımı, bitiş panelinin game object olarak tanımlanması ve hak sıfırlandığında bitiş panelinin aktif hale gelmesini sağlayan kodlar anlatılmaktadır. Eğitim serisi, bir sonraki derste oyunu yeniden başlatma butonu oluşturulacağı bilgisiyle devam edecektir.

      • youtube.com

    • Futbol Menajer Oyunu İçin Mesaj Kutusu Tasarımı

      Bu video, bir eğitim içeriği olup, konuşmacı futbol menajer oyununa mesaj kutusu tasarımı konusunda adım adım anlatım yapmaktadır. Videoda, mesaj kutusu tasarımı için gerekli kodların nasıl yazılacağı detaylı olarak gösterilmektedir. Konuşmacı önce panel oluşturma, auto scroll özelliğini ayarlama, mesajları yükleme ve silme işlemlerini anlatmaktadır. Ardından, maç gününe göre mesaj oluşturma, mesajları panelde gösterme ve mesajların görünümünü düzenleme konularını ele almaktadır. Video, temel bir mesaj kutusu tasarımı ile sonlanmakta ve daha fazla geliştirme için ileriki adımların bırakıldığı belirtilmektedir.

      • youtube.com

    • Unity'de Oda Oluşturma ve Kullanıcı Arayüzü Tasarımı Eğitimi

      Bu video, bir Unity oyun geliştirme eğitimidir. Eğitmen, izleyicilere adım adım Unity'de oda oluşturma ve kullanıcı arayüzü tasarımı konusunda rehberlik etmektedir. Video, kullanıcı arayüzü (UI) elemanlarının nasıl oluşturulacağını ve tanımlanacağını göstermektedir. Eğitmen önce bir panel oluşturarak oyuncu adı, oda adı, maksimum oyuncu sayısı, görünürlük ve girilebilme gibi özelliklerin UI elemanlarını (input field, text, toggle, button) nasıl ekleyeceğini anlatır. Ardından bu elemanların Unity kodunda nasıl tanımlanacağını ve butona tıklandığında oda özelliklerinin nasıl güncelleneceğini gösterir. Video, teorik bilgilerin yanı sıra pratik uygulamalarla desteklenmektedir.

      • youtube.com

    • Unity'de REC Tool Kullanımı

      Bu video, Unity oyun motorunda REC tool'un nasıl kullanılacağını gösteren bir eğitim içeriğidir. Video, REC tool'un ne olduğunu açıklayarak başlıyor ve F tuşuna basarak çıkan bu araçın kanvas üzerinde nasıl daha etkili kullanılacağını gösteriyor. Önce bir UI elementi (örneğin image) oluşturma, ardından canvas'a geçme ve W tuşlarıyla transform toollarını kullanma adımları anlatılıyor. REC tool sayesinde tam ortalayma, büyüklük ayarlama gibi işlemlerin daha kolay ve tam performansla yapılabileceği vurgulanıyor.

      • youtube.com

    • Basit Scrollbar Hazırlama Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere basit bir scrollbar hazırlama sürecini adım adım göstermektedir. Videoda, önce text aracı kullanılarak sahneye metin kutusu çizilip boyutlandırılıyor, ardından window kısmından components paneli açılarak user interface kısmından UI scrollbar bulunuyor ve metin kutusuna yerleştiriliyor. Son olarak, metin kutusuna yazı yapıştırılarak ve Ctrl+Enter tuşlarına basılarak basit bir scrollbar oluşturulmuş hale getiriliyor.

      • youtube.com

    • Oyun Geliştirme Devlog: UI Tasarımı ve Trafik Sistemi

      Bu video, bir oyun geliştirme devlog serisinin bir bölümüdür. İçerik üreticisi, önceki hafta UI konusunda yaptığı girişten sonra bu hafta yaptığı gelişmeleri paylaşıyor. Videoda içerik üreticisi, minimap sisteminin daha düzgün hale getirilmesi için ikinci kamera sisteminin nasıl yeniden yapılandırıldığını anlatıyor. Ayrıca UI arayüzünü Photoshop'ta yeniden tasarladığını ve daha iyi bir görünüm elde ettiğini belirtiyor. Trafik sistemi geliştirme aşamasında, araçların waypoint noktalarını takip ederek haritada gezinmesini sağlayan bir sistem oluşturduğunu ve rastgele araçların sahneye düşmesini sağlayan bir script yazdığını gösteriyor. Video, bir sonraki hafta kavşaklarda rastgele yol seçimi yapacak bir sistem kurma planıyla sonlanıyor.

      • youtube.com

    • Unity ve Flutter'da Kullanıcı Arayüzü Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan yazılım geliştirme eğitim serisidir. İlk bölümde Unity'de kullanıcı arayüzü (UI) oluşturma, ikinci bölümde ise Flutter'da uygulama tasarımı anlatılmaktadır. Video, iki farklı platformda kullanıcı arayüzü tasarımı konusunu ele almaktadır. İlk bölümde Unity'de canvas'a background ekleme, butonlar, slider ve text gibi UI bileşenlerini kullanma, anchor kullanımı ve objeleri ekran üzerinde sabitleme gibi temel bilgiler gösterilirken, ikinci bölümde Flutter'da oyuncu profil ekranı oluşturma, text ve input alanları ekleme ve checkmark işaretli buton kullanımı anlatılmaktadır. Eğitim serisi, bir oyun menüsü oluşturma örneği üzerinden ilerlemekte ve bir sonraki bölümde Flutter uygulamasında butonlara animasyon verileceği belirtilmektedir.

      • youtube.com

    • Textbox Chan'ın Hikayesi ve UI Dönüşümü

      Bu video, bir oyun karakteri olan Textbox Chan'ın hikayesini anlatan bir içerik formatındadır. Textbox Chan, başlangıçta bir oyun UI karakteri olarak tasarlanmış, daha sonra canlı bir insan kadına dönüşmüş bir karakterdir.. Video, iki ana bölümden oluşmaktadır. İlk bölümde Textbox Chan'ın oyuncu ile romantik bir ilişki kurma çabaları ve UI tasarım süreci gösterilirken, ikinci bölümde Textbox Chan'ın dönüşümünden sonra localization ve erişilebilirlik alanında çalışarak oyun stüdyolarına eğitim vermesi ve UI Code Consortium'un bir üyesi olması anlatılmaktadır.. Videoda ayrıca Textbox Chan'ın UI'nin sadece görsel değil, font seçimi, renk kullanımı ve erişilebilirlik gibi teknik detayları da içeren bir sanat olduğunu vurguladığı ve günlük yaşamı, konuşmaları ve izleyiciyle olan ilişkisi de gösterilmektedir.

      • youtube.com

    • Clicker Oyunu Geliştirme Eğitimi: Mağaza ve İşçi Butonu

      Bu video, bir clicker oyunu geliştirme serisinin son bölümüdür. Eğitmen, izleyicilere adım adım oyun geliştirme sürecini göstermektedir. Videoda, mağazadan alışveriş yapma ve artış değerini artırma mekanizması oluşturulmaktadır. Eğitmen önce butonları düzenleyerek "İşçi" butonunu oluşturur, ardından bu butona özellik ekler. Butona tıklandığında para değeri 10 azalır ve artış değeri 10'lar 10'lar artar. Ayrıca, butonun sadece 1 kez kullanılabilmesi için bir değişken eklenir. Video, oyun geliştirme sürecinin pratik bir uygulaması olarak, UI oluşturma ve temel kodlama tekniklerini göstermektedir.

      • youtube.com

    • Oyun Geliştirme Eğitim Videosu: Topun Yanması ve Yeniden Başlatma

      Bu video, bir oyun geliştirme eğitim serisinin bir bölümüdür. Eğitmen, izleyicilere adım adım bir oyun geliştirmeye nasıl devam edileceğini göstermektedir. Videoda, topun bıçaklara çarptığında yanması ve oyunun yeniden başlatılması özellikleri eklenmektedir. Eğitmen önce UI üzerinde puan ve yeniden oyna butonları oluşturur, ardından kod yazarak topun bıçaklara çarptığında yanmasını ve oyunun yeniden başlatılmasını sağlar. Ayrıca objelerin etiketlenmesi (tag) ve kolisyon kontrolü konuları da ele alınmaktadır. Video, oyun geliştirme sürecinde temel kodlama ve UI düzenleme tekniklerini göstermektedir.

      • youtube.com

    • Civilization Oyunu İçin Menü Tasarımı Eğitimi

      Bu video, bir oyun geliştirme eğitim içeriğidir. Eğitmen, Civilization oyunu için menü tasarımı yapmayı adım adım göstermektedir. Videoda, oyunun ana menüsüne oyun durdurma (pause) menüsü ekleme süreci detaylı olarak anlatılmaktadır. Eğitmen önce Canvas'tan bir panel oluşturarak menüyü tasarlamakta, ardından bu panele "Oyuna Devam Et", "Oyunu Kaydet" ve "Çıkış" butonları eklemektedir. Ayrıca menünün saydamlık değerini ayarlama, boyutlandırma ve hizalama gibi temel UI düzenleme işlemleri de gösterilmektedir. Video, save ve load menülerinin nasıl oluşturulacağına dair temel bilgiler vererek devam etmektedir.

      • youtube.com

    • Xiaomi Telefonlar İçin En İyi Temalar

      Bu video, Erol adlı bir kişinin Xiaomi telefonlar için en iyi temaları tanıttığı bir inceleme içeriğidir. Erol, uykusunun geldiğini belirterek hızlı ve seri bir şekilde anlatım yapmaktadır. Videoda beş farklı tema (Hello OS, Mega SRX UI, Baryon V12, Fusion SRX UI ve Spark Lei) detaylı olarak incelenmektedir. Her tema için ana ekran, kontrol merkezi, bildirim merkezi, ayarlar, kilit ekranı, saat arayüzü ve şarj animasyonu gibi farklı bölümler gösterilmektedir. Her tema için tasarım özellikleri, ikon paketleri ve animasyonlar hakkında bilgiler verilmekte, izleyicilerin kendi tercihlerine göre en uygun temayı seçmelerine yardımcı olunmaktadır.

      • youtube.com

    • Mobil Uygulama Haber Detay Sayfası Tasarımı

      Bu video, bir eğitim içeriği olup, izleyicilere mobil uygulama için haber detay sayfasının nasıl tasarlanacağını adım adım göstermektedir. Videoda, haber detay sayfasının yapısı incelenerek başlanmakta ve ardından tasarım süreci gösterilmektedir. Tasarım sırasında navigation bar, slider resim, başlık, spot yazısı, haber metni, büyütme-küçültme ikonları, paylaşım seçeneği, kategori ve tarih bilgilerinin nasıl yerleştirileceği anlatılmaktadır. Ayrıca, mobil tasarım yaparken yazıların büyük tutulması gerektiği ve kullanıcıların mobil telefonlarda rahat okuyabilmesi için dikkat edilmesi gereken noktalar vurgulanmaktadır.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor