当前位置:首页Froont:响应式web设计回归设计师 无需程序猿插手 举报文章

Froont:响应式web设计回归设计师 无需程序猿插手

作者:admin    来源:用户投稿    时间:2015.6.11   

  

froont

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

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

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

  

froont_02

  与此不同的是,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

好文打赏,给Ta鼓励
扫一扫用手机阅读本文
Tags:无需  响应  设计  回归  设计师  程序  插手  
  • 相关搜索
图片推荐
    不改变这两点 你的B2B内容营销基本被判了死刑

    不改变这两点 你的B2B内容营销基本被判了死刑

    如果你认为内容营销算不上一个足够大的挑战,( 一方面花费大量的时间创建和分发内容,另一方面又要又要衡量这些内容是否能够驱动用户进行消费从而获取回报。)那么想象一下,B2B领域针对技术的内容营销人员,又
    SEO技巧篇01:一篇文章三个标题

    SEO技巧篇01:一篇文章三个标题

    可能很多人不明白我这个标题的意思,一篇文章就一个标题,怎么有三个标题呢?其实我说的标题是站在SEO的角度来阐述的文章标题(title1、title2、title3)。    文章是一个网站流量极其重要
    最近很火的小红书,是如何创造引爆点的?

    最近很火的小红书,是如何创造引爆点的?

    购物平台小红书成立不过两年,百度指数两周内飙升30倍,APP Store排名三天内超越京东、唯品会。6月6日周年庆,帅哥送快递引爆朋友圈。怎么做到的?从环境威力法则、个别人物法则及附着力法则来分析。 
    产品运营:APP上线前,如何做运营推广工作?

    产品运营:APP上线前,如何做运营推广工作?

    一 竞品分析  1.选择竞品,做好定位(选择两个产品最好,最多三个)  如何获取竞品?  A 百度搜索类似产品关键词,假设你的产品是一款旅游分享类APP,你可以输入主要关键词旅游app,一般排在自然排
    分析网站以提醒大家建站需注意哪些方面

    分析网站以提醒大家建站需注意哪些方面

    一、代码部分  (1)代码不完整,缺少结束标签,建议加上;另外核心关键词设置太多,建议3~5个最佳;而且title最好放到meta部分前面。  (2)可以适当使用一个h1标签,最好加在核心关键词上,增
    网络营销之——农田营销法则

    网络营销之——农田营销法则

    其实很多事情都是想通的,现下最流行的网络营销和传统的营销模式区别在那?就是营销的手段不同,采用的媒介不同,但是它们的最终目的都是相同的,为了品牌或是销售的提升。今天我们不讨论两种营销方式的优劣,从本质
你是怎么知道非凡网赚网的?
  •   
  • 联系QQ 邮箱:976382653@qq.com 微信:976382653
    在线留言
    发布软文
    广告自助购
    文章调用
    常见问题
    保存到桌面