• 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

    • 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

    • 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

    • 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

    • 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

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

    • Adobe X Design ile Mobil Uygulama Prototipi Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Adobe X Design programı kullanarak mobil uygulama prototipi tasarımı eğitimidir. Eğitmen, adım adım tasarım sürecini göstermektedir.. Video, "Kolay Hesap" adlı bir mobil uygulama prototipinin tasarımı üzerinden ilerlemektedir. İçerikte mobil uygulama ekran boyutlarının seçimi, şablon kullanımı, artboard oluşturma, grid sistemi kullanımı, objelerin hizalanması, renklendirme, yazı düzenleme, katmanlar kullanımı, gruplama ve maskeleme gibi temel tasarım teknikleri anlatılmaktadır.. Eğitimde ayrıca menü tasarımı, para transferi, para işlemleri, cüzdan, yatırım önerileri ve kartlarım gibi farklı butonların nasıl oluşturulacağı, ikon ekleme ve düzenleme gibi konular da ele alınmaktadır. Video, web ve mobil tasarım yapmak isteyenler için temel bir rehber niteliğindedir.

      • 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

    • 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

    • 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

    • 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

    • 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

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