由inventure注资的froont今天发布了公测版本，目的在于以无代码的方式，简化响应式web设计的流程。过去设计师和程序猿用ps原型交流的方式将会被css/html生成的可视化元素和拖放界面代替。事实上，froont甚至有望省去设计和原型起草阶段程序员同志的参与。

响应式web设计——即单个版本的网站设计能够适应不同设备的屏幕显示——当下非常流行。各种移动设备和桌面计算机的欣欣向荣是这其中一个显见的原因。因为既要尽可能广地覆盖受众，又要保全不同设备用户的体验，响应式设计方式是网页设计一个非常诱人的解决方案。

但是传统的网页设计和分工，在响应式设计中相当蹩脚。想要在一堆的静态photoshop上展示站点在各种设备上的效果，设计师肯定要做出不少妥协。一个解决方法是让设计师跟前端程序员一起将photoshop的原型用html/css来实现，这样才有比较直观的效果。但是操作起来必定会反复调整，把设计搞得晕头转向。

与此不同的是，froont的设想是把设计重新交还到设计师手里——通过可视化元素来创建设计，而这些元素实际是以html/css生成，然后存储在云端。如此一来想要在各种设备上查看和分享效果就很容易了。当设计师要将设计交给开发者时，也不会是静态的图片之类了，而是“干净利索的html/css或者说是已经完成的网站脸谱”，froont公司称。

这款工具虽然目前还在测试阶段，但使用非常简单也没有太多限制。文本添加、图片导入、字体、排版都可以通过各种直观选项实现调整。比如：在页面顶端会有一个滑动的尺子，通过调节刻度，设计也会迅速重新排布到目标尺寸。也可以设置一个“临界点”标记某个状态之后应该替换内容而不是简单地重新排布。

虽然目前市面上对设计的各阶段都有很多可视化工具，但就解决在html/css阶段的响应式设计来说，adobe reflow与froont很像。froont表示两者的主要区别是它可以在浏览器里直接运行，也就能即时地让团队成员、客户和开发者看到效果，也更好地获取反馈。另一个细腻的差别是：froont更多关注的是更好的设计体验而不是减少代码量。

froont的6人小分队目前各自分散在旧金山，芬兰和拉脱维亚。公司的创始人由 sandijs(设计师兼ceo), andris(cto), anna(运营兼市场) 以及 eli(对外公关)构成，并且是芬兰的孵化公司startup sauna一手培养的。froont目前只是公司的一个分支业务，团队同时也是berta（内容管理系统）的支持方。

via: tc

相关：
2013年10大web设计趋势

（若无特别注明，雷锋网文章皆为原创，转载请注明出处)
原文链接: http://www.leiphone.com/froont-design-without-dev.html

《转发到微信！

雷锋网
移动互联网创业和创新

雷科技
汇聚全球面向未来的创新科技产品

爱搞机
玩智能手机就上爱搞机

超好玩
推荐超好玩的移动游戏
超好玩的推荐移动游戏

左林右狸
雷锋网创始人林军、笨狸二人转
负责八卦和无厘头，绝不卖萌！