請用過的朋友講一講,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的进步了……

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 기사는 & lt; audio & gt를 사용하여 HTML5에 오디오를 포함시키는 방법을 설명합니다. 형식 선택에 대한 모범 사례 (MP3, OGG Vorbis), 파일 최적화 및 재생에 대한 JavaScript 컨트롤을 포함한 요소. 다중 오디오를 사용하는 것을 강조합니다

이 기사에서는 HTML5 양식을 작성하고 검증하는 방법을 설명합니다. 그것은 & lt; form & gt; 요소, 입력 유형 (텍스트, 이메일, 번호 등) 및 속성 (필수, 패턴, 최소, 최대). HTML5의 장점은 오래된 방법에 비해 형성됩니다

이 기사에서는 HTML5 페이지 가시성 API를 사용하여 페이지 가시성을 감지하고 사용자 경험을 향상 시키며 리소스 사용량을 최적화하는 것에 대해 설명합니다. 주요 측면에는 미디어 일시 정지, CPU 부하 감소 및 가시성 변경에 기반한 분석 관리가 포함됩니다.

이 기사에서는 Viewport Meta 태그를 사용하여 모바일 장치의 페이지 스케일링을 제어하여 폭과 최적의 응답 성 및 성능을위한 초기 스케일과 같은 설정에 중점을 둡니다. character count : 159

이 기사는 지리적 위치 API를 사용하여 사용자 위치 개인 정보 및 권한 관리, 권한 요청, 데이터 보안 보장 및 개인 정보 보호법 준수에 대한 모범 사례를 강조하는 것에 대해 설명합니다.

이 기사는 JavaScript를 사용하여 대화식 HTML5 게임을 만드는 자세한 내용입니다. 게임 디자인, HTML 구조, CSS 스타일, JavaScript 로직 (이벤트 처리 및 애니메이션 포함) 및 오디오 통합을 다룹니다. 필수 JavaScript 라이브러리 (Phaser, PI

이 기사는 HTML5 드래그 앤 드롭 API를 사용하여 대화식 사용자 인터페이스를 생성하고 요소를 드래그 가능하게 만들고 주요 이벤트를 처리하며 사용자 정의 피드백으로 사용자 경험을 향상시키는 방법을 자세히 설명합니다. 또한 일반적인 함정에 대해 설명합니다

이 기사에서는 실시간, 양방향 클라이언트 서버 커뮤니케이션을위한 HTML5 WebSockets API를 설명합니다. 클라이언트 측 (JavaScript) 및 서버 측 (Python/Flask) 구현에 대해 자세히 설명하여 확장 성, 상태 관리,
