新媒体互动设计

HTML5
HTML5的跨平台优势在移动互联网时代进一步凸显。 HTML5是唯一适应PC、Mac、 iPhone、iPad、 Android、 Windows Phone等主流
平台的跨平台语言。 Java和 Flash都曾希望成为主流平台，但没有成功。目前，主要研究基于HTML5
的跨平台手机应用。
AS入门第一课_认识编程环境
在右边的编程窗口上面的工具栏最左边有一个加号,它具有与左边窗口相同的功能,正确的指令是显示蓝色
通常在ActionScript编程时,我们可能会习惯将代码写在影片剪辑、按钮元件上,这 就必须要事件驱动,它的格式是:
on(事件名称){
要执行的语句
} 现在我们来试一试,在动作面板中输入
HTML5技术本身提供了很多新元素及功能，比如：图形的绘制、多媒体内容、更 好的页面结构、更好的形式处理、API拖放元素、定位功能，以及音视频播放等 。
HIML5设计师更接近一个交互设计师。交互设计师负责一个系列产品线的交互界 面设计，分析用户的交互习惯以及喜好，从用户体验的角度出发，提出最佳的交 互设计和界面设计方案。
6. 引 导 在通过第一印象让用户喜欢上了你的网站开始，如果你引导不了用户的眼睛和心理 ，那么用户同样会关掉你的网页。那么如何抓住用户的眼睛和心理呢？通过多年总 结出分为四步： 1).提出问题 2).解决问题 3).执行团队 4).执行效果
网络广告的流程
7. 转化率 转化率包括注册、购买、留下联系方式等，不管是哪一种都要给用户一个理由让他 去操作，如：免费、优惠、限量、附加品等。然后在操作的同时一定要简单化、易 用化，否则用户看到密密麻麻的流程，很快就会烦了。
新媒体互动设计
教师：李怡
新媒体互动设计
富媒体广告 UI交互设计
富媒体广告
网络广告的流程
我将网络广告分为9大细节步骤，每一步都讲究策略性，每一步没有做好都会大 大影响网络广告效果。
1. 精准度 如果你是网站用户是面向白领女人市场，那么就应该投放一些美容、服饰、爱情 和时尚类的网站进行网络广告投放
Flash应用
Flash与视频联袂出演
Flash与视频联袂出演
HTML5
超文本标记语言( hypertext markup language,HTML)是互联网发展的 基石，目 前几乎所有的网站都是基于HTML开发的。
HTML5是HTML的最 新标准，HTML5标准的制定过程正值移动互联网崛起，标准 组织成员中的 Apple、 Google、 Opera等公司有着对移动互联网的独立思考和 见解，并最终 影响HIML5的成果。
网络广告的流程
4. 点击率 用户一旦产生了兴趣，就会立刻进行点击广告动作，只要点击进来以后就是与网站 广告策略无关了ห้องสมุดไป่ตู้该讲究的是网站内部的优化的过程了
5. 第一印象 当用户点击到你的网站来，第一印象很重要，影响第一印象的因素包括网页速度、 网页内容与广告内容的相符度、颜色搭配、文字、图片、动画、声音等等。如果第 一印象做不好，用户不会进行下一步操作，马上走开。
看：有一定的审美能力，多看优秀的作品并且虚心学习其他作品的优点
想：有整合分析的能力，通过逻辑思维整理获取到的信息。
说：思维清晰，准确地向用户表达自己的想法和观点。
做：运用专业技能将理论应用于实际。
验：反复并且精准地测试设计效果，为用户创造最好的观感体验。他们设计纸质 印刷品、影像产品等。
8. 回馈度 从广告精准投放到成功转化很多人以为到此为止了，我告诉你，NO! 一旦与用户达 到转化，你一定要给用户一个回馈，比如：电话回访、短信通知等方式进行满意度 调查，让用户感觉到买了你的单，你是重视用户的。这样用户才会产生良好的用户 黏度。 9. 口碑传播率 一个用户对我们满意了，自然也会转告他周围的人，口碑传播率也是基于前面8个细 节方面。最后杨帆想忠告大家二句话，这二句话这也是创亿团队一直在坚信着一原 则，那就是：“把服务和客户放在第一位，利润也就会处在第一位。客户的满意， 就是最佳广告语; 满意的客户，就是最好的推销员。”
随着HTML5在互联网的普及，交互设计师不知不觉已经成为各大公司必不可少的稀 缺人才。
svg
VG可以算是目前最最火热的图像文件格式了，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来 说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的 Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开 SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中 通过浏览器来观看。
HTML5是非盈利性的标准制定组织W3C在HTML之 上制定的语言标准，它是 HTML的扩充。
HTML5拥有桌面互联网、移动互 联网兼容并蓄的特点，不仅体现在开发方式、 网络内容上，还实现了访问方式的体验统一化。
HTML5
HTML5是HTML最新的修订版本，于2014年10月由万维网联盟(W3C) 完成标准 制定。
HTML5优势
跨平台 快速迭代 成本低且导流入口多 分发效率高
HTML5设计师
在传统印象中，广告设计行业所需要的人才大部分是平面设计师、视频设计师等 ，他们主要掌握修图、排版，以及对影像的创造、加工等技能。
HTML5作品设计包括平面设计、交互设计。
设计师不仅要考虑在界面的范围内如何让画面更加优美，还要考虑在不同的地方 设置不同的触发行为，执行新的功能或者跳转到下一个页面。
on( 这时你会发现弹出了一个窗口,将所有事件列了出来,你只需用鼠标选用所需要的事 件双击它或回车,事件就会自动写到屏幕上.是不是很方便?
很多ActionScript程序都是对影片剪辑、按钮元件、文本框等对象进行操作,这需 要在属性面板中为它们命名.良好的命名习惯,对我们编写程序会有很大的帮助. 按照约定,影片剪辑元件的命名以_mc结尾,如my_mc,按钮元件则是以_btn结尾, 文本框则是以_txt结尾.当然你完全可以不理采这些约定,随心所欲地为他们命名. 我们说遵守这些约定,会对我们编程有所帮助.
新建一影片剪辑元件,然后将它拖到舞台上,打开属性面板,为它取名为 :mymc_mc,在第一帧打开动作面板,输入:mymc_mc.这时会弹出一个窗口,需要哪个指 令选就是了.这些指令是按拼音顺序排列的.如果你能记住所需指令的前几个字母,你不 妨直接输入,这时你会发现,很快就定位到了你所需要的指令.现在,我们把元件的名称 改为mymc,不以_mc结尾,再到动作面板中输入,mymc.结果什么也没有发生,后面的指 令只有自己输了,或者到左边窗口中去选.按钮元件和文本框也是相同的.你可以试一下 .
SVG图形是可交互的和动态的，可以在SVG文件中嵌入动画元素或通过脚本来定 义动画。
SVG提供了目前网络流行的PNG和JPEG格式无法具备的优势： 可以任意放大图形显示，但绝不会以牺牲图像质量为代价； 可在SVG图像中保留可编辑和可搜寻的状态； SVG文件比JPEG和PNG格式的文件要小很多，因而下载也很快。 SVG的开发将为Web提供新的图像标准。
1993年，HTML首次以因特网草案的形式发布。 2005年 Adobe巨资收购 Macromedia,把 Flash收归旗下，紧接着大幅推广FLV流
媒体和 Action Script语言，这成为I并购的经典案例，FLV流媒体和 Flash游戏风 靡互联网。
HTML5
HTML5诞生以来，一共经历了两个阶段 web增强阶段和移动互联网阶段。 Web体验的丰富主要表现在： Web APP HTML5新增了离线存储、更丰富的表单(
HTML5设计师需要构思作品的布局，创造很好的观看和交互体验，跟踪作品的体 验效果和数据。
一个HIML5设计师来说，除了要有平面设计和动画设计的能力，还要有较强的逻 辑思维能力以及良好的沟通能力和团队合作精神。
TML5设计师，要具备以下基本素质
听：耐心倾听用户需求，把来自用户、合作伙伴、市场、业界等各方面的声音听 进去。
如 Input type=date)、js线程、 socket、标准扩展embed、CSS3…流媒体HTML5 新增了 audio、vdeo;游戏HTML5新增了 canvas、 WebGL。 HTML5还为搜索引擎的语义分析进行了优化，比如新增 header和section等标签 ，也在无障碍等领域做了不少工作。 HTML5在流媒体和游戏方面的努力，遏制了 Flash的发展。
2. 关注率 当选定目标后，下一步要做的就是关注率，其它广告学者和专家都讲究是曝光率 ，在这里跟本没有曝光率这个词，因为在同一网站上的广告曝光率同等的情况下 ，那么用户的关注率是不等的。
3. 阅读率 如果把你的广告让用户关注到了，你最想让他做什么？点击？NO！，现在的用 户要是没有理由他是不会点击任何链接的，这一步要做的就是让用户好好的阅读 你的广告内容，在阅读这里面讲究用文字、图片、颜色和动画进行吸引，但杨帆 不推荐一闪一闪点晶晶的那种图片效果，那种图片只会让你降低品牌价值。吸引 过后就是兴趣，用一些问题式和惊讶式的内容进行让他对此内容产生兴趣。
SVG是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形。SVG提供了 3种类型的图形对象：矢量图形（vectorgraphicshape例如：由直线和曲线组成的 路径）、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、 组合等操作，特征集包括嵌套变换（nestedtransformations）、剪切路径（ clippingpaths）、alpha蒙板（alphamasks）、滤镜效果（filtereffects）、模板 对象（templateobjects）和其它扩展（extensibility）。