請用過的朋友講一講,AdobeEdgeAnimate,Reflow,Code,Inspect和Fonts有什麼區別和聯繫?相比FW有哪些進步?
作者:Hoorxx鹿_416 | 来源:互联网 | 2017-05-11 14:12
php中文网(www.php.cn)提供了最全的编程技术基础教程,介绍了HTML、CSS、Javascript、Python,Java,Ruby,C,PHP,MySQL等各种编程语言的基础知识。同时本站中也提供了大量的在线实例,通过实例,您可以更好的学习编程。..
回复内容:
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的进步了……
推荐阅读
本文详细介绍了W3C标准盒模型和IE传统盒模型的区别,探讨了CSS3中box-sizing属性的使用方法及其在布局中的重要性。通过实例分析,帮助读者更好地理解和应用这一关键概念。 ...
[详细]
蜡笔小新 2024-12-27 15:01:09
在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ...
[详细]
蜡笔小新 2024-12-26 15:57:00
本文详细介绍了ExtJS的功能及其在大型企业前端开发中的应用。通过实例和详细的文件结构解析,帮助初学者快速掌握ExtJS的核心概念,并提供实用技巧和最佳实践。 ...
[详细]
蜡笔小新 2024-12-21 15:41:04
本文详细介绍如何在Python环境中安装和配置Selenium,包括开发工具PyCharm的安装、Python环境的设置以及Selenium包的安装方法。此外,还提供了编写和运行第一个自动化测试脚本的步骤。 ...
[详细]
蜡笔小新 2024-12-21 10:48:56
本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ...
[详细]
蜡笔小新 2024-12-20 20:02:31
一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ...
[详细]
蜡笔小新 2024-12-28 11:14:15
尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ...
[详细]
蜡笔小新 2024-12-28 11:12:44
本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ...
[详细]
蜡笔小新 2024-12-28 09:10:26
在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ...
[详细]
蜡笔小新 2024-12-28 08:20:07
本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ...
[详细]
蜡笔小新 2024-12-28 05:52:22
本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ...
[详细]
蜡笔小新 2024-12-28 04:11:47
本文详细介绍了流编辑器sed中的G、H、g、h命令,探讨了它们的工作原理及应用场景。通过实例解析和图解分析,帮助读者掌握这些高级命令的使用方法。 ...
[详细]
蜡笔小新 2024-12-22 12:24:49
本文将深入浅出地介绍HTML的基础知识,包括其定义、开发工具、制定机构、特性、基本标签及更多实用内容。 ...
[详细]
蜡笔小新 2024-12-21 15:07:54
本文汇集了一系列具有强烈设计感的网站模板,特别是来自知名平台WrapBootstrap的响应式网站模板。这些模板不仅美观,而且功能强大,适合各种类型的网站建设需求。 ...
[详细]
蜡笔小新 2024-12-20 20:50:19
本文介绍如何在 Visual Studio Code 中使用 Jupyter Notebook 插件,包括创建、编辑和运行笔记本的基本操作。 ...
[详细]
蜡笔小新 2024-12-19 19:59:43
Hoorxx鹿_416
这个家伙很懒,什么也没留下!