Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan Android uygulama kullanıcı arayüzü tasarımı konulu eğitim içeriğidir.
- Video, uygulama tasarımı sürecini adım adım göstermektedir. İlk bölümde uygulamaya özel title ve yan menü oluşturma, ikinci bölümde ise logo ekleme, butonlar oluşturma, kartview'lar üzerinde şekil değişiklikleri yapma, renk ayarları ve hizalama işlemleri anlatılmaktadır. Eğitmen, "Mr Onset" adlı bir uygulama örneği üzerinden anasayfa, gizlilik, forum ve bilgi gibi butonların nasıl tasarlanacağını göstermektedir.
- Video bir serinin parçası olup, bir sonraki videoda kod işlemleri ve sayfa geçişleri yapılacağı belirtilmektedir.
- 00:11Video Tanıtımı ve Plan
- Video, uygulamaya kendimize ait bir title ve yan menü eklemeyi gösterecek.
- Yan menüdeki seçime göre sanal ekranları nasıl açabileceğimizi göreceğiz.
- Video iki part olacak çünkü işlemler uzun sürüyor ve diğer partta blok kısmını oluşturacağız.
- 00:42Title Tasarımı
- Varsayılan title ortaya gelmiyor, bu yüzden kendimiz yapmak zorundayız.
- Ekran ayarlarından title visible'ı kapatıp, layout'tan yatay yerleşim atıyoruz.
- Yatay yerleşimin genişliğini full, yüksekliğini %8 olarak ayarlayıp, hizalamasını merkez olarak belirliyoruz.
- 01:58Title İçeriği
- Yatay yerleşimin içerisine user interface'den level atıyoruz.
- Level'a beyaz renk, 18 font size ve "mr-oncet" font tipi veriyoruz.
- Title'ın fontunu 18 olarak ayarlayıp, bold özelliğini kapatıyoruz.
- 03:12Butonlar ve İkonlar
- Title'ın hem sağına hem de soluna buton atıyoruz ve arka plan renklerini null olarak ayarlıyoruz.
- Butonlara materyal ikonlar yerleştiriyoruz, menü adında ikonları kullanıyoruz.
- Butonların font size'ını 30 olarak ayarlayıp, text center'dan left olarak hizalıyoruz.
- 05:50Yan Menü Tasarımı
- Yan menü için layout'tan dikey yerleşim atıyoruz ve genişliğini %70 olarak ayarlıyoruz.
- Dikey yerleşime light grey arka plan rengi ekliyoruz.
- Dikey yerleşimin içerisine yatay yerleşim atıyoruz, genişliğini full, yüksekliğini 15 olarak ayarlayıp, kart içine alıyoruz.
- 07:47Kullanıcı Arayüzü Tasarımı
- Hizalamalarda merkez almayı unutmamak önemlidir, aksi takdirde tekrar geri dönmek zorunda kalınabilir.
- Kullanıcı arayüzüne bir image eklenerek logo yerleştirilir ve yükseklik-genişlik değerleri ayarlanır.
- Kartview'in dikey yerleşimi left olarak ayarlanır ve font size'ı 18 olarak kalın (bold) yapılır.
- 10:17Butonların Yerleştirilmesi
- Butonlar yatay yerleşim içinde yerleştirilir ve her birinin genişliği 60 olarak ayarlanır.
- Butonların içindeki yerleşimler merkeze hizalanır ve genişlikleri full yapılır.
- Butonların altına iki adet level eklenir ve ikonlar ile metinler yerleştirilir.
- 12:22Butonların Stilizasyonu
- Kartview'ların elevation değeri sıfırlanarak gölge olmaması sağlanır.
- Butonların corner radius değeri 15 olarak ayarlanır ve tıklanabilirlik özelliği açılır.
- Butonların arka plan rengi sarı, metin rengi siyah-26-24-21 olarak ayarlanır ve stroke değeri 3 olarak sarı olarak eklenir.
- 14:36Diğer Butonlar ve Tasarım Tamamlama
- Anasayfa, gizlilik, forum ve hakkında butonları kopyalanarak yerleştirilir ve metinleri değiştirilir.
- Butonlar arasında boşluk bırakılır ve en alta sürüm numarası yazısı eklenir.
- Tasarımın arka plan rengi beyaz olarak ayarlanır ve butonların stroke rengi kahverengi olarak değiştirilir.