• Buradasın

    UI Tasarımı

    Özetteki ilgi çekici içerikler

    • 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 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

    • Adobe XD Kullanım Eğitimi

      Bu video, bir eğitim içeriği olup, anlatıcı tarafından Adobe XD programının temel kullanımını gösteren bir ders formatındadır. Video, Adobe XD'nin ne olduğunu ve nasıl indirileceğini açıklayarak başlıyor. Ardından programın açılışı, yeni proje oluşturma, artboard ekleme, temel tasarım öğeleri (kare, daire, metin) oluşturma, gruplama, boyama ve renklendirme gibi temel özellikler gösteriliyor. Anlatıcı, bir Facebook giriş ekranı tasarımı örneği üzerinden programın kullanımını adım adım gösteriyor. Video, bir serinin ilk bölümü olup, ikinci videoda daha detaylı bilgilerin verileceği belirtiliyor.

      • 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

    • 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

    • 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

    • Mobil Uygulama Tasarımı Eğitim Videosu

      Bu video, bir eğitim içeriği olup, konuşmacı mobil uygulama tasarımı konusunda bilgi vermektedir. Konuşmacı, bilgisayarının kuvvetli olmadığı için videoları parça parça çektiğini belirtmektedir. Video, mobil tasarımcıların bilmesi gereken kadraj konusunu ele alarak başlıyor ve ardından Technologyok.com örneği üzerinden slider alanı tasarımı gösteriliyor. Konuşmacı, resimlerin doğru ebatlandırılması, kadraj hesaplaması, başlık alanı oluşturma ve slider butonları ekleme gibi adımları adım adım gösteriyor. Ayrıca, tasarım sırasında katmanlara isim vermenin önemi vurgulanıyor.

      • 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

    • 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

    • 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

    • 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

    • 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

    • 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

    • Öne Çıkanlar Bölümü Tasarımı Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere öne çıkanlar bölümündeki küçük resimlerin nasıl tasarlanacağını adım adım göstermektedir. Video, düzenli sayfa görünümünün önemi ve öne çıkanlar bölümündeki görsellerin tasarımı konusunu ele almaktadır. Eğitmen, 500x500 piksel boyutunda bir çalışma alanı oluşturarak, yuvarlak bir alan oluşturma, renklendirme, gradient overlay kullanımı ve müzik listesi simgesi ekleme gibi temel tasarım adımlarını göstermektedir. Video, basit malzemelerle güzel bir öne çıkanlar bölümü tasarımı yapma sürecini kapsamlı bir şekilde anlatmaktadır.

      • 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

    • 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

    • Unity'de UI Elemanları Eğitimi

      Bu video, Unity oyun motorunda UI elemanlarını anlatan bir eğitim dersidir. Eğitmen, Unity'de UI elemanlarının nasıl kullanılacağını adım adım göstermektedir. Videoda Canvas'a sağ tıklayarak oluşturulan UI elemanları (Image ve Row Image) detaylı olarak incelenmektedir. Eğitmen, normal resim ve ham resim arasındaki farkları, resim boyutlarını ayarlama yöntemlerini (Shift ve Alt tuşları ile), anchor (çapa) ayarlarını ve materyal ekleme gibi temel konuları göstermektedir. Ayrıca, resimlerin orijinal boyutlarını koruyarak büyütme veya küçültme seçenekleri de açıklanmaktadır.

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