首頁 >web前端 >H5教程 >請用過的朋友講一講,Adobe Edge Animate,Reflow,Code,Inspect和Fonts有什麼區別和聯繫?相比FW有哪些進步?

請用過的朋友講一講,Adobe Edge Animate,Reflow,Code,Inspect和Fonts有什麼區別和聯繫?相比FW有哪些進步?

WBOY
WBOY原創
2016-06-07 08:44:151645瀏覽

回复内容:

FW是MacroMedia的远古遗产,自从MM被Adobe收购后就逐渐被干死了
老用户或许知道FW身上的诸多特性,在几乎10年前就很有远瞻性:
例如:元件(Symbol) 对象模式(object) CSS面板读取(CSS Pannel) 页面(artboard)等
这些东西在日渐更新的Sketch身上逐渐凸显出来

反倒是Adobe不断从他这里移植功能到自己的儿子上却偷鸡不成蚀把米
看看那个臃肿的PS吧 虽然声称慢慢在做着符合webdesign的更新方式
却因为庞大的架构而留下诸多诟病之处,许多类似FW的天生功能却不得不靠第三方Plugin完成

Adobe Edge Animate,Reflow,Code,Inspect和Fonts这些是做页面的
FW是出UI和原型用的,没有可比性,何谈进步

进步的东西在多年前已经出现了,只是某呆比顾着赚钱只给亲儿子捧份子罢了
当续子的风光比亲儿子还要高的时候,当爹的怎么可能脸上有光呢

利益相关:FW 12年使用者 前几者侧重画出一个网页,FW是画出一个设计稿 个人废话比较多,望题主见谅……

题主想问的是Adobe的Edge系列吧……

首先要说的是,这一套工具在国外是面向web designer的,众所周知,鬼佬做事总是更那么专业一点(并没有黑的意思……),国外的很多设计师除了有专业的设计水准以外,也要负责页面的实现,包括动效啥米的,甚至到使用模板框架来做数据填充之类,而目前国内碍于文理科观念,很多前端实际上都是从后端转职,他们更加偏向于做技术而对视觉方面的敏感度比较低,负责设计的通常都是专门的美工/UI之类(不过以后肯定会有更多设计代码一把抓的前端~),所以可以说这套工具目前在国内应用场景比较窄……

然后关于题主的问题:

Edge Animate——如楼上所说这是一个生成动画的工具,众所周知Flash由于性能和兼容性问题基本上很难应用在所有设备上,An就是使用html+css+js,并且结合新标准的一些特性来生成动画,以适应更多的场景

Edge Reflow——响应式设计工具。其实感觉国内响应式的网站还是不多的,除了一些一流的设计外包和科技感爆棚的互联网公司,响应式的网站还是比较稀奇的……另外也不是挂个bootstrap上去就是响应式了……那也太简单了…………

Edge Code——代码编辑器,嘛这也是我目前用得最多的,它的核心其实就是Adobe的一个开源项目Brackets,我目前基本只用它和webstorm。这个编辑器非常轻量,UI顶赞,而且插件齐全(emmet,前端常用的语法高亮,噶普/管特,命令行等等),最强悍的是它的即时预览功能,和Dw那种蹩脚的预览完全不同,而是直接在浏览器中预览,你再也不用为了对其几个像素疯狂地切换刷新了……总之推荐度5星

Edge Inspect——插件形式,和web inspector,firebug差不多,不过……它有移动版!是的,就是这么无情。

Edge Web Fonts —— 如上所说,这玩意就是powered by typekit……老外做网站的时候总会喜欢用自定义字体,我也会想用futura,avenir,lato之类酷炫的字体呀!不过比较可惜的是限于中文的字形原因,并且国内网站大多数都采用12,13px左右的正文字体,这样大小的字体在win下简直没得选择……所以自定义字体在国内基本很少见。除非你网站的字体设计比较大(如简书这种)或者只面向移动端或者苹果用户(有这么奇葩的需求吗?),那么考虑下自定义字体也不错的!此外Typekit目前只有一款中文字体(思源黑体),并且它的国内访问速度你也不会想用的。

最后其实还有个Phonegap Build——如果你知道Phonegap,现在应该叫Cordova?那应该知道这是干啥的了。它其实是个云应用,帮你把你的代码快速打包部署分发,额,没试过有空试试看吧。

——相比FW有哪些進步?

FW就是个画图软件喂!貌似是个叫media啥啥公司开发的,然后被逗比收购后就改姓逗比了,我对这东东不太了解,不过它确实就只是用来画图的,而Edge更加偏向于将你的设计实现为代码。所以虽然题主说进步,我觉得这俩没啥可比性。

最后,如果题主是个偏设计型的前端或者立志当个设计型前端的话,那么高高兴兴地用吧! 提问之前可以先去官网看一下宣传页。
Edge Animate——不用编写代码输出HTML5动画。
Reflow——不用编写代码制作响应式页面
Code——页面源码编辑工具
Inspect——页面元素检查工具
Fonts——这是什么鬼?你想说TypeKit吗?在线字体解决方案。

Fireworks——上世纪网页三剑客之一,当时主要用来绘制网页中的小图标,边框等装饰性元素。随着CSS的发展用户已经少很多了。 Adobe Edge Animate,Reflow,Code,Inspect和Fonts的区别和联系还在研究中,以后补充,但是作为一个长期使用FW的UI设计师来说,以上这些和FW根本就不是一类软件,上面这些虽然可以直接用来生成网页,但是Adobe开发这些软件的主要目的似乎不是用来设计UI高保真效果图的。所以更谈不上相比FW的进步了……
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn