文档介绍：教学对象:ui视觉设计班学员
授课内容:详细讲解icon、pc端移动端界面设计、原型图绘制
计划学时:100课时
UI视觉设计班教案
本章导读
第一章(3天)
本章主要授课内容
·本章主要学****如何绘制扁平风格图标(icon)
·icon是什么,设计icon的目的以及规范要求
·简单介绍现今主流的三大风格icon
·绘制一套(8~12个)完整的扁平风格图标,技巧手法注意事项
·评讲学生作业并辅导学生完成修改
本章导读
第一章(2~3天)
本章主要授课内容
·本章主要学****如何绘制扁平风格图标(icon)
·icon是什么,设计icon的目的以及规范要求
·简单介绍现今主流的三大风格icon
·绘制一套(8~12个)完整的扁平风格图标,技巧手法注意事项
·评讲学生作业并辅导学生完成修改
·教学生如何绘制一组扁平化图标
·在PS里,灵活针对○□- △等图形进行布尔运算(相交、相减、相加等)以实现上面的图标效果;
·临摹时,需要临摹一套风格的图标,且不少于8个
·绘制时,所有元素的边界都必须干净利落,没有任何羽化、模糊、纹理等能做出3d效果的元素
·确保图标可读性,认知度要强,相应的图标配对相应的功能
第一章(2~3天)
第一章(2~3天)
手把手教你绘制酷炫有型的火箭图标
·绘制机体(布尔运算)
·绘制机翼(注意切换点)
·长投影绘制,以及细节修饰
布尔运算
本章导读
第二章(1~2天)
本章主要授课内容
·本章主要学****如何绘制单色矢量图标(icon)
·单色适量图标制作的规范要求
·教学生绘制一套(不少于15个)单色矢量图标,方法技巧及注意事项
·评讲学生作业并辅导学生完成修改
第二章(1~2天)
·教学生如何绘制一组单色适量图标(线形)+(单色扁平)
·在PS里,灵活针对○□- △等图形进行布尔运算(相交、相减、相加等)以实现上面的图标效果;
·钢笔工具——绘制路径、路径选择工具——调整路径大小使用
直接矛点选择工具——调整矛点位置、转角工具——调整路径圆角和角度使用
·记住三点:一是形状工具及填充,二是描边效果,三是用钢笔锚点工具删除无用路径
轻松画线形图标之——wifi图标
第二章(1~2天)
画七个圆平均分布
居中对齐
形状拼合
并做布尔运算
将一个正方形翻转45°后
对齐圆形中心并做布尔运算
完成
布尔运算
根据上一页讲的方法绘制以下图标