İçerik eklemek kadar önemli bir diğer adım olan Uygulama Tasarımını bu makalemizde inceleyeceğiz.

Mobil uygulamanızın tasarımını dört başlık altında düzenleyebilirsiniz;

1. Uygulama Adı ve İkonu
2. Şablon Değiştir
3. Görünüm
*a.Genel Tercihler
*b.Menü Tercihleri
4. Modül Tasarımı

1.Uygulama Adı ve İkonu

Mobil uygulamanızın adını ve ikonunu istediğiniz zaman değiştirebilirsiniz. Bu ekrandaki mobil uygulama ismi ve ikonu uygulamanızın mobil cihazlarda görünecek olan bilgileridir. Uygulamanızın adını veya ikonunu değiştirmek için sol menünün en üstünde yer alan kalem ikonuna tıklayınız.Karşınıza çıkan ekrandan Uygulama Adı bölümünü maksimum 30 karakter olacak şekilde ve Uygulama İkonu bölümünü de 1024×1024 piksel boyutunda ve PNG, JPG veya JPEG formatında olacak şekilde düzenledikten sonra sağ altta bulunan Kaydet butonuna tıklayınız.

Kaydet butonuna basınca ekrana gelen Logonuz ile birleştirilsin mi? ekranı tamamen sizin tercihinize kalmış bir seçenektir. Evet demeniz durumunda logonuz uygulamanızın ana ekranında yerleştirilecektir.

Uygulama bilgileri ekranında yapacağınız değişikliklerin aktif olması için yeni bir APK üretmeli ve yeni APK’nın kurulumunu yapmalısınız.

Hangi durumlarda yeniden APK üretmeniz gerektiğini anlatan makalemiz size yardımcı olacaktır.

2.Şablon Değiştir

Mobil uygulamanızın görünümünü değiştirmek için Şablonu Değiştir özelliğinden faydalanabilirsiniz.Uygulamanızın şablonunu değiştirmek için, uygulama panelinizin sol kısımda pano sekmesinde bulunan Şablonu Değiştir butonuna tıklayınız.Karşınıza çıkan ekranda kategorileri ve şablon tasarımlarını göreceksiniz. Buradaki kategorileri seçerek şablonlara bakabilir ya da tüm şablonları aşağıya doğru inceleyebilirsiniz.

Şablonlar size bir sınırlama getirmez. Gördüğünüz görselleri ve ikon resimlerini değiştirebilirsiniz.

İstediğiniz şablonun üzerine gelince Seç ve Devam Et butonuna basınca şablon aktif olacaktır. Daha sonra Kontrol Paneline Dön butonuna basarak panele dönüş yapabilirsiniz.

3.Görünüm

Panelinizin sol tarafında bulunan Görünüm sekmesinden tasarımınızı özelleştirebilirsiniz.

Görünüm sekmesi iki alt başlık halinde Genel Tercihler ve Menü Tercihleri olarak ikiye ayrılmaktadır.

a.Genel Tercihler

Bu bölümde;
Renkler ve İmajlar başlıklarından mobil uygulamanızın tasarımlarını düzenleyebilirsiniz.

Varsayılan üst bar rengi: Mobil uygulamanın en üstünde yer alan navigasyon barının rengini buradan ayarlayabilirsiniz.

Varsayılan metin rengi: Mobil uygulamanızdaki metinlerin ne renkte olacağını buradan belirleyebilirsiniz.

Varsayılan alt menü metin rengi: Alt menülerin metin rengini buradan ayarlayabilirsiniz.

Açılış Resmi: Mobil uygulamanız açılırken ekranda görüntülenecek resimdir. Resim dosyasının uzantısı PNG veya JPG olmalıdır ve resmi 640×1136 piksel boyutlarında seçmelisiniz.

Açılış Resmi’nde yapacağınız değişikliklerin aktif olması için yeni bir APK üretmeli ve yeni APK’nın kurulumunu yapmalısınız.

Hangi durumlarda yeniden APK üretmeniz gerektiğini anlatan makalemiz size yardımcı olacaktır.

Varsayılan alt menü arka planı: Oluşturduğunuz alt menülerin arka plan resmi otomatik olarak bu olacaktır. Her alt menünün arka planını farklılaştırabilirsiniz. Resim dosyasının uzantısı PNG veya JPG olmalıdır ve resmi 100×640 piksel boyutlarında seçmelisiniz.

Varsayılan ekran arka planı: Oluşturduğunuz ekranlar otomatik olarak bu arka planı kullanacaktır. Ama isterseniz her ekranın arka plan resmini değiştirebilirsiniz. Resim dosyasının uzantısı PNG veya JPG olmalıdır ve resmi 640×1136 piksel boyutlarında seçmelisiniz.

 

b.Menü Tercihleri

Uygulamanızın Menü Tipini bu bölümden değiştirebilirsiniz. Menü arka planınızı ve uygulamanızda yer alan ikonların arka planını yine bu ekrandan değiştirebilirsiniz.

Bu ekranda yaptığınız her bir değişiklik için Kaydet butonuna basmanız gerekmektedir.

Menü Şablonu: Bu bölümde 4 farklı menü tipi ve 20 farklı şablondan birini seçebilir ve mobil uygulamanızın navigasyon menüsünün görünümünü istediğiniz anda değiştirebilirsiniz.Menü arka planı: Seçtiğiniz menü şablonuna uygun bir arka plan resmi seçebileceğiniz bölümdür. Bu resmin ana sayfa resmi gibi ekranda görünecek olan resim olduğu unutulmamalıdır.

Hücre arka planı: Seçtiğiniz menünün hücrelerinin arka plan resmini seçebileceğiniz bölümdür. Menü ekranında bulunan ikonların arka plan resmidir.

4.Modül Tasarımı

Bu ekran her modülde farklılık göstermektedir. Her modülün nasıl kurulumu yapıldığı ile ilgili makaleleri incelemek için Modüller sayfasına bakabilirsiniz.

Her modülde olan uygulama ikonunu değiştirebilirsiniz. Standart içerik yazısının yanında bulunan resim ekranına tıklayarak ikonu değiştirebilirsiniz. İkonu kütüphaneden seçerek değiştirebilir ya da 200×200 piksel boyuntunda PNG, JPG veya JPEG uzantılı olarak görsel yükleyebilirsiniz.

Arka plan resmi: Bu bölümde sadece bu modüle özel bir arka plan resmi ekleyebilirsiniz. Varsayılan olarak seçmeniz durumunda Görünüm > Genel Tercihler > Varsayılan arka plan resmi bölümüne eklediğiniz resim olacaktır.

Ana resim: Bu bölüme ekleyeceğiniz 300×150 piksel boyutlarındaki resim ise eklediğiniz modülün içeriğinde, en üst kısmında gözükecek olan resimdir.

Tasarımlarınızı düzenledikten sonra uygulamanızı ön izlemek için Adım 4 : Uygulamanın Ön İzlemesini Yap makalesini inceleyebilirsiniz.