简化了响应式设计的Froont现在要简化设计的分享

摘要: 去年5月推出所见即所得响应式Web设计编辑器的Froont近日结束了公测,同时升级为平台,面向设计师提供一整套响应式网站的设计与社区服务。 去年推出beta版的Froont 为设计师们提供了一

去年5月推出所见即所得响应式Web设计编辑器的Froont近日结束了公测,同时升级为平台,面向设计师提供一整套响应式网站的设计与社区服务。

去年推出beta版的Froont 为设计师们提供了一个可视化的在线网页设计环境。可帮助设计师在无需安装任何工具的情况下通过浏览器方便地创建响应式网站设计、构造原型并分享给团队成员和客户,整个过程不需要编写任何代码,但是其输出却是代码—HTML/CSS,所有的设计素材通过这些代码和云组织起来。

不过,尽管这种工具已经非常方便,但是我们必须面对的一个现实是没有几个设计师是从头开始设计的。他们需要模板,也就是可以参考的东西。

对于设计师而言,以前可以分享的设计元素包括图标、WordPress主题,UI包,甚至是Bootstrap或者Zurb框架等。但是要想分享整站式的设计却很困难。原因很简单—缺少一个开放的设计标准。而Froont尽管大部分操作都是拖放式的,但其输出却是HTML5/CSS3,而后者正是Web的开放标准。因此,用户不仅可以通过Froont展示自己的设计或者获得灵感,同时还可以重用设计并在此基础上开发新的东西。

用户通过Froont利用所见即所得技术设计出自己的界面之后,可以选择通过Facebook等渠道分享给他人。对于其他用户来说,他人分享的设计也会呈现在Froont页面上,用户通过点击Twin即可复制出一份别人的设计,然后在此基础上进行自己的设计修改。设计支持多种设备尺寸,用户可以在页面上看到按照不同的尺寸做出的响应式设计的效果。

简而言之,Froont 的可视化设计平台可以让用户复制整个设计,然后对复制版进行编辑或者分享给其他客户。这应类似于代码托管平台GitHub的Fork功能以及代码分享功能。你可以把它看成是web设计师的GitHub。尽管有些web开发工具也具备设计的导入导出功能,但是相对而言,这些工具一般是付费的而且需要安装,其次其设计仍然有不少原生的东西,不利于其他平台的复用。最关键是,这些工具缺乏一个设计分享的平台。而Froont则具备了上述优势。

此外,Froont的免费增值商业模式也十分巧妙。非付费用户创建的的页面或微型网站是强制共享的,任何人均可复制编辑重用。如果用户不希望他人看到自己的成果,那就请付费。这种免费增值模式与GitHub的如出一辙。那Froont有没有可能成为设计师的GitHub呢?我们拭目以待。

时间: 2024-11-01 15:32:56

简化了响应式设计的Froont现在要简化设计的分享的相关文章

响应式Web设计技巧及编写一个响应式页面实例

响应式 Web 设计技巧 什么是响应式设计? iOS 和 Android 的发布,智能手机.平板电脑.智能家电等新设备层出不穷,极大便利了我们的生活,但面对形形色色的终端设备,千差万别的屏幕分辨率,给网页设计带来了新的挑战,我们无法估计用户的终端设备和网络状况,更不可能为每种设备都专门设计一套网站,如何实现 Web UI 在多终端中的适配呢?2010 年 Ethan Marcotte 曾经在 A List Apart 发表过一篇文章"Responsive Web Design",响应式

什么是响应式布局、响应式布局该如何设计

文章简介:今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局). 讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案.今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media

响应式布局该怎么设计?CSS3 Media Query实现响应布局

文章简介:响应式布局的小事就这么多,如你有好的补充意见或不同的见解,可以联系我,我们一起探讨这件小事-- 讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案.今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局). 一.什么是响应式布局? 响应式布

响应式网页图片库设计的九个注意事项

  响应式设计无疑是当前网页设计领域当中,不可忽略的必要组成部分.而响应式网页中的图片显示又是老生常谈的问题,许多争论集中在响应式网站的图片应当怎么展示.继续延伸开来,那么响应式网站中的图片库应当如何设计呢? 相比于单个图片,图库的展示无疑更加复杂,牵涉到的变量更多,所以实现起来也更加麻烦费神.接下来,我们来看看如果要设计响应式的图片库,有哪些值得注意的基本规则和技巧. 1.轮播幻灯片:尽量隐藏导航 在桌面端上导航的存在可能没什么,但是在移动端上查看的时候,导航还是尽量隐藏起来,需要的时候再显现

响应式布局该怎么设计

     讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案.今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局). 一.什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容

响应式布局这件小事 有哪些优点和缺点该怎么设计?

中介交易 SEO诊断 淘宝客 云主机 技术大厅 讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案.今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局). 一.什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一

响应式布局这件小事 设计师如何实现响应布局

讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案.今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局). 一.什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端-

为什么响应式编程并非一时之势?

[编者按]本文作者为 David Buschman,文章从程序架构与系统的发展历程出发,逐步论证了为什么响应式编程并非一时之势,而是能带来更快处理速度,更高硬件利用率的未来选择.文章系国内 ITOM 管理平台 OneAPM 编译呈现. 这些年来,程序架构和系统发生了不少变化.大部分情况下,这些变化都跟它们依托的硬件密切相关.软件架构到底是从何处起源,众说纷纭,而且对构架的实际构成部分也有各种定义.本文将从整体化应用的兴起来展开讨论. 摩尔定律 当你的所有资源都在单机上时,把所有的代码存在一个地方

FROONT在线可视化响应式网页设计工具

  Froont是一个允许设计师在线设计响应式网页的工具,不需要程序员介入的设计编程工具,为设计师们提供了可视化的在线网页设计环境,绝对是响应式网页设计的利器.如果你还在为用PS画出网站在不同设备上的 demo 图,并和攻城师苦苦兼容各浏览器而懊恼的话,来试试Froont吧! 制作过程中,Froont会根据你的网页将呈现的设备:比如手机.平板.笔记本或者是宽屏电脑,自动调整页面布局,适应各个块之间的相对位置. 嗯,如果你有神马不懂的,可以看首屏那个视频,戳 Watch video 即可,了解后再