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将成为众多可视化编辑器中最重要的框架之一。