• Buradasın

    UI Tasarımı

    Özetteki ilgi çekici içerikler

    • 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

    • 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

    • 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

    • 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

    • 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

    • 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

    • 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

    • 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

    • 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

    • 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

    • Web Tasarımı Eğitimi: Landing Page ve Web Sitesi Tasarımı

      Bu video, bir eğitmen tarafından sunulan canlı yayın formatında bir web tasarımı eğitimidir. Eğitmen, izleyicilerle etkileşim halinde olup, onların sorularına cevap vermektedir.. Video, web tasarımı sürecini adım adım göstermektedir. İlk olarak wireframe yapmanın önemi ve üç farklı wireframe oluşturma yöntemi anlatılmakta, ardından Illustrator ve Photoshop programları kullanılarak bir web sitesi tasarımının tüm aşamaları gösterilmektedir. Tasarım süreci, banner tasarımı, menü oluşturma, butonlar, içerik tasarımı ve yorum sistemi gibi web sitesi bileşenlerinin nasıl oluşturulacağını içermektedir.. Eğitimde "az tasarım" prensibi vurgulanmakta, content ve duyguyu ön plana çıkarmak için bol negatif alan kullanmanın önemi anlatılmaktadır. Ayrıca renk seçimleri, grid sistem, fontlar ve kullanıcı arayüzü öğeleri gibi tasarım unsurlarının nasıl kullanılacağı detaylı olarak gösterilmektedir.

      • 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

    • 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

    • 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

    • 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

    • 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

    • 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
  • Yazeka sinir ağı makaleleri veya videoları özetliyor