Bu siteyi yönetmenin zevklerinden biri “ilhamımı takip etmem”. Bununla demek istediğim, dikkatimi çeken bir sürü yazılımla oynayacağım. Bazıları şaşırtıcı, bazıları da tamam, bazılarının “Bilgisayar Roket Biliminde” bir dereceye kadar deşifre etmesi gerekiyor ve bir kısmı sadece berbat. Daha sonra “Kategori Öncü” kategorisine giren bir yazılım var. Bunlar, tasarımcı için yepyeni bir yaratıcı araç dalı oluşturan uygulamalar. Örneğin, MacroMind'den MacDraw, MacPaint ve GraphicWorks 80'lerin sonunda ortaya çıktı ve düz çizgiyi bugün Photoshop ve Yakın İlgi Fotoğrafına ayarladı. SiteMill ve PageMill gibi web tasarımı için görsel editörler 90'ların ortalarında ortaya çıktı ve düz çizgileri Dreamweaver ve Adobe Muse'a yönlendirildi. Mobirise bu kategoriye katılma potansiyeline sahiptir.
Bir Duyarlı Web Tasarımı ve “İlk Mobile” web tasarım evrenine geçmeye devam ederken, pek çok web geliştiricisi, tam olarak yanıt veren web siteleri oluşturmak için Foundation and Bootstrap 3 gibi bu çerçevelerden yoğun bir şekilde yararlandı. Bunların son derece güçlü çerçeveler olduğunu itiraf etmeliyim, ancak bunlardan tam olarak yararlanmak için, HTML, CSS ve JavaScript ile ilgili çalışma bilgisi hayatınızı kolaylaştıracaktır.
Mobirise ters yönde ilerliyor, bu yüzden onu “Kategori Öncü” olarak görüyorum. Birçok açıdan, Bootstrap 3 için bir Görsel Grafiksel Kullanıcı Arayüzü (GUI), ve kod zorlu veya günümüzün web tasarım ortamında çok yaygın olan Hızlı Prototipleme ve Sabit İterasyon iş akışını benimseyenleriniz için, Mobrise olarak kabul edilebilir. sadece bu amaçla bir “git” aracı olma potansiyeline sahiptir.
Mobirise hakkında heyecanlanmadan önce, şunlara dikkat edin:
- Uygulama, Kamu Beta'da
- Özellik kümesinde hala biraz sınırlı
- Hala çözülmesi gereken hatalar var.
Bir kopyasını indirip gerçekten denemenizi söylemiştim.
Mobirise, Mac ve PC sürümlerinde mevcuttur ve yükleyici, Mobrise ana sayfasında mevcuttur.
Uygulamayı ilk başlattığınızda, ekranı en üst düzeye çıkarın ve arabirimi açmak için sağ alt köşedeki + düğmesine tıklayın.
Arayüz açıldığında, bir Blok paneli görünür. Bloklar, Jumbotron, Hero birimleri, Düğmeler vb. Gibi Bootstrap'te bulunan bileşenler olarak görülebilen “sürükle ve bırak” elemanlarıdır. Bir bloğu sayfaya sürükleyin ve tamamen özelleştirilebilir hale gelir. Yukarıdaki örnekte, başlık bloğundaki görüntüyü kendimden biriyle değiştirdim, vücuttaki metni değiştirdim, logoyu Menü bloğu olarak değiştirdim ve menü öğeleri için renk ve metni değiştirdim.
Bir bloğun parametrelerini değiştirmek de basittir. Bir Bloğu yuvarlayın ve blokta üç simgenin göründüğünü göreceksiniz. Bu simgeler, Bloku sayfadaki yeni bir konuma taşımanıza, Engel'i silmenize ya da Dişli çark simgesini tıklatırsanız, o blok için Parametreler panelini açmanıza izin verir. Örneğin, video oynatıcısını içeren medya bloğunu eklerseniz, Parameters paneli videonun otomatik oynatılması veya döngü yapması ve hatta Tam Ekran Arkaplan Videosu olarak değerlendirilmek üzere YouTube veya Vimeo videosunun URL'sini girmenizi ister. .
Sayfanın üstünde, Mobil, Tablet ve Masaüstü için simgeler vardır. Bunlardan birine tıklayın ve tasarım yüzeyi o viewport'a küçülüyor. Sol tarafta, projeyi varsayılan tarayıcınızda açacak bir Önizleme düğmesi vardır. Yayınla düğmesine tıklayın ve dosyayı yerel olarak kaydetmek, bir FTP sunucusuna veya Google Drive'a yüklemek isteyip istemediğiniz sorulur.
Sol tarafta, Index.html menüsünü döndürürseniz, Sayfalar paneli açılır. Burada yeni sayfalar ekleyebilir veya mevcut sayfaları klonlayabilirsiniz. Panelin alt kısmında yeni projeler veya mevcut bir proje açabilirsiniz.
Bu uygulama çok yeni olduğu için - Mayıs 2015'te piyasayı vurdu - ve Kamu Beta'da, gerçekten dikkat edilmesi gereken uygulamanın özellikleri var. En iyi 3 özellik isteğim şunları içerir:
- Blokları yeniden boyutlandırma ve yeniden düzenleme becerisi. Şu anda sadece birbirlerinin üzerine istiflenebilir ve yan yana yerleştirilemezler. Bu Paralaks kaydırma için sorun değil, ancak bir Grid kullanarak statik sayfalar için, örneğin, Masaüstünden Tablet görünümüne geçerken blokları yeniden düzenleme ve yeniden boyutlandırma yeteneği önemlidir.
- Grafikleri yeniden boyutlandırabilme. Yukarıdaki örnekte yer alan logo çok küçüktür ve daha büyük hale getirmenin bir yolu yoktur.
- SVG grafik ekleme yeteneği. Jpg ve png grafiklerini ekleyebiliyor olsanız da, üstteki logo gibi şeyler basit ve kolayca dosya boyutunda daha küçük tutmak için Illustrator'da SVG'ye dönüştürülür. Maalesef, Mobirise'de kullanılamazlar.
Sonuç
Yeniliğinden dolayı, bu ürüne bir dereceye kadar değerlendirme yapmak haksızlık olur. Bazı çok güzel özelliklere sahip bir çalışmadır. Ben sezgisel, kolay-ana arayüzü var. Daha da önemlisi, bir Kategori Pioneer, Mobirise, Bootstrap 3 çerçevesini grafik profesyonelleri, hobileri ve web tasarımcıları için kod tabanını ustalaştırmak zorunda kalmadan ve ortak düzeni sürüklemeyi kullanmaksızın erişme vaadine sahip olan ürünlerden biridir. -ve-bırak prensipleri. Eğer Mobirise çekiş kazanırsa, bunun bir kod editörü açma ve işe gitme yolundaki ilk adım olacağından şüpheleniyorum.
Üründe bazı delikler ve beta süreci boyunca ele alınması gereken bazı arayüzler de var.
Bu arada, uygulamayı yüklemenizi ve onunla oynamaya başlamanızı öneririm. “Üretim Hazırlığı” olmayabilir, ancak eğer varsa, Mobirise oradaki en önemli çerçeveler için birçok görsel editörün ilklerinden biri olacaktır.