請用過的朋友講一講,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的进步了……
推荐阅读
Joomla!软件介绍【Joomla!概括介绍】国外相当知名的内容管理系统。【Joomla!基本介绍】Joomla!是一套在国外相当知名的内容管理系统(ContentManagem ...
[详细]
蜡笔小新 2024-10-23 15:41:28
本指南详细介绍了如何在CentOS 6.6 64位系统上以root用户身份部署Tomcat 8服务器。系统环境为CentOS 6.6 64位,采用源码安装方式。所需软件为apache-tomcat-8.0.23.tar.gz,建议将软件下载至/root/opt目录。具体下载地址请参见官方资源。本指南涵盖了从环境准备到服务启动的完整步骤,适用于需要在该系统环境下搭建高性能Web应用服务器的技术人员。 ...
[详细]
蜡笔小新 2024-11-08 21:38:15
在Mac上构建高效的本地服务器环境,首先需要了解基本步骤:1. 配置目录基础;2. 启动Apache服务;3. 添加自定义文档至本地服务器;4. 查看自定义效果。此外,还可以通过手机或其他电脑访问本机服务器,以确保跨设备的兼容性和调试效果。Mac系统自带的Apache服务为本地开发提供了便捷的工具,本文将详细介绍每个步骤的具体操作方法。 ...
[详细]
蜡笔小新 2024-11-04 15:46:21
本文针对个人计算机上虚拟机网络配置与数据库远程连接的问题,提供了一套详细的优化指南。在探讨远程数据库访问前,需确保网络配置正确,特别是桥接模式的设置。通过合理的网络配置,可以有效解决因虚拟机或网络问题导致的连接失败,提升远程访问的稳定性和效率。 ...
[详细]
蜡笔小新 2024-11-04 11:43:08
如何在CAD阅图软件中将PDF文件高效转换为CAD格式? ...
[详细]
蜡笔小新 2024-11-03 19:09:38
如何撰写PHP电商项目的实战经验? ...
[详细]
蜡笔小新 2024-11-02 19:29:46
请在电脑上打开以下链接进行下载w3cschool离线版(chm):http:pan.baidu.coms1bniwRCV(最新,2014年10月21日更新)w3cschool离线版(ht ...
[详细]
蜡笔小新 2024-10-20 19:54:05
1.使用Vue-Cli创建前端项目运用vue-cli工具可以很轻松地构建前端项目,当然,使用WebStorm来构建会更加简洁(如图)。本文推荐使用WebStorm,因 ...
[详细]
蜡笔小新 2024-10-08 17:27:50
SpringBoot与缓存使用及原理(上),Go语言社区,Golang程序员人脉社 ...
[详细]
蜡笔小新 2024-09-26 13:55:53
在开发微信版的H5页面时,如果需要正常调用微信公众号的开放接口(测试或者发布情况),根据官方要求需要保证网页域名和后端维护的一致。因此,进行真服测试就显得很有必要。WebStorm ...
[详细]
蜡笔小新 2023-10-14 10:21:34
Web前端开发源于传统的互联网,互联网普及让人才需求量居高不下,随着移动互联网的高速发展,移动终端的前端开发也越来越受到重视, ...
[详细]
蜡笔小新 2023-10-12 14:13:27
开始刚学的时候一直用命令行来运行Node.js,网上找了些配置Node.jsIDE配置的贴子,说WebStorm配置IDE最简单,自己就试了下。1.首先安装Node这步就不说了2. ...
[详细]
蜡笔小新 2023-10-12 13:55:35
大家还在使用Dreamweaver这样的弱智工具开发Web前端吗?或者使用VS系列笨重的工具在开发Web的前端吗?你已经Out了。我推荐大家使用WebStorm来做Web前端开发, ...
[详细]
蜡笔小新 2023-10-11 11:57:30
打开http:www.vancl.com发现采用的Asp.net,这点我感到很欣慰,毕竟国内采用.net技术体系的优秀网站少之又少。好奇之余右键-查看源 ...
[详细]
蜡笔小新 2023-10-10 16:27:40
一直感觉CSDN社区的树形结构特别的人性化,直观化。最近做系统的时候需要用到这个树形结构,于是模仿CSDN的树形结构做了一个自己的树形结构, ...
[详细]
蜡笔小新 2023-10-10 16:17:11
Hoorxx鹿_416
这个家伙很懒,什么也没留下!