請用過的朋友講一講,Adobe Edge Animate,Reflow,Code,Inspect和Fonts有什麼區別和聯繫?相比FW有哪些進步?-
作者:帆侮听我悄悄说星星 | 2021-09-10 15:20
回复内容:FW是MacroMedia的远古遗产,自从MM被Adobe收购后就逐渐被干死了老用户或许知道FW身上的诸多特性,在几乎10年前就很有远瞻性:例如:元件(Symbol)对象模式(object)CSS面板读取(CSSPannel)页面(artboard)等这些东西在日渐更新的Sketch身上逐
回复内容:
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的进步了……
推荐阅读
如何解决《需要CSS侧边栏高度以扩展内容》经验,为你挑选了3个好方法。 ...
[详细]
如何解决《如何从列表中选择随机名称并将其存储在变量中?》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《什么是.NET开发人员?》经验,为你挑选了2个好方法。 ...
[详细]
如何解决《如何使用SVNhotcopy恢复存储库?》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《将数组传递给方法Java》经验,为你挑选了3个好方法。 ...
[详细]
如何解决《ListBox上的WPF动画》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《何时使用替代Python发行版?》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《我可以在python中格式化变量吗?》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《xsl遍历字母表列表》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《还有另一个MVVM问题我的理解是否正确?》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《ChurchRetreat在线注册/付款》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《用于查找冗余索引的T-SQL》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《让gitrerere自动将文件标记为已解决?》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《BerkeleyDBJava版-调整大量数据》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《没有服务器的浏览器到浏览器通信?》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《github没有与名称相关的地址》经验,为你挑选了2个好方法。 ...
[详细]
如何解决《如何将SpringRoo和GWT结合在一起》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《sql解析器(更改解析方法)》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《区别于特定领域》经验,为你挑选了1个好方法。 ...
[详细]
如何解决《如何在djangoadminchange_form中更改外键字段中的排序》经验,为你挑选了1个好方法。 ...
[详细]