Mobirise Website Builder的第一印象

管理這個網站的樂趣之一是我“跟隨我的靈感”。 我的意思是,我可以使用許多引起我注意的軟件。 其中一些是驚人的,其中一些是好的,其中一些需要“計算機火箭科學”中的學位才能破譯,而其中的一些卻非常可怕。 然後是屬於“類別先鋒”類別的軟件。 這些應用程序為設計人員創建了全新的創意工具分支。 例如,MacroMind的MacDraw,MacPaint和GraphicWorks出現在80年代後期,並且今天將直線設置為Photoshop和Affinity Photo 。 網頁設計的可視化編輯器,如SiteMill和PageMill出現在90年代中期,他們的直線導致Dreamweaver和Adobe Muse。 Mobirise有可能加入此類別。

隨著我們繼續進入響應式網頁設計和“移動第一”網頁設計領域,許多Web開發人員已經廣泛使用Foundation和Bootstrap 3等框架來創建響應式網站。 我不得不承認這些是非常強大的框架,但為了充分利用它們,HTML,CSS和JavaScript的工作知識將使您的生活更輕鬆。

Mobirise採取相反的方向,這就是為什麼我認為它是“類別先鋒”。 在許多方面,它可以被視為Bootstrap 3的可視化圖形用戶界面(GUI),對於受到代碼挑戰的用戶或那些擁有在當今網頁設計環境中非常普遍的快速原型和恆定迭代工作流程的用戶,Mobrise有可能成為僅用於此目的的“前往”工具。

在你對Mobirise感到興奮之前,請注意:

說過你真的應該下載一個副本並嘗試一下。

Mobirise提供Mac和PC版本,安裝程序位於Mobrise主頁上。

當您首次啟動應用程序時,最大化窗口並單擊右下角的+按鈕打開界面。

當界面打開時,會出現一個塊面板。 這些塊是“拖放”元素,可以被視為Bootstrap中的組件,如Jumbotron,英雄單位,按鈕等。 將一個塊拖到頁面上即可完全自定義。 在上面的例子中,我使用我自己的一個替換了標題塊中的圖像,更改了正文中的文本,更改了菜單塊的標識並更改了菜單項的顏色和文本。

修改塊的參數也很簡單。 滾動塊,你會看到三個圖標出現在塊中。 它們的圖標允許您將塊移動到頁面上的新位置,刪除塊,或者,如果單擊齒輪圖標,請打開該塊的參數面板。 例如,如果您添加包含視頻播放器的媒體塊,參數面板將要求您輸入YouTube或Vimeo視頻的URL,無論視頻是自動播放還是循環播放,甚至被視為全屏幕背景視頻。

頁面頂部是移動設備,平板電腦和桌面的圖標。 點擊其中一個,設計圖面縮小到該視口。 在左邊是預覽按鈕,它將在您的默認瀏覽器中打開項目。 點擊發布按鈕,詢問您是否要在本地保存文件,上傳到FTP服務器或Google驅動器。

在左側,如果您翻轉Index.html菜單,則會打開“頁面”面板。 在這裡您可以添加新頁面或克隆現有頁面。 在面板的底部,您可以打開新項目或現有項目。

由於這個應用程序如此新穎 - 它在2015年5月上市,而在公測版中,應用程序的某些方面確實需要一些注意。 我的前3個功能請求包括:

結論

由於其新穎性,對該產品賦予某種評級將是非常不公平的。 這是一個非常酷的功能正在進行的工作。 我喜歡它有一個直觀,易於掌握的界面。 更重要的是,作為一個類別先驅者,Mobirise是那些有能力讓圖形專業人士,業餘愛好者和網頁設計師使用Bootstrap 3框架的產品之一,而無需掌握代碼庫並使用通用佈局拖拽拖放校長。 話雖如此,如果Mobirise獲得了牽引力,我懷疑這將是打開代碼編輯器並開始工作的第一步。

產品中還有一些漏洞,並且在整個測試過程中需要解決一些界面“打嗝”。

同時,我建議你安裝應用程序並開始玩它。 它可能不是“生產就緒”,但如果它成功,Mobirise將成為眾多可視化編輯器中最重要的框架之一。