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

回复内容:

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
如何使用视口元标记来控制移动设备上的页面缩放?如何使用视口元标记来控制移动设备上的页面缩放?Mar 13, 2025 pm 08:00 PM

本文讨论了使用视口元标记来控制移动设备上的页面缩放,重点是宽度和初始尺度之类的设置,以获得最佳响应和性能。

如何将音频添加到我的HTML5网站上?如何将音频添加到我的HTML5网站上?Mar 10, 2025 pm 03:01 PM

本文解释了如何使用< audio>元素,包括用于格式选择的最佳实践(MP3,OGG Vorbis),文件优化和JavaScript控件用于播放。 它强调使用多个音频f

如何使用HTML5和JavaScript创建互动游戏?如何使用HTML5和JavaScript创建互动游戏?Mar 10, 2025 pm 06:34 PM

本文使用JavaScript详细介绍了创建Interactive HTML5游戏。 它涵盖了游戏设计,HTML结构,CSS样式,JavaScript逻辑(包括事件处理和动画)以及音频集成。 必需的JavaScript库(Phaser,Pi

如何将HTML5表单用于用户输入?如何将HTML5表单用于用户输入?Mar 10, 2025 pm 02:59 PM

本文解释了如何创建和验证HTML5表格。 它详细介绍了>元素,输入类型(文本,电子邮件,编号等)和属性(必需,模式,最小,最大)。 HTML5的优势比旧方法形成

如何使用地理位置API处理用户位置隐私和权限?如何使用地理位置API处理用户位置隐私和权限?Mar 18, 2025 pm 02:16 PM

本文讨论了使用GeOlocation API管理用户位置隐私和权限,并强调要求权限,确保数据安全性并遵守隐私法律的最佳实践。

如何使用HTML5页面可见性API检测页面何时可见?如何使用HTML5页面可见性API检测页面何时可见?Mar 13, 2025 pm 07:51 PM

本文讨论了使用HTML5页面可见性API来检测页面可见性,提高用户体验并优化资源使用情况。关键方面包括暂停媒体,减少CPU负载以及基于可见性变化管理分析。

如何将HTML5拖放API用于交互式用户界面?如何将HTML5拖放API用于交互式用户界面?Mar 18, 2025 pm 02:17 PM

本文介绍了如何使用HTML5拖放API来创建交互式用户界面,详细介绍了使元素可拖动的步骤,处理关键事件并通过自定义反馈来增强用户体验。它还讨论了一个常见的陷阱

如何使用HTML5 Websockets API进行客户端和服务器之间的双向通信?如何使用HTML5 Websockets API进行客户端和服务器之间的双向通信?Mar 12, 2025 pm 03:20 PM

本文解释了HTML5 Websockets API,用于实时双向客户服务器通信。 它详细详细介绍了客户端(JavaScript)和服务器端(Python/Flask)的实现,以应对可伸缩性,状态管理,一个挑战

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具