直接 动物: 腾讯。。安卓机器人?。。worktile 长颈鹿。。百度贴吧熊。。美团刷新小人。。微博不明生物。。
水果:apple?
物品:小浪花

大众审美 偏爱于可爱 明亮 缤纷 清爽

设计师和艺术家的区别

先有图案 再有文字

图案是最原始的表达

用户是有情绪的

辨识度

字母统一天下?No..

万物皆萌。。

//路上随便想到的 恩。。连提纲都算不上吧。。想到啥说啥。。

帮同学写的DJJ论文…算是半译了Adobe&HTML的官方文档…

终于要发一篇干货了不容易….

Adobe change the world
—简述Adobe & HTML 及其相关

Adobe ,中文名奥多比,创建于1982年,是世界领先的数字媒体和在线营销解决方案供应商。据说Adobe的名字来源于创始人老家背后那条流淌的小河。
毋庸置疑Adobe为人们提供了许多优质的工具软件,Adobe彻底改变了人们展示创意,处理信息的方式。比较广为人知的有图像处理软件Adobe Photoshop, 矢量图形处理软件Adobe Illustrator, 网页制作软件Adobe Dreamweaver, 视频制作软件Adobe Premiere, 杂志制作软件Adobe Indesign, 照片批处理软件Adobe Lightroom, 多媒体处理软件Adobe After Effects等等。
目前,无论是Google, 还是Mozilla以及苹果,似乎都准备将HTML5作为下一代网络视频播放的主要手段,HTML5和flash的交替之战正激烈地进行着。苹果公司认为Flash是一种过时的技术,而HTML5才是未来。苹果的iPad和iPhone等产品中无法显示Flash动画。HTML5在视频播放流畅度上远胜于flash,越来越在网页开发设计上表现出优于flash的性能,Adobe作为老牌工具供应商,也决定积极拥抱HTML5技术,不久前推出了一系列HTML5开发工具——Adobe & HTML系列。

这篇文章就来简单介绍一下Adobe & HTML 系列。

Adobe&HTML的主推产品集Adobe Edge是Adobe公司的一款新型网页互动工具。它允许设计师通过HTML5、CSS和JavaScript制作网页动画,无需Flash。Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动画引擎上,但未来将增加更多HTML5功能,比如Canvas、HTML5音频/视频标签等。它也支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。

Adobe & HTML 的宗旨是传达更优雅的网页设计理念和设计规范,使其能够充分表达,也使设计师和工程师能更好工作协作交流。网页是很重要的创意表达形式,网页平台在过去的十年里变得更加先进、更加丰富和更加具有互动性。在Adobe各款软件都日趋成熟的当下,Adobe & HTML便是综合这些不同功能的软件进行设计理念表达的关键。

Adobe & HTML有如下几点先天优势。

第一,健壮的图形基础。Adobe支持设计师用Photoshop和Illustrator做出的东西能够直接在网页上使用,同时也保证了更方便地在HTML,CSS,SVG之间实现几何图形的转换、动画的应用。
第二,灵活的排版模式。Adobe & HTML基于InDesign为设计师提供复杂的图层机制和丰富灵活的排版方式。为了更好地实现目标,Adobe向W3C提交了一些建议,包括CSS Region, CSS Shapes都做了一些改进, WebKit project CSS Regions 已经可以适应Chrome以及IE10
第三,像电影一样的视觉特效。为了增加更好的用户体验,Flash,After Effects提供了复杂又引人注目的视觉特效,Adobe为了把这些用户体验移植到Web上,从CSS Custom Filters开始加快硬件的图形滤镜处理和网页视觉特效
第四,更多的素材。Adobe提供了很多更适合在网页上使用的优雅而开源的字体,Source Sans Pro和 Source Code Pro,还有一个实验室Adobe Edge Web Fonts,里面有很多免费的字体
第五,通过Creative Cloud,用户可以在线获取素材资源,也可以公布自己的作品并与别人交流,同时通过与Behance社区的关联使设计师们更好地交流沟通。

网页设计需要考虑很多要素。
网页设计需要考虑一致性。网页制作标准的一个重要特点是网页的多样性和透明性,对于网页制作者来说网页的设计规范必须很好地统一。
网页设计还需要考虑App平台。网页必须适应外部平台,通过app实现,特别是在手机、平板上。网页平台的丰富性使其必须适应不同的用户体验。Adobe将会继续参与Apache Cordova项目的开发。同时在Adobe & HTML里也贡献了Adobe Phonegap。Adobe在创建某些工具和服务就直接使用了网络平台,比如Brackets,Edge Code和Edge Reflow就是用HTML,CSS,JavaScript(使用CEF开源项目)来构建的。

Adobe & HTML致力于创造更好地内容需要更好的工具和服务。希望能够为网页设计师和工程师们提供世界上最好的工具支持来制造出漂亮的响应式布局网站和app应用。

另外,Adobe制定了开发工具应该遵循四个原则——Edge Tools & Services Principles.
 Be focused 开发工具在与其他工具一起使用的时候必须做到接口方便,利于使用
 Stay up to date with evolving web standards 网页变化很快,新的设计标准和技术随时都在出现,网页设计师和工程师需要现代网络的访问工具,所以开发工具应该随时与新标准新技术保持同步
 Let designers and developers choose which framework to use 新的网页框架也是在不断产生的,为了适应和调整不同的用途和开发风格。开发工具不应该限制你所使用的框架,而应该让工程师、设计师自主选择他们需要的框架
 Make the web platform transparent 网页设计师也是希望看到CSS,HTML,JavaScript的,他们理解并且希望操作这些模型,查询媒体。他们的工具应该让他们更好得使用这些东西,而不是把他们藏起来。

Adobe使用这些准则开发了Edge Tools& Services,提供了网页设计师和工程师在创造环节需要用到的全面的工具箱和服务。通过Adobe Creative Cloud可以很好地得到。和其他adobe的工具结合起来,他们代表了世界上创造响应式布局网页和应用的最好的工具

Adobe Edge Tools & Services还包括如下几个子产品。
 Adobe Edge Animate: Edge Animate是Adobe最新出品的制作HTML5动画的可视化工具,简单的可以理解为HTML5版本的Flash Pro,保留AdobeCC酷炫黑色风格,符合用户使用习惯,十分容易上手
 Adobe Edge Reflow: Edge Reflow CC可用于响应式设计的可视化创作,提高通过HTML5和CSS3技术在不同设备上所进行的网页开发效率。
 Adobe Edge Code: 这是一款方便优雅的编辑器,能够实时查看颜色、字体等样式,不用再想之前一样调好颜色再去修改颜色代码了
 Adobe Edge Inspect:方便查看网页代码,方便在各种的移动终端上查看网页效果
 Adobe Edge Web Fonts:提供了很多免费的创意字体
 Adobe Typekit:网页字体库管理软件
 Adobe PhoneGap Build:跨平台移动应用开发工具

不管怎么说,Adobe在更好地把HTML5与设计结合在一起这条道路上所产生的理念和创造性尝试是十分值得继续期待和关注的,期待Adobe & HTML 技术更加成熟。

image