文档介绍：该【ui视觉设计教案课件】是由【yzhlya】上传分享，文档一共【32】页，该文档可以免费在线阅读，需要了解更多关于【ui视觉设计教案课件】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。教学对象:ui视觉设计班学员
授课内容:详细讲解icon、pc端移动端界面设计、原型图绘制
计划学时:100课时
UI视觉设计班教案
本章导读
第一章(3天)
本章主要授课内容
·本章主要学****如何绘制扁平风格图标(icon)
·icon是什么,设计icon的目的以及规范要求
·简单介绍现今主流的三大风格icon
·绘制一套(8~12个)完整的扁平风格图标,技巧手法注意事项
·评讲学生作业并辅导学生完成修改
本章导读
第一章(2~3天)
本章主要授课内容
·本章主要学****如何绘制扁平风格图标(icon)
·icon是什么,设计icon的目的以及规范要求
·简单介绍现今主流的三大风格icon
·绘制一套(8~12个)完整的扁平风格图标,技巧手法注意事项
·评讲学生作业并辅导学生完成修改
第一章(2~3天)
手把手教你绘制酷炫有型的火箭图标
·绘制机体(布尔运算)
·绘制机翼(注意切换点)
·长投影绘制,以及细节修饰
布尔运算
临摹以下的一套风格的图标
本章导读
第二章(1~2天)
本章主要授课内容
·本章主要学****如何绘制单色矢量图标(icon)
·单色适量图标制作的规范要求
·教学生绘制一套(不少于15个)单色矢量图标,方法技巧及注意事项
·评讲学生作业并辅导学生完成修改
第二章(1~2天)
·教学生如何绘制一组单色适量图标(线形)+(单色扁平)
·在PS里,灵活针对○□-△等图形进行布尔运算(相交、相减、相加等)以实现上面的图标效果;
·钢笔工具——绘制路径、路径选择工具——调整路径大小使用
直接矛点选择工具——调整矛点位置、转角工具——调整路径圆角和角度使用
·记住三点:一是形状工具及填充,二是描边效果,三是用钢笔锚点工具删除无用路径
根据上一页讲的方法绘制以下图标
第三章(4~5天)
·教学生如何绘制一组拟物风格图标
·通过绘制拟物风格图标,了解图层样式的各种表现方式
·临摹一款拟物风格图标,学会进行图层拆解,然后分步绘制,提高绘图效率
·拟物风格的图标最能够锻炼设计师的艺术造型能力,对质感的表现要求较高
·可用ps或是ai进行绘制
第三章(4~5天)
绘制写实的质感收音机
①制作木头纹理:创建新新图层,填充木头色。工具栏选择“滤镜>渲染>纤维”,调整合适的差异及强度;并绘制边框→
②完善边框
②分步绘制-外边框
③分步绘制-扬声器
②绘制扬声器,设置图层样式
并下载扬声器网格的图案(MetalMeshPatterns-Pack)
进行图案叠加→