Balsamiq Mockups - Giriş

Balsamiq'in Kurulumu

Balsamiq'i yüklemek için lütfen aşağıdaki gereksinimlere sahip olduğunuzdan emin olun.

Balsamiq'i bilgisayarınızda çalıştırmak için Adobe Air 2.6'nın çalışması gerekir. Çoğu bilgisayar ve işletim sisteminde sorunsuz çalışır. Adobe Air 2.6 için minimum sistem gereksinimleri aşağıda verilmiştir -

Pencereler için

Netbook sınıfı aygıtlar için 2,33 GHz veya daha hızlı x86 uyumlu işlemci veya Intel Atom ^TM 1,6 GHz veya daha hızlı işlemci.
Microsoft® Windows Server 2008, Windows 7, Windows 8 Classic veya Windows 10.
Minimum 512MB RAM (1GB önerilir).
AIR SDK Geliştirme Microsoft® Windows 7 ve üzerini, yalnızca 64 biti destekler.

Mac için

Intel® Core ^TM Duo 1.83GHz veya daha hızlı işlemci.
Mac OS Xv10.7 ve üzeri.
Minimum 512MB RAM (1GB önerilir).
AIR SDK Development, Mac OS 10.9 ve üzerini, yalnızca 64bit'i destekler.

Referans bağlantısı - Balsamiq Sistem Gereksinimleri

Balsamiq indiriliyor

Balsamiq'i aşağıdaki bağlantıdan indirebiliriz - Masaüstü Balsamiq için Balsamiq Mockups , Windows ve Mac OS'de mevcuttur.

Kullanıcı arayüzü

Kurulum tamamlandıktan sonra, Balsamiq'i bilgisayarımızdan açabilmeliyiz. Balsamiq'i ilk çalıştırdığımızda aşağıdaki ekranı ilk kez göreceğiz.

Yukarıdaki ekran görüntüsünde gösterildiği gibi, Balsamiq için kullanıcı arayüzü aşağıdaki dört bölüme ayrılmıştır.

Navigator
UI Kitaplığı
Inspector
Tel kafes alanı / Alan

Ekran görüntüsünde, kırmızı ile vurgulanan bölüm, Müfettiş / Proje Bilgileri bölümleri için geçiştir. Seçime bağlı olarak, Müfettiş / proje bilgileri bölümünü (3) görebilmeliyiz.

UI Kitaplığı

Aşağıdaki ekran görüntüsünde gösterildiği gibi, UI Kitaplığı farklı ekran öğelerine göre kategorize edilmiştir. "Tümü" bölümünde yatay olarak kaydırabilir ve Balsamiq'te bulunan ekran öğeleri hakkında fikir edinebilirsiniz.

Balsamiq'te bulunan farklı temel ekran öğesi kategorilerini tanıyalım.

All- Bu, Balsamiq'te bulunan tüm UI öğelerini kapsar. Bunları görüntülemek / kullanmak için yatay olarak kaydırabilirsiniz.
Assets - Giriş amacıyla, bunlar kullanıcı tarafından yüklenen özel varlıklardır.
Big- Bu kategori, boyut / görünüm açısından oldukça yüksek olan ekran öğelerini içerir. Bu kategoride yer tutucular, tarayıcı penceresi, iPad, iPhone gibi unsurları görebilirsiniz.
Buttons- Mobil / web tel çerçevelerinde kullanılan tüm düğme kontrollerini içerir. Tipik bir örnek, işlem düğmesi, onay kutusu vb. Olacaktır.
Common - Bunlar, en yaygın etkileşimleri belirtmek için kullanılan farklı şekiller / kontrollerdir.
Containers - Adından da anlaşılacağı gibi, Pencere, Alan Seti, Tarayıcılar vb. İçerir.
Forms - Bir formla ilgili tüm kullanıcı arayüzü kontrolleri bu kategoride mevcuttur.
Icons- Herhangi bir noktada, belirli bir işlemi bir simge ile belirtmeniz gerekebilir. Örneğin, yakın geçmişte, Kaydet düğmeli disket simgesine sahibiz. Bu kontrol kategorisi size bu işlem için gerekli simgeleri sağlayacaktır. Balsamiq'in büyük bir simge koleksiyonu vardır; kontrol etmekten çekinmeyin!
iOS - Apple iOS mobil işletim sistemine özel kullanıcı arayüzü kontrolleri bu kategori altında mevcuttur.
Layout- Temel bir sayfayı / özelliği temsil ederken, temel düzeni temsil etmek önemli hale gelir. Kategori düzeni, Accordian, Yatay / Dikey Sekmeler, vb. Gibi çoğunu içerir.
Markup- Tel çerçevedeki belirli bir kontrole yorum eklemek istediğinizi varsayalım. Yorum kutusu işaretlemede mevcuttur. Ayrıca, senaryoların çoğunda ara bağlantıyı göstermek için belirtme çizgileri kullanılır. İşaretleme Kategorisi altında mevcuttur.
Media - Tel çerçevemizde bir görüntü / ses göstermeye gelince, ilgili UI kontrolleri Medya kategorisi altında mevcuttur.
Symbols - Semboller, yeniden kullanılabilir bileşenlerdir ve bu, en yaygın öğeleri oluşturma süresini kısaltabilir.
Text - Adından da anlaşılacağı gibi, Bağlantı Çubuğu, Metin Bloğu, Birleşik Giriş Kutusu gibi metin veya paragraflarla ilgili tüm UI kontrolleri bu kategori altında mevcuttur.

Bir sonraki bölümde ilk projeyi Balsamiq'te yapacağız.