1 / 31
文档名称:

ui视觉设计教案.ppt

格式:ppt   大小:4,693KB   页数:31页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

ui视觉设计教案.ppt

上传人:350678539 2021/12/27 文件大小:4.58 MB

下载得到文件列表

ui视觉设计教案.ppt

文档介绍

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