【046期】交互界面动效的设计与实现(附讲座视频)

【SDC46期设计讲座】对交互界面的动效感到好奇？看上去舒适的缓动效果都是怎么实现的？前期又是怎么规划设计的？本期嘉宾新浪微博品牌视觉设计师@二毛角 案例实操手把手教你交互界面动效的设计与实现，11月23日晚8点，YY频道156982，感兴趣的同学别错过哟！文@苏离酥梨

【12.09日更新YY视频录像】

http://v.youku.com/v_show/id_XNjQ1ODk5OTAw.html

http://v.youku.com/v_show/id_XNjQwNTQxNzI0.html(问答环节)

（因中途出现了个小插曲，所以导致视频上传延期，还望各位谅解。）

老师会在讲的过程中实际案例操作会用到这两个软件，请大家自行下载安装

adobe effect 以及 adobe edge animateadobe edge animate

下载链接：http://html.adobe.com/edge/animate/

（温馨提示：老师现场教学，大家下载好软件方便动手跟着做噢）

1：请老师做一下简单的自我介绍吧?

生曦。微博@二毛角。现职于新浪微博用户研究体验设计中心，品牌设计师。

2：请问老师您目前主要的工作内容是什么? 

主要是负责微博移动客户端品牌推广，包括各移动平台的开机画面、功能引导、以及上线推广宣传以及重要事件和产品重要功能的推广。还包括其他项目的设计展示，动效实现等。

3：能简单介绍下您目前所在的团队吗？

用户体验设计中心主要是负责新浪微博无线产品、网页以及周边等所有产品的用户研究、体验设计，品牌视觉、以及推广宣传等

我所在品牌部门，主要是打造微博自身品牌形象，提高品牌认知辨识度，提高品牌质量。也会支持其他的产品部门提高用户体验以及运营部门提高推广效率等。

4：老师您的作品偏向交互，在做这些项目的过程当中，应当多注意哪些，可以提出几个小点嘛？

因为比较擅长于做一些可交互的设计展示，所以有部分项目中会结合视觉设计师和工程设计师实现开发工作，所有积累了一些有关与交互界面的设计方法，不仅仅是对交互有一些帮助，而且应该对视觉更有意义。设计师应该共同进步。在项目过程中有几个应该注意的问题：1，应该注意设计成本，以及对实现效果的预判，从而选择合适的设计工具和展示方式。2，应该注意实现成本，避免设计后期的返工、实现成本过大化。3，应该注意体验一体化，避免局部完成度高，而整体性完成度低。

5：老师，怎么样才能让交互做的更舒服、更适应用户？

我觉得让用户更舒服应该是设计体验的提升。应该包括两个方面。1从效率角度上讲，让用户感觉速度更快、反应过程更加灵敏、逻辑更加清晰。从。2从情感上讲，要循序基本的交互规则。合理的利用人机交互的特点，借鉴真实操作体验数字模拟到交互体验，做到越自然越好。

6：老师，需求逻辑有冲突时，应该听谁的，如何避免反复和争执？

如果已经发生，需要尽快让各部门的认知达到一致。通过沟通、测试确定问题点，针对问题提出解决方法，重新确定需求逻辑。

如果没有发生，在产品研发中，通过尽可能的体现高保真的交互原型，以及更加真实的产品操作体验来模拟产品最终形态来让各个设计与实现部门在前期达到认知一致。减少或者避免研发过程的中的大范围调整和返工带来的成本。

不过这些都是在所难免的，也是企业的成本所在，尽量减少和避免问题，也是团队磨合的重要过程。

7：老师可以推荐几本您喜欢的交互设计书籍或者站点呢？

<交互设计精髓>（这个比较基础）；

<给设计师看的交互程序设计书>（用数学的方法去解释运动状态）这本书非常有意思，如有有as基础的朋友可以关注，很多有一意思的变形曲线，运动方式可以通过一定的计算得到。只要计算可以得到就意味着可以被应用到交互中；

Meaningful transitions（动效在界面中的应用）http://www.ui-transitions.com/#home

这个是非常久之前的一个梳理，对于移动界面的拓展以及动效设计非常有借鉴，当然现在已经有更多的新形势出现。为了能更好的理解这些内容，我从今天开始还原和补充里面中的一些形势。并且利用这些功能去实现一些好的设计。是一个不错的学习空间。欢迎关注http://shengxi.sinaapp.com

嘉宾部分作品展示：

请大家务必仔细查看清楚以下参与方式。

【参与方式】

方式一：进入YY频道156982 → 进入讲座频道(人数最多的那个子频道，任何马甲自由进入) → 修改昵称→获得马甲（可文字发言交流）
名片格式如：【SDC优设】01 – 瑶瑶(数字01指所在群，不在任何群写数字00) 名片没有修改的群友是不能文字发言交流的喔~！怎么改备注可请教接待区的管理员

方式二：讲座YY频道网页版入口：→www.yy.com/156982

温馨提示：网页版本YY功能会有限制，如果您安装有客户端，建议使用YY客户端听课。

（下图为39期讲座截图，按照此方法进入46期即可）

进入后点击LOGO可以出现频道分类

【注意事项】

1、字体：听课的童鞋字号字统一为10 号，并用黑色，不加粗不倾斜，不加下划线。

2、氛围：讲座过程中不要发表与讲座无关内容。您需要做的仅仅是修改好您的马甲，然后听课，和老师互动。多谢配合噢~

3、时间：讲座时间为2013年11月23日周六晚上8：00-10:00点（讲座时间2小时，晚22：00结束）

4、提示：在讲座开始后，请停止任何与讲座无关的话题，不要打扰到讲座老师的正常讲座。为充分互动，将讲座相关问题点击右下角绿色的“提交问题”的按钮提交即可。

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量56万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：