老师简介
郁闷的鸡
BeardChicken, 圈内粉丝都戏称鸡爷,优设特约免费讲座分享讲师,站酷648万超人气设计师,全国十佳UI设计师。
Beardidea 联合创始人、站酷网推荐设计师、热门UI教程作者,曾任职天天动听设计总监,优设公开课嘉宾,Adobe认证用户界面设计师,创业公司设计顾问,全国十佳UI设计师,Adobe认证影视后期/图像设计师。
他在全球知名的设计站点Dribbble上也拥有极高人气,围观地址→ dribbble.com/tczhang
2008年开始从事广告行业,2010年开始从事UI工作,曾任职阿里数娱(天天动听)设计总监,兼创业公司设计顾问。
常年在优设分享设计教程,并且培养了超2000多名优秀学员,毕业学员就职BAT、更有拜师学艺后考上清华交互研究生。
学了动效能做什么?
动画,可以应用在很多地方。我们的手机端app,手机系统,我们的智能电视,网页等等一切存在交互的地方,都存在动画过程。我们任何一个点击,触碰时候的反馈,触碰结束的反馈,都可以成为一个动画,设计者可以直接表现设计动作,增加动作的趣味性,以及定义操作的流程与时长,以及各项数据的颜色和间距范围。
动效是什么,跟交互有什么区别?
交互设计是把需求转化为可实行方案的过程,就像我们需要盖一所房子,交互设计师就是规划这所房子框架,结构的人。交互设计师岗位主要的工作内容是分析需求,理清产品信息架构,进而产出低保真原型图。
而动效设计师,是将交互思路、静态设计界面用动画的方式展示出来,更直观。方便项目组各岗位人员理解项目,节约沟通成本。目前很多引导页、按钮、闪屏都是动画形式。
动效只做展示用?还需要程序员写代码?
对设计师而言,如果我们要直接应用在开发那里,我们设计好了必须需要前端或者开发人员的帮助。或者我们也可以在去学习一下编程开发的相关知识,将我们]的设计coding ~从视觉转换成编码。当然有插件能直接生成动效代码,方便开发。
适合零基础吗?
最好有一定的设计基础(平面设计、网页设计或者移动UI界面等皆可),熟悉PS的相关操作,老师从基础理论到实操案例,用生动易懂的语言和简单明了的操作一步步教你从不会到掌握,课件资料共享,高清录屏可以反复观看,课后助教会梳理知识点,建立课堂问答文档,每天分享课程相关的精彩作品/文章,及时答疑,还会督促你及时交作业,告别拖延症。
课程大纲
一、基础篇(8课时)
1、UI基础介绍
2、UI设计相关工具
3、UI视觉规范
4、设计的差异性和相通性
5、视觉提升
6、排版设计
7、设计思路
8、配色技巧与色彩应用
二、图标篇(6课时)
1、图标设计
2、风格
3、线性的设计
4、扁平化图标设计
5、拟物化图标设计
6、主题设计
三、元素篇(6课时)
1、界面中的元素
2、元素的统一性
3、矢量插图设计
4、界面设计思路
5、界面的多样性
6、界面的统一性
四、界面篇(6课时)
1、交互原型
2、通过原型设计界面
3、切图与标注
4、闪屏与引导页
5、闪屏动效引导页动效
6、设计作品展示
五、提高篇(6课时)
1、banner与广告
2、html5移动端动画设计
3、微交互动画
4、页面动态效果设计
5、界面动效
6、界面交互动效
最新网友评论