网页设计师的福利:Froont允许设计师在线设计响应式网页,可视化操作无需程序猿插手
网页设计师们,你们是否还在为用Photoshop画出网站在不同设备上的demo图,让程序猿实现代码,你再进行修改的过程而烦扰呢?如果是的话,不妨看看刚刚上线的beta版Froont。
网页设计师们,你们是否还在为用Photoshop画出网站在不同设备上的demo图,让程序猿实现代码,你再进行修改的过程而烦扰呢?如果是的话,不妨看看刚刚上线的beta版Froont。
Froont为设计师们提供了可视化的在线网页设计环境,算是响应式网页设计的利器。设计过程中,Froont会根据你的网页呈现的设备,比如手机、平板、笔记本或者是宽屏电脑,自动调整页面布局,调整各个块之间的相对位置。
和axure等软件类似,Froont提供container、grid、图片、文本、视频等widget,并且可以直接把电脑中的图片或是文字等内容拖入widget中,各个widget也可以通过div/css的方式层叠嵌套。文字和图片大小、背景颜色等参数的调整也很方便,直接拖动进度条即可,是完全所见即所得的操作。可以看文章最下方的视频了解一下。
目前市场上已经有很多面向网页设计过程中不同阶段的工具,而Froont属于解决HTML/CSS最初阶段响应式设计的工具,它直接在浏览器中运行,这意味着设计师一把网页设计完成,就可以立刻分享给其它团队成员,并且实时进行调整和测试,避免了和程序猿之间繁复的往来沟通环节。